@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,p,ul,ol,dl,dd,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}button,input{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,strong{font-weight:inherit;font-size:inherit}img{display:block}a{color:inherit;text-decoration:none}kbd{font:inherit}}@layer base{html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{overscroll-behavior:none;touch-action:pinch-zoom;background:var(--bg);color:var(--fg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font:400 14px/1.4 Archivo,system-ui,sans-serif;overflow:hidden}::selection{background:var(--fg);color:#000}:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.mono{letter-spacing:.09em;text-transform:uppercase;font-family:Geist Mono,ui-monospace,monospace;font-size:11px;font-weight:500}.dim{color:var(--faint)}.icon{flex:none}.sr-only{clip-path:inset(50%);white-space:nowrap;-webkit-user-select:none;user-select:none;width:1px;height:1px;position:absolute;overflow:hidden}button,.scene,.hud-top,.regions,.rail{-webkit-user-select:none;user-select:none}kbd{border:1px solid var(--hair-strong);padding:2px 6px}.text-button{text-underline-offset:4px;pointer-events:auto;margin-left:14px;text-decoration:underline}.text-button:hover{color:var(--fg)}}@layer parts{.scene{width:100%;height:100%;display:block;position:fixed;inset:0}.stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage :is(button,a){pointer-events:auto}.orbit{text-align:center;place-content:center;justify-items:center;gap:clamp(10px,2vh,22px);display:grid;position:absolute;inset:0}.orbit-where,.orbit-status{background:var(--bg);color:var(--mute);padding:5px 10px}.orbit-word{letter-spacing:-.045em;color:#fff;mix-blend-mode:difference;font-size:min(15.6vw,30vh);font-weight:900;line-height:.86}.orbit-word:disabled{cursor:default}.orbit-word:focus-visible{outline-offset:12px}.orbit-status kbd{color:var(--fg);margin-left:4px}.regions{white-space:nowrap;gap:clamp(14px,3vw,40px);display:flex;position:absolute;bottom:76px;left:50%;translate:-50%}.region{color:var(--faint);padding:12px 2px;position:relative}.region:hover{color:var(--mute)}.region[aria-current]{color:var(--fg)}.region-no{color:var(--faint);margin-right:8px}.region:after{content:"";background:var(--fg);transform-origin:0;height:1px;position:absolute;inset:auto 0 4px;scale:0 1}.region[aria-current]:after{scale:1}.showcase{position:absolute;inset:0}.plate{left:var(--gutter);justify-items:start;gap:18px;width:min(48vw,780px);display:grid;position:absolute;top:50%;translate:0 -52%}.plate-board{color:var(--mute)}.plate-rank{letter-spacing:.04em;font-size:clamp(18px,2.3vw,32px)}.plate-name{font-size:clamp(34px, calc(min(48vw, 780px) / (var(--chars) * .62)), 148px);letter-spacing:-.04em;white-space:nowrap;font-weight:900;line-height:.92}.plate-ranks{border-top:1px solid var(--hair);margin-top:8px;display:flex}.plate-ranks div{gap:6px;padding:12px 22px 0 0;display:grid}.plate-ranks div+div{border-left:1px solid var(--hair);padding-left:22px}.plate-ranks dt{color:var(--faint)}.plate-ranks dd{color:var(--faint);font-size:13px}.plate-ranks [data-ranked] dd{color:var(--mute)}.plate-ranks [data-here] :is(dt,dd){color:var(--fg)}.plate-link{color:var(--mute);align-items:center;gap:8px;display:inline-flex}.plate-link:hover{color:var(--fg)}.plate-empty{color:var(--mute)}.rail{--stop:34px;right:var(--gutter);padding-right:30px;position:absolute;top:50%;translate:0 -50%}.rail li:not(.rail-mark){height:var(--stop)}.rail-stop{height:100%;color:var(--faint);align-items:center;gap:14px;margin-left:auto;display:flex}.rail-stop:hover:not(:disabled),.rail-stop[aria-current]{color:var(--fg)}.rail-stop:disabled{color:var(--hair-strong);cursor:default}.rail-name{text-transform:none;letter-spacing:.02em}@media (width<=1100px){.rail-name{display:none}}.rail-mark{right:0;top:calc(var(--stop) / 2);background:var(--fg);width:18px;height:1px;translate:0 calc(var(--at) * var(--stop));opacity:0;position:absolute}.rail-mark[data-on]{opacity:1}.return{left:var(--gutter);color:var(--mute);align-items:center;gap:10px;display:inline-flex;position:absolute;bottom:26px}.return:hover{color:var(--fg)}.return:hover kbd{border-color:var(--fg)}.count{white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:30px;left:50%;translate:-50%}.count-hint{color:var(--mute);margin-left:18px;padding-left:34px;position:relative}.count-hint:before{content:"";background:var(--mute);transform-origin:0;width:24px;height:1px;position:absolute;top:50%;left:0}.flat-skin{position:absolute;top:50%;right:22%;translate:50% -50%}.flat-skin-image{image-rendering:auto;width:auto;height:min(62vh,520px)}.hud-top,.hud-bottom{padding-inline:var(--gutter);pointer-events:none;gap:24px;display:flex;position:fixed;inset-inline:0}.hud-top :is(button,a),.hud-bottom :is(button,a){pointer-events:auto}.hud-top{align-items:center;height:72px;top:0}.hud-top>:nth-child(2){margin-left:auto}.wordmark{letter-spacing:-.01em;font-size:19px;font-weight:900;font-stretch:118%}.hud-links{color:var(--mute);gap:22px;display:flex}.hud-links a{align-items:center;gap:7px;display:inline-flex}.hud-links a:hover{color:var(--fg)}.hud-bottom{height:72px;color:var(--faint);justify-content:space-between;align-items:center;bottom:0}.credits .fine{margin-left:22px}.status{color:var(--mute);margin-left:auto}.status[data-offline]{color:var(--danger)}.admin{align-items:center;gap:8px;display:flex}.admin-tag{color:var(--mute);margin-right:6px}.chip{border:1px solid var(--hair-strong);background:var(--bg);height:30px;padding:0 11px}.chip:hover:not(:disabled){background:var(--panel);border-color:var(--mute)}.chip[data-armed]{color:var(--danger);border-color:var(--danger)}.chip:disabled{opacity:.5;cursor:default}.cover{pointer-events:none;opacity:0;z-index:20;position:fixed}.flash{background:radial-gradient(circle,#fff 0 38%,#fff0 62%);width:400vmax;height:400vmax;margin:-200vmax 0 0 -200vmax;top:50%;left:50%}.veil{background:var(--bg);inset:0}.button{white-space:nowrap;border:1px solid var(--hair-strong);justify-content:center;align-items:center;height:38px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){border-color:var(--mute);background:#ffffff0f}.button:disabled{opacity:.45;cursor:default}.button.primary{background:var(--fg);border-color:var(--fg);color:#000}.button.primary:hover:not(:disabled){background:#d4d4d8;border-color:#d4d4d8}.dialog{width:min(100% - 32px,420px);max-width:none;color:inherit;background:0 0;border:0;padding:0;overflow:visible}.dialog::backdrop{background:#000000b8}.dialog-box{background:var(--panel);border:1px solid var(--hair-strong);gap:20px;padding:26px;display:grid}.dialog-title{letter-spacing:-.02em;font-size:22px;font-weight:900}.form{gap:8px;display:grid}.form label,.form legend{color:var(--mute);padding-top:8px;font-size:12px;font-weight:600}.field{background:var(--bg);border:1px solid var(--hair-strong);border-radius:0;outline:none;width:100%;height:44px;padding:0 12px;font-size:15px}.field:focus-visible{border-color:var(--fg)}.field:disabled{opacity:.45}.choices{grid-template-columns:1fr 1fr;gap:6px;display:grid}.choices legend{margin-bottom:8px}.form .choice{color:var(--fg);padding:0;display:grid;position:relative}.choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice:hover .button{background:#ffffff0f}.choice:has(:checked) .button{background:var(--fg);border-color:var(--fg);color:#000}.choice:has(:focus-visible) .button{outline:1px solid var(--fg);outline-offset:3px}.form-hint{color:var(--mute);font-size:12px;line-height:1.5}.form-error{color:var(--danger);font-size:13px}.form-actions{flex-direction:row-reverse;gap:8px;margin-top:14px;display:flex}.toast{z-index:30;background:var(--fg);color:#2b2b30;gap:2px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px 13px;font-size:13px;display:grid;position:fixed;top:84px;left:50%}.toast strong{color:#000;font-weight:700}.toast[data-bad]{background:var(--danger);color:#000}@media (aspect-ratio<=11/10){.hud-top{height:60px}.hud-links{gap:14px}.admin-tag,.credits .fine{display:none}.orbit-word{font-size:min(17vw,22vh)}.regions{gap:14px;font-size:10px;bottom:64px}.region-no{display:none}.plate{width:calc(100% - var(--gutter) * 2);gap:12px;top:auto;bottom:96px;translate:none}.plate-name{font-size:clamp(26px, calc((100vw - var(--gutter) * 2) / (var(--chars) * .62)), 84px)}.plate-ranks div{padding-right:14px}.plate-ranks div+div{padding-left:14px}.rail{--stop:26px;padding-right:22px;top:34%}.rail-mark{width:12px}.rail-name{display:none}.return{bottom:22px}.count{left:auto;right:var(--gutter);bottom:60px;translate:none}.count-hint{display:none}.hud-bottom{height:60px}.flat-skin{top:30%;right:50%}.flat-skin-image{height:34vh}}}@layer motion{.kinetic{display:inline-block;position:relative}.kinetic-line{white-space:nowrap;vertical-align:top;margin:-.14em -.06em;padding:.14em .06em;display:inline-block;overflow:hidden}.kinetic-line.out{position:absolute;top:0;left:0}.kinetic[data-centred] .kinetic-line.out{left:50%;translate:-50%}.char{display:inline-block}@keyframes char-in{0%{translate:0 calc(var(--way) * 150%)}}@keyframes char-out{to{translate:0 calc(var(--way) * -150%)}}.in .char{animation:char-in .8s var(--spring) both;animation-delay:calc(var(--i) * 26ms)}.out .char{animation:char-out .24s var(--exit) both;animation-delay:calc(var(--i) * 9ms)}@keyframes rise{0%{opacity:0;translate:0 14px}}.orbit-where,.orbit-status,.regions{animation:rise .8s var(--spring) both;animation-delay:.18s}.regions{animation-name:rise-centred;animation-delay:.26s}@keyframes rise-centred{0%{opacity:0;translate:-50% 14px}}.plate-board,.plate-ranks,.plate-link,.plate-empty,.return,.rail,.count{animation:rise .8s var(--spring) both}.plate-ranks{animation-delay:.12s}.plate-link{animation-delay:.18s}.rail{animation-name:rise-middle;animation-delay:.1s}.count{animation-name:rise-centred}@keyframes rise-middle{0%{opacity:0;translate:12px -50%}}.region:after{transition:scale .5s var(--spring)}.rail-mark{transition:translate .5s var(--spring), opacity .2s linear}.hud-links .icon,.plate-link .icon{transition:translate .4s var(--spring)}.hud-links a:hover .icon,.plate-link:hover .icon{translate:2px -2px}.button,.chip{transition:scale .3s var(--spring)}.button:active:not(:disabled),.chip:active:not(:disabled){scale:.96}@keyframes hint{0%{scale:0 1}45%,60%{scale:1}to{opacity:0;scale:1}}.count-hint:before{animation:1.8s cubic-bezier(.65,0,.35,1) infinite hint}@keyframes word-rush{to{opacity:0;scale:2.6}}@keyframes clear{to{opacity:0}}.orbit[data-warping] .orbit-word{animation:.78s cubic-bezier(.7,0,1,1) forwards word-rush}.orbit[data-warping] :is(.orbit-where,.orbit-status,.regions){animation:.22s linear forwards clear}@keyframes fold{to{opacity:0;translate:0 18px}}@keyframes fold-middle{to{opacity:0;translate:12px -50%}}@keyframes fold-plate{to{opacity:0;translate:0 calc(18px - 52%)}}.showcase[data-leaving] :is(.return,.count){animation:.16s linear forwards clear}.showcase[data-leaving] .rail{animation:fold-middle .18s var(--exit) forwards}.showcase[data-leaving] .plate{animation:fold-plate .18s var(--exit) forwards}.showcase[data-leaving] .flat-skin{animation:.16s linear forwards clear}.flat-skin-image{opacity:0;transition:opacity .3s linear}.flat-skin-image[data-loaded]{opacity:1}.dialog,.dialog::backdrop{opacity:0;transition:opacity .15s var(--exit), translate .15s var(--exit), scale .15s var(--exit), overlay .15s allow-discrete, display .15s allow-discrete}.dialog{translate:0 10px;scale:.98}.dialog[open],.dialog[open]::backdrop{opacity:1;transition-duration:.5s;transition-timing-function:var(--spring)}.dialog[open]{translate:0;scale:1}@starting-style{.dialog[open],.dialog[open]::backdrop{opacity:0}.dialog[open]{translate:0 10px;scale:.98}}@keyframes toast{0%{opacity:0;translate:-50% -14px}8%,92%{opacity:1;translate:-50%}to{opacity:0;translate:-50% -8px}}.toast{animation:toast 4s var(--spring) both}@media (aspect-ratio<=11/10){@keyframes fold-plate{to{opacity:0;translate:0 18px}}.count{animation-name:rise}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.count-hint:before{animation:none}}}@font-face{font-family:Archivo;src:url(/assets/archivo-latin-DY7AcnAa.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/geist-mono-latin-XN7g48iV.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--panel:#121214;--fg:#fafafa;--mute:#a1a1aa;--faint:#63636c;--hair:#ffffff14;--hair-strong:#ffffff2e;--danger:#ff6b5e;--spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1);--exit:cubic-bezier(.55, 0, 1, .45);--gutter:clamp(20px, 4.4vw, 72px)}
