@font-face{font-family:silkscreen;src:url(/font.ttf)}:root{background-color:#000;color:#fff;--font-family:"Silkscreen", monospace;font-family:var(--font-family);font-size:1.75rem}a,a:visited{color:#00d8f0}a:hover{color:#7df2ff}p{margin:.25em 0}li::marker{content:"-"}h1{font-size:1.5rem;margin:1rem 0}small{font-size:.7rem}body{margin:0;padding:1rem 0;min-height:100vh;background-image:url(ss1.webp);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:50%}header{display:flex;width:100%;justify-content:space-around;a, a:visited { text-decoration: none; color: white; text-wrap: nowrap; mix-blend-mode: lighten; } a, span { &:hover { color: #00d8f0; } } &>a, &>span { &:hover { color: #00d8f0; } &::after { content: ""; display: inline-block; height: 0.5lh; image-rendering: pixelated; background: no-repeat center/100%; } &.info::after { width: 0.3lh; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAJUlEQVQImTXKsREAIAzDwHeO/Vc2BUSlpLSFIuMRON+CWbvbll4kRQcJ9g+PcQAAAABJRU5ErkJggg=="); } &.home::after { width: 0.5lh; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAJ0lEQVQImWNggIL/////Z0AGMAG4BLqK/////2diwAIYMcxiYGAAAK9pF+xa0e6NAAAAAElFTkSuQmCC"); } &.play::after { width: 0.3lh; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFAQMAAAC6v8ThAAAABlBMVEX///8AAABVwtN+AAAACXBIWXMAAA9hAAAPYQGoP6dpAAAAEElEQVQI12NIYFBgYADiBAAFCgEBs5zzaQAAAABJRU5ErkJggg=="); } &.chat::after { width: 0.7lh; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAQMAAACzVGSbAAAABlBMVEUAAAD///+l2Z/dAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAAEElEQVQI12OoYWgCwhqGBgAMcgJ9gXdomQAAAABJRU5ErkJggg=="); } &.map::after { width: 0.9lh; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFAQMAAACtnVQoAAAABlBMVEUAAAD///+l2Z/dAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAAF0lEQVQI12Owb2AIZGBwZWDwZGD4xwAAEw0CnZ1FYukAAAAASUVORK5CYII="); } }}.ddcontent{display:none;position:absolute;border-left:solid .125rem #fff;background-color:rgba(0,0,0,.8);z-index:1;&>* { display: block; width: 100%; padding: 0.2rem 0.5rem; }}.dd:hover .ddcontent{display:block;&>*:hover { background-color: rgba(127, 127, 127, 0.4); }}.page{margin:auto;padding:1rem;left:0;right:0;display:flex;flex-direction:column;align-items:center;width:fit-content;width:80vh;max-width:80vw;backdrop-filter:blur(10px);background-color:rgba(0,0,0,.4)}.logo{width:100%;image-rendering:pixelated;padding:1rem}.date{text-align:right;font-size:.75em}hr{width:100%;border-top:solid .125rem #fff}.page>hr{border-top:solid .25rem #fff}.page>section{display:flex;flex-direction:column;padding:1rem 2rem;margin:.25rem;width:100%}.columns{display:flex;justify-content:center;gap:1rem;&>* { align-self: top; }}.hbox{display:flex;justify-content:center;gap:1rem;&>* { align-self: center; height: 100%; }}.vbox{display:flex;justify-content:center;flex-direction:column;gap:1rem;&>* { width: 100%; }}@keyframes loading{to{background-color:#222}}.mapview{border:1px #fff dashed;background-color:#333;&.unloaded { animation-name: loading; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: ease-in-out; }}