@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-400.woff2) format("woff2");font-weight:400;font-display:swap}:root{--sky-top: #1f2a5a;--sky-mid: #8c5b8c;--sky-low: #ffa060;--ink: #fff3ea;--ink-soft: rgb(255 243 234 / .72);--data: #5ff2ff;--amber: #ffb547;--plate: rgb(18 16 38 / .66);--plate-solid: rgb(18 16 38 / .86);--plate-hover: rgb(40 34 80 / .9);--plate-edge: inset 0 0 0 2px rgb(255 243 234 / .14);--plate-drop: 0 4px 0 rgb(0 0 0 / .18);--track: rgb(10 8 24 / .6);--font: "Silkscreen", ui-monospace, monospace;--text-xs: 10px;--text-sm: 11px;--text-md: clamp(11px, .95vw, 13px);--text-lg: clamp(13px, 1.25vw, 17px);--track-tight: .1em;--track-mid: .14em;--track-wide: .16em;--gutter: 16px;--pad: 10px 14px 11px;--blur: blur(6px);--z-menu: 2}*{box-sizing:border-box;margin:0}html,body{height:100%}body{overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 55%,var(--sky-low) 100%);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:none}canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;opacity:0;transition:opacity 1.2s ease}canvas:active{cursor:grabbing}.ready canvas{opacity:1}.fallback{position:fixed;inset:0;display:none;place-items:center;font-weight:400;font-size:clamp(32px,9vw,120px);text-transform:uppercase;text-align:center;text-shadow:0 4px 0 rgb(0 0 0 / .18)}.no-gl .fallback{display:grid}.no-gl canvas,.no-gl .hint,.no-gl .build,.no-gl .places{display:none}.plate{background:var(--plate);transition:background-color 1.5s linear,color 1.5s linear;box-shadow:var(--plate-edge),var(--plate-drop);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);text-transform:uppercase}.hud{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:0 max(var(--gutter),env(safe-area-inset-right)) max(var(--gutter),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));pointer-events:none}.who,.build{padding:var(--pad)}.name{font-size:var(--text-lg);letter-spacing:.18em}.role{margin-top:5px;font-size:clamp(9px,.75vw,11px);letter-spacing:var(--track-wide);color:var(--data)}.build{display:grid;justify-items:end;gap:6px;font-size:clamp(10px,.85vw,12px);letter-spacing:var(--track-mid);color:var(--ink-soft)}.note{color:var(--amber)}.note:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--amber);box-shadow:0 0 8px var(--amber);animation:blink 1.2s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:.25}}.now b{font-weight:400;color:var(--ink)}.track{width:clamp(120px,13vw,180px);height:8px;padding:2px;background:var(--track);box-shadow:inset 0 0 0 1px #fff3ea4d}.track i{display:block;height:100%;width:0;background:var(--data);box-shadow:0 0 8px var(--data);transition:width .4s steps(4)}.hint{position:fixed;top:max(var(--gutter),env(safe-area-inset-top));left:50%;translate:-50% 0;padding:7px 12px;background:var(--plate);font-size:var(--text-xs);letter-spacing:var(--track-wide);text-transform:uppercase;white-space:nowrap;color:var(--ink-soft);pointer-events:none;opacity:0;transition:opacity .8s ease}.hint .touch{display:none}@media(pointer:coarse){.hint .fine{display:none}.hint .touch{display:inline}}.ready .hint{opacity:1;animation:hint 1s ease 9s forwards}.touched .hint{opacity:0;animation:none}@keyframes hint{to{opacity:0}}.places{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:var(--z-menu);text-transform:uppercase}.places button{font:inherit;color:var(--ink);letter-spacing:var(--track-mid);cursor:pointer;border:0}.places .places-toggle{display:flex;align-items:center;gap:9px;margin-left:auto;padding:9px 13px;font-size:var(--text-sm)}.places-toggle i{width:12px;height:10px;background:linear-gradient(var(--data) 0 2px,transparent 2px 4px,var(--data) 4px 6px,transparent 6px 8px,var(--data) 8px 10px)}.places-toggle:hover,.places-toggle[aria-expanded=true]{background:var(--plate-hover)}.places button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.places-list{list-style:none;margin:8px 0 0;padding:6px;max-height:min(70vh,560px);overflow-y:auto;background:var(--plate-solid);box-shadow:var(--plate-edge),0 6px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.places-list button{display:flex;justify-content:space-between;gap:18px;width:100%;padding:8px 10px;font-size:var(--text-xs);text-align:left;background:none;white-space:nowrap}.places-list button:after{content:attr(data-key);color:var(--ink-soft)}.places-list button:hover{background:#5ff2ff24;color:var(--data)}.tip{position:fixed;left:0;top:0;padding:5px 8px;background:var(--plate-solid);font-size:var(--text-xs);letter-spacing:var(--track-mid);text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.tip.on{opacity:1}.caption{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));translate:-50% 8px;padding:9px 14px;font-size:var(--text-md);letter-spacing:var(--track-wide);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .6s ease,translate .6s ease}.caption.on{opacity:1;translate:-50% 0}@media(max-width:560px){.caption{bottom:calc(150px + env(safe-area-inset-bottom))}.hud{flex-direction:column;align-items:stretch;gap:8px}.build{justify-items:start}.who,.build{padding:8px 12px 9px}.name{font-size:13px;letter-spacing:var(--track-mid)}.role{font-size:9px}.build{font-size:var(--text-xs);letter-spacing:var(--track-tight);gap:5px}.track{width:100%}.hint{font-size:9px;letter-spacing:var(--track-tight);left:var(--gutter);translate:none;max-width:calc(100% - 140px);white-space:normal;line-height:1.6}}@media(max-height:500px){.hint{display:none}.who,.build{padding:7px 11px 8px}}@media(prefers-reduced-motion:reduce){canvas,.track i,.hint,.caption,.tip{transition:none}.note:before{animation:none}}