:root{--bg:#060a15;--panel:#090e1cc7;--line:#96b4e629;--text:#e7edf8;--muted:#8795b1;--accent:#4fa3ff;--warn:#ffb347;--danger:#ff5a4f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#060a15}}:root[data-theme=dark]{--bg:#060a15}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-family:VT323,ui-monospace,monospace;overflow:hidden}#stars,#gl{width:100%;height:100%;display:block;position:fixed;inset:0}#gl{image-rendering:pixelated;cursor:grab;touch-action:none}#gl.drag{cursor:grabbing}.hud{pointer-events:none;z-index:2;position:fixed}#board,#topright,#feed{pointer-events:auto;touch-action:none}#brand{top:18px;left:20px}#brand h1{letter-spacing:1px;margin:0;font-family:Silkscreen,monospace;font-size:28px;font-weight:700;line-height:1}#brand p{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin:6px 0 0;font-size:18px;line-height:.95}.sw{width:14px;height:14px}#timer{text-align:right}#timer small{color:var(--muted);letter-spacing:2px;font-size:19px;display:block}#timer b{font-family:Silkscreen,monospace;font-size:34px;font-weight:400;line-height:1.05;display:block}#timer .tb{background:#ffffff1a;width:150px;height:6px;margin-top:6px;margin-left:auto}#timer .tb i{background:var(--accent);width:0;height:100%;display:block}#econ{letter-spacing:1px;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;font-size:20px;display:flex}#econ em{color:var(--text);font-style:normal}#paint{color:var(--muted)}#paint .pt-icon{display:none}#paint.empty em{color:var(--danger)}#feed{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;width:min(306px,100vw - 16px);padding:10px 12px;bottom:28px;left:8px}#feed:empty{display:none}#feed div{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:12px;font-size:21px;line-height:27px;display:flex;overflow:hidden}#feed div .sw{flex:none}#feed .fd-text{text-overflow:ellipsis;min-width:0;overflow:hidden}#feed div.new{animation:.9s steps(3,end) blink}@keyframes blink{0%{color:#fff}50%{color:var(--accent)}to{color:var(--text)}}#compass{width:84px;height:84px;bottom:22px;right:26px}#help{color:var(--muted);letter-spacing:1px;opacity:.8;white-space:nowrap;font-size:17px;bottom:10px;left:50%;transform:translate(-50%)}#credits{max-width:calc(50vw - 200px);color:var(--muted);opacity:.7;pointer-events:auto;font-size:14px;bottom:6px;left:10px}#credits a{color:inherit}#status{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);letter-spacing:1px;text-align:center;max-width:calc(100vw - 32px);padding:4px 12px;font-size:20px;display:none;top:52px;left:50%;transform:translate(-50%)}#status.show{display:block}#status.warn{border-color:var(--warn);color:var(--warn)}#tip{z-index:3;pointer-events:none;background:var(--panel);border:1px solid var(--line);white-space:nowrap;padding:4px 8px;font-size:19px;line-height:20px;display:none;position:fixed}#tip em{color:var(--muted);font-style:normal}#loading,#noscript{color:var(--muted);z-index:5;background:var(--bg);text-align:center;place-items:center;padding:0 16px;font-family:Silkscreen,monospace;display:grid;position:fixed;inset:0}#noscript,body.no-game #loading{z-index:10}.unsupported{max-width:34em;line-height:1.6}.unsupported-link{color:var(--accent);word-break:break-all;-webkit-user-select:text;user-select:text}#look{pointer-events:auto;background:var(--panel);border:1px solid var(--line);box-sizing:border-box;touch-action:manipulation;width:214px;bottom:122px;right:22px}#look[hidden]{display:none}#look.closed{width:auto}#look button{font:inherit;color:inherit;cursor:pointer}#look .lk-head{box-sizing:border-box;width:100%;color:var(--muted);letter-spacing:2px;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;gap:16px;padding:7px 10px;font-family:Silkscreen,monospace;font-size:13px;display:flex}#look .lk-head:after{content:"-"}#look.closed .lk-head:after{content:"+"}#look-body{border-top:1px solid var(--line);padding:4px 0 6px}#look.closed #look-body{display:none}.lk-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 10px;min-height:28px;padding:3px 10px;font-size:20px;display:flex}.lk-row output{color:var(--accent)}.lk-row.off{opacity:.45}.lk-sw{border:1px solid var(--line);background:#ffffff14;flex:none;width:40px;height:20px;padding:0;position:relative}.lk-sw:before{content:"";background:var(--muted);width:12px;height:12px;transition:left .12s steps(3,end);position:absolute;top:3px;left:3px}.lk-sw[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.lk-sw[aria-checked=true]:before{background:#fff;left:23px}#look input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1 0 100%;height:18px;margin:2px 0 4px}#look input[type=range]:disabled{cursor:default}#look input[type=range]::-webkit-slider-runnable-track{background:#ffffff1a;height:6px}#look input[type=range]::-moz-range-track{background:#ffffff1a;height:6px}#look input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:0;border-radius:0;width:10px;height:18px;margin-top:-6px;box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #0000004d}#look input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:0;width:10px;height:18px;box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #0000004d}#look button:focus-visible,#look input:focus-visible{outline:1px solid var(--accent);outline-offset:2px}#topright{flex-direction:column;align-items:flex-end;gap:10px;display:flex;top:14px;right:22px}#online{letter-spacing:1px;color:var(--muted);white-space:nowrap;font-size:20px;line-height:1}#online[hidden]{display:none}#online .ol-label:before{content:" "}#online i{vertical-align:1px;background:#3ddc84;width:8px;height:8px;margin-right:6px;animation:1.6s steps(2,jump-none) infinite online-blink;display:inline-block;box-shadow:0 0 6px #3ddc8499}#online b{text-align:right;min-width:5ch;color:var(--text);font-variant-numeric:tabular-nums;font-weight:400;display:inline-block}@keyframes online-blink{0%{opacity:1}to{opacity:.35}}#ranking{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;width:250px;padding:6px 10px}#ranking[hidden]{display:none}.wr-head{letter-spacing:2px;color:var(--muted);padding-bottom:4px;font-family:Silkscreen,monospace;font-size:13px}.wr-row{grid-template-columns:4ch 12px 1fr auto;align-items:center;gap:8px;height:24px;font-size:20px;display:grid}.wr-row .sw{width:12px;height:12px}.wr-rank{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.wr-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wr-n{text-align:right;font-variant-numeric:tabular-nums}.wr-row.own{color:var(--accent);background:#4fa3ff1f;margin:0 -10px;padding:0 10px}.wr-row.own .wr-rank{color:var(--accent)}.wr-gap{color:var(--muted);text-align:center;letter-spacing:2px;line-height:16px}.wr-empty{color:var(--muted);font-size:18px;line-height:24px}.pe-auth{z-index:20;box-sizing:border-box;overscroll-behavior:contain;-webkit-font-smoothing:none;-webkit-user-select:text;user-select:text;background:#03060e8c;padding:16px;font-family:VT323,ui-monospace,monospace;display:flex;position:fixed;inset:0;overflow-y:auto}.pe-auth[hidden]{display:none}.pe-auth-card{box-sizing:border-box;width:min(360px,100%);color:var(--text,#e7edf8);background:var(--panel,#090e1ceb);border:1px solid var(--line,#96b4e629);margin:auto;padding:14px 16px 16px;font-size:21px;line-height:1.05;box-shadow:0 0 0 3px #00000073,6px 6px #00000059}.pe-auth-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:8px;display:flex}.pe-auth h2{letter-spacing:1px;text-transform:uppercase;margin:0;font-family:Silkscreen,monospace;font-size:18px;font-weight:700}.pe-auth p{margin:6px 0 10px}.pe-auth-muted,.pe-auth-hint{color:var(--muted,#8795b1);font-size:18px}.pe-auth-hint{min-height:18px;margin:4px 0 10px!important}.pe-auth-hint.bad,.pe-auth-error{color:var(--warn,#ffb347);min-height:18px;font-size:18px}.pe-auth-error:empty,.pe-auth-notice:empty{display:none}.pe-auth input.pe-auth-code{letter-spacing:10px;text-indent:10px;text-align:center;padding:6px 8px;font-size:34px}.pe-auth input.pe-auth-code::placeholder{color:#e7edf833}.pe-auth form{flex-direction:column;gap:8px;display:flex}.pe-auth-label{color:var(--muted,#8795b1);letter-spacing:2px;text-transform:uppercase;font-family:Silkscreen,monospace;font-size:12px}.pe-auth input,.pe-auth select{font:inherit;color:inherit;border:1px solid var(--line,#96b4e629);background:#ffffff0f;border-radius:0;outline:none;padding:4px 8px;font-size:22px;box-shadow:inset 2px 2px #00000059}.pe-auth select option{background:#0b1224}.pe-auth input:focus-visible,.pe-auth select:focus-visible,.pe-auth button:focus-visible{outline:1px solid var(--accent,#4fa3ff);outline-offset:2px}.pe-auth button{font:inherit;color:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:0;padding:4px 12px;font-size:20px;box-shadow:inset 2px 2px #ffffff2e,inset -2px -2px #00000059}.pe-auth button:active:not(:disabled){box-shadow:inset -2px -2px #ffffff2e,inset 2px 2px #00000059}.pe-auth button.primary,.pe-auth button.on{background:var(--accent,#4fa3ff);color:#fff}.pe-auth button.primary{letter-spacing:1px;text-transform:uppercase;margin-top:4px;padding:8px 12px;font-family:Silkscreen,monospace;font-size:14px}.pe-auth button:disabled{opacity:.5;cursor:default}.pe-auth .pe-auth-x{box-shadow:none;color:var(--muted,#8795b1);background:0 0;padding:0 4px;line-height:1}.pe-auth-row{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.pe-auth button.danger{color:var(--danger,#ff5a4f)}.pe-auth button.danger.primary{background:var(--danger,#ff5a4f);color:#fff;margin-top:0}.pe-auth-confirm{border:1px solid var(--danger,#ff5a4f);margin-top:12px;padding:8px 10px}.pe-auth-confirm p{margin:4px 0}.pe-auth-legal{margin:10px 0 0;font-size:16px}.pe-auth-legal a{color:var(--accent,#4fa3ff)}.pe-auth-country{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-top:4px;display:flex}.pe-auth-country select{flex:1 0 100%}.pe-auth-choice{gap:6px;display:flex}.pe-account-chip{z-index:3;max-width:calc(100vw - 32px);color:var(--text,#e7edf8);background:var(--panel,#090e1cc7);border:1px solid var(--line,#96b4e629);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;padding:3px 10px;font:20px VT323,ui-monospace,monospace;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.pe-account-chip:disabled{cursor:default}.pe-account-chip em{color:var(--muted,#8795b1);font-style:normal}.pe-account-chip b{color:var(--accent,#4fa3ff);font-weight:400}.pe-founder{--gold:#ffd35a;background:#090e1c;width:min(420px,100%)}.pe-founder-pack{background:#ffd35a0d;border:1px solid #ffd35a59;flex-direction:column;gap:4px;margin:10px 0 0;padding:8px 10px 10px;display:flex}.pe-founder-pack.general{background:#ffd35a17;border-color:#ffd35ab3}.pe-founder-pack h3{letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin:0;font-family:Silkscreen,monospace;font-size:15px;font-weight:700}.pe-founder-pack h3 em{color:var(--text,#e7edf8);font-style:normal}.pe-founder-pack ul{margin:2px 0 4px;padding-left:18px;font-size:19px}.pe-founder-pack li::marker{color:var(--gold)}.pe-founder-pack button.primary{background:var(--gold);color:#1b1405}.pe-founder-pack.owned button{color:var(--gold)}.pe-founder-stripe{margin-top:10px!important;font-size:16px!important}.founder-entry{font:inherit;color:#ffd35a;cursor:pointer;pointer-events:auto;touch-action:manipulation;text-align:left;background:0 0;border:0;padding:0;font-size:19px}.founder-entry:hover,.founder-entry:focus-visible{text-decoration:underline}.pe-auth .founder-entry{box-shadow:none;color:#ffd35a;background:0 0;margin:2px 0 8px;padding:0;font-size:19px}@media (width<=720px),(height<=500px){#sheet .founder-entry{background:var(--panel);border:1px solid #ffd35a59;align-items:center;width:100%;min-height:44px;margin-top:12px;padding:0 12px;font-size:19px;display:flex}}.msg .rp-founder{color:#ffd35a;background:0 0;border:1px solid #ffd35a}#fx{pointer-events:none;z-index:5;width:100%;height:100%;display:block;position:fixed;inset:0}.fx-streak{--s:1;--c:#fff;--glow:transparent;pointer-events:none;white-space:nowrap;font-family:Silkscreen,monospace;transition:opacity .5s steps(5,end);display:none;position:absolute}.fx-streak.on{display:block}.fx-streak.out{opacity:0}.fx-streak[data-side=lu]{transform:translate(-100%,-100%)}.fx-streak[data-side=ru]{transform:translateY(-100%)}.fx-streak[data-side=ld]{transform:translate(-100%)}.fx-streak b{font-weight:400;font-size:calc(22px * var(--s));color:var(--c);text-shadow:2px 0 0 #060a15, -2px 0 0 #060a15, 0 2px 0 #060a15, 0 -2px 0 #060a15, 2px 2px 0 #060a15, 0 0 14px var(--glow);line-height:1;display:block}.fx-streak[data-heat="1"]{--c:#8fd0ff}.fx-streak[data-heat="2"]{--c:#ffd23f;--glow:#ffd23f8c}.fx-streak[data-heat="3"]{--c:#ff9a3c;--glow:#ff9a3cb3}.fx-streak[data-heat="4"]{--c:#ff5fa2;--glow:#ff5fa2d9}.fx-streak.bump-a b{animation:.22s steps(3,end) fx-bump-a}.fx-streak.bump-b b{animation:.22s steps(3,end) fx-bump-b}.fx-streak.mile b{animation:.7s steps(7,end) fx-mile}@keyframes fx-bump-a{0%{transform:scale(1.3)}}@keyframes fx-bump-b{0%{transform:scale(1.3)}}@keyframes fx-mile{0%{color:#fff;transform:scale(1.9)}40%{color:var(--c);transform:scale(1.2)}60%{color:#fff}to{transform:none}}#paint em{display:inline-block}#paint.bump-a em{animation:.5s steps(5,end) fx-paint-a}#paint.bump-b em{animation:.5s steps(5,end) fx-paint-b}@keyframes fx-paint-a{0%{color:#8fd0ff;transform:scale(1.6)}to{transform:none}}@keyframes fx-paint-b{0%{color:#8fd0ff;transform:scale(1.6)}to{transform:none}}#timer.soon .tb i{animation:1s steps(2,end) infinite fx-beat}#timer.soon b,#dock #timer.soon b{color:#ffd23f}@keyframes fx-beat{50%{box-shadow:0 0 8px var(--accent);background:#fff}}#timer.refilled .tb{animation:.6s steps(4,end) fx-refilled}@keyframes fx-refilled{0%{background:#fff;box-shadow:0 0 12px #8fd0ff}}#timer.waiting .tb i{background:linear-gradient(90deg, var(--accent), #ffd23f);box-shadow:0 0 6px #ffd23f99}#paint-hint{color:#ffd23f;letter-spacing:1px;margin-top:6px;font-size:19px;animation:1.4s steps(2,end) infinite fx-hint}#paint-hint[hidden]{display:none}@keyframes fx-hint{50%{color:#fff3c2}}#sound{border:1px solid var(--line);width:32px;height:28px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}#sound[aria-pressed=true]{color:var(--text)}#sound svg{width:16px;height:16px}#sound:focus-visible{outline:1px solid var(--accent);outline-offset:2px}@media (width<=720px),(height<=500px){#sh-sound #sound{pointer-events:auto;touch-action:none;background:var(--panel);width:44px;height:44px}#dock #timer{position:relative}#dock #paint-hint{background:var(--panel-solid);white-space:nowrap;border:1px solid #ffd23f;margin:0;padding:2px 8px;font-size:17px;position:absolute;bottom:calc(100% + 6px);left:0}}@media (prefers-reduced-motion:reduce){.fx-streak b,#paint em,#timer .tb i,#timer .tb,#paint-hint{animation:none!important}}#update{box-sizing:border-box;letter-spacing:1px;max-width:calc(100vw - 32px);color:var(--bg);background:var(--accent);cursor:pointer;pointer-events:auto;z-index:4;border:0;padding:6px 14px;font:20px VT323,ui-monospace,monospace;top:52px;left:50%;transform:translate(-50%)}body.outdated #status{display:none}@media (width<=720px),(height<=500px){#update{top:calc(var(--phone-top) + 4px);font-size:18px}}:root{--rally:#ffb020}#rally{pointer-events:auto;font:inherit;letter-spacing:1px;color:var(--text);background:var(--panel);border:1px solid var(--rally);cursor:pointer;touch-action:manipulation;align-items:center;gap:6px;padding:4px 12px;font-size:22px;display:flex;bottom:46px;right:250px}#rally:hover{color:var(--rally)}#rally:focus-visible{outline:1px solid var(--rally);outline-offset:2px}#rally.cooling{border-color:var(--line);color:var(--muted);font-variant-numeric:tabular-nums}#beacon-layer{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.beacon-marker{pointer-events:auto;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-22px;left:-22px}.beacon-marker[hidden]{display:none}.beacon-marker .bm-ring{image-rendering:pixelated;background:50%/100% 100% no-repeat;animation:1.4s steps(5,end) infinite beacon-pulse;position:absolute;inset:6px}.beacon-marker.passive{pointer-events:none;cursor:default}.beacon-marker.passive .bm-ring{inset:calc(22px - var(--cell,30px) * .75);animation-name:beacon-pulse-ring}@keyframes beacon-pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(1.3)}}@keyframes beacon-pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.beacon-marker .bm-ring{animation:none}}:root{--front:#ff4d3a}#front-layer{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.front-marker,.front-arrow{width:44px;height:44px;color:var(--text);font:inherit;pointer-events:auto;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex;position:absolute;top:-22px;left:-22px}.front-marker[hidden],.front-arrow[hidden],#front-layer:not(.exploring) .front-marker{display:none}.front-marker .fm-pulse{border:2px solid var(--front);width:30px;height:30px;animation:1.6s steps(4,end) infinite front-pulse;position:absolute;top:2px;left:7px;box-shadow:0 0 0 1px #060a15}.front-marker.hot .fm-pulse{animation-duration:1s}.front-marker .fm-icon{filter:drop-shadow(0 0 2px #ff4d3acc);position:relative}.fr-flags{pointer-events:none;gap:1px;font-size:12px;line-height:1;display:flex}.fr-sw{border:1px solid #060a15;width:8px;height:8px}.front-arrow{opacity:.85;background:#090e1c8c;border:1px solid #ff4d3a8c;width:44px;height:52px;top:-26px;left:-22px}.front-arrow:hover,.front-arrow:focus-visible{opacity:1;border-color:var(--front)}.front-arrow .fa-arrow{animation:1.2s steps(2,end) infinite front-nudge}.front-arrow .fa-km{letter-spacing:0;white-space:nowrap;color:#ffd2c4;font-variant-numeric:tabular-nums;font-size:12px;line-height:1}@keyframes front-pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}@keyframes front-nudge{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.front-marker .fm-pulse,.front-arrow .fa-arrow{animation:none}}#board{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;width:316px;padding:6px 10px 8px;top:118px;left:18px}#board[hidden]{display:none}.cr-head{letter-spacing:2px;color:var(--muted);font-family:Silkscreen,monospace;font-size:13px}.cr-tabs{grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 4px;display:grid}.cr-tabs button{min-height:32px;font:inherit;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;padding:0 6px;font-size:19px}.cr-tabs button[aria-selected=true]{color:var(--text);border-color:var(--accent);background:#4fa3ff29}.cr-tabs button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.cr-hint{color:var(--muted);letter-spacing:1px;justify-content:space-between;padding-bottom:2px;font-size:16px;display:flex}.cr-row{grid-template-columns:3ch 12px minmax(0,1fr) auto 7ch;align-items:center;gap:7px;height:25px;font-size:20px;display:grid}.cr-row .sw{width:12px;height:12px}.cr-rank{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.cr-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cr-n{text-align:right;font-variant-numeric:tabular-nums}.cr-t{text-align:right;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px}.cr-t.up{color:#6fdc8c}.cr-t.down{color:var(--danger)}.cr-row.own{color:var(--accent);background:#4fa3ff1f;margin:0 -10px;padding:0 10px}.cr-row.own .cr-rank{color:var(--accent)}.cr-gap{color:var(--muted);text-align:center;letter-spacing:2px;line-height:14px}.cr-empty{color:var(--muted);font-size:18px;line-height:24px}.cr-goal{border-top:1px solid var(--line);color:var(--warn);margin-top:6px;padding-top:5px;font-size:19px;line-height:20px}:root{--panel-solid:#090e1cf7;--phone-top:calc(env(safe-area-inset-top) + 56px);--phone-bottom:calc(max(6px, env(safe-area-inset-bottom)) + 50px)}.phone{display:none}#finger{z-index:9;pointer-events:none;position:fixed;inset:0}#infobar{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);white-space:nowrap;pointer-events:auto;touch-action:none;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:4px 12px;font-size:20px;display:none;bottom:84px;left:50%;transform:translate(-50%)}body.touch-input #infobar{display:flex}body:not(.touch-input) #infobar.desk{pointer-events:none;max-width:calc(100vw - 338px);font-size:16px;display:flex;bottom:28px;left:322px;transform:none}body:not(.touch-input) #infobar.desk.empty{display:none}#infobar .sw{flex:none;width:12px;height:12px}#infobar .sw[hidden]{display:none}#infobar .ib-text{text-overflow:ellipsis;overflow:hidden}#infobar.hint{color:var(--muted);letter-spacing:1px;font-size:17px}@media (width<=720px),(height<=500px){#help,#compass,#topright{display:none}#topbar .hud,#drawer .hud,#sheet .hud,#dock .hud{pointer-events:auto;position:static;transform:none}:root{--panel:#090e1cb3}#topbar{z-index:7;padding:calc(env(safe-area-inset-top) + 6px) max(10px, env(safe-area-inset-right)) 6px max(10px, env(safe-area-inset-left));pointer-events:none;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}#tb-stats,#tb-menu{pointer-events:auto;touch-action:none;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);height:44px;color:var(--text);cursor:pointer}#tb-stats{white-space:nowrap;flex:1;align-items:center;gap:10px;min-width:0;padding:0 10px;font-size:20px;display:flex}#tb-own{letter-spacing:1px;flex-wrap:wrap;flex:auto;align-items:center;gap:6px;min-width:0;height:24px;display:flex;overflow:hidden}#tb-own .sw{flex:none;width:12px;height:12px}#tb-own b{color:var(--accent);font-weight:400}#tb-own .tb-name{text-overflow:ellipsis;text-transform:uppercase;flex:1 1 0;min-width:0;overflow:hidden}#tb-own i{font-style:normal}#tb-own i.up{color:#6fdc8c}#tb-own i.down{color:var(--danger)}#tb-slot:empty{display:none}#tb-online #online{font-size:20px}#tb-online #online b{min-width:0}.tb-caret{width:10px;height:6px;color:var(--muted);flex:none}#tb-stats[aria-expanded=true] .tb-caret{transform:rotate(180deg)}#tb-menu{flex:none;place-items:center;width:44px;padding:0;display:grid}#tb-menu svg{width:18px;height:15px}#tb-stats:focus-visible,#tb-menu:focus-visible,#dock button:focus-visible,#sheet button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}body.touch-input #infobar.hint{display:none}#infobar{top:calc(var(--phone-top) + 46px + var(--hint-h,0px));z-index:5;height:32px;padding:0 10px;font-size:17px;bottom:auto}#goal-slot{z-index:5;top:calc(var(--phone-top) + 2px + var(--hint-h,0px));left:max(10px, env(safe-area-inset-left));pointer-events:none;max-width:calc(100vw - 20px);display:block;position:fixed}#goal-slot #land-goal{pointer-events:auto;max-width:100%;height:36px;font-size:18px}body.msg-on #goal-slot,body.panel-open #goal-slot{visibility:hidden}#dock{z-index:4;padding:0 max(10px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));pointer-events:none;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}#dock>*,#zoom button{pointer-events:auto;touch-action:none;min-width:0}#dk-paint{flex:0 168px}#dk-rally{margin-left:auto;display:grid}#dock #rally,#dock #share{touch-action:none;justify-content:center;width:44px;height:44px;padding:0;position:relative;inset:auto}#dock #rally .rl-label,#zoom-in,#zoom-out{display:none}#dock #rally.cooling:after{content:"";background:conic-gradient(var(--rally) calc(var(--cool,0) * 360deg), transparent 0);-webkit-mask-composite:xor;pointer-events:none;padding:3px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}#dock #share{font-size:0}#dock #share span{font-size:26px}#zoom{display:contents}#zoom-toggle{width:44px;height:44px;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;place-items:center;padding:0;display:grid}#zoom-toggle:active{border-color:var(--accent);color:var(--accent)}#zoom-toggle svg{width:21px;height:21px}#zoom-toggle[data-mode=paint] .zt-plus{display:none}#dock #timer{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);text-align:left;grid-template-rows:1fr 4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:8px;height:44px;padding:2px 10px 5px;display:grid}#dock #timer small{display:none}#dock #econ{grid-area:1/1;margin:0;font-size:17px}#dock #econ em{font-variant-numeric:tabular-nums;font-size:24px}#dock #paint .pt-icon{width:10px;height:12px;color:var(--accent);margin-right:2px;display:inline-block}#dock #paint .pt-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#dock #timer b{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:1/3;font-family:VT323,monospace;font-size:24px}#dock #timer .tb{grid-area:2/1/3/4;width:auto;height:4px;margin:0}#status{top:calc(var(--phone-top) + 4px + var(--hint-h,0px));font-size:18px}#look{top:calc(var(--phone-top) + 4px);width:186px;bottom:auto;right:8px}}@media (width<=460px){#tb-online .ol-label,#tb-own .sw{display:none}#tb-stats{gap:6px;padding:0 8px}#tb-own{gap:4px}}@media (width<=380px){#tb-stats,#tb-online #online{font-size:18px}#tb-own{letter-spacing:0}}@media (height<=500px) and (orientation:landscape){#topbar,#msg-slot{width:min(460px,60vw);right:auto}}@media (width<=720px),(height<=500px){#scrim{z-index:6;touch-action:none;background:#03060e73;display:block;position:fixed;inset:0}#scrim[hidden],#drawer[hidden],#sheet[hidden]{display:none}body.panel-open .ob-hint,body.panel-open .ob-arrow{visibility:hidden}#drawer{z-index:7;top:var(--phone-top);left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));max-height:calc(100vh - var(--phone-top) - 16px);max-height:calc(100dvh - var(--phone-top) - 16px);overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box;background:var(--panel-solid);border:1px solid var(--line);padding:6px 12px 10px;display:block;position:fixed;overflow-y:auto}#drawer #board{background:0 0;border:0;width:auto;padding:0}#drawer .cr-tabs button{min-height:44px;font-size:20px}#drawer .cr-row{grid-template-columns:3ch 14px minmax(0,1fr) auto 7ch;height:auto;min-height:30px;font-size:20px;line-height:21px}#drawer .cr-name{white-space:normal}#drawer .cr-row .sw{width:14px;height:14px}#drawer .cr-row.own{margin:0 -12px;padding:0 12px}#drawer #ranking{border:0;border-top:1px solid var(--line);background:0 0;width:auto;margin-top:10px;padding:8px 0 0}#drawer .wr-head{font-size:12px}#drawer .wr-row{height:28px;font-size:20px}#drawer .wr-row.own{margin:0 -12px;padding:0 12px}#drawer #feed{border:0;border-top:1px solid var(--line);background:0 0;width:auto;margin-top:10px;padding:8px 0 0;position:static}#drawer #feed div{font-size:18px;line-height:24px}#sheet{z-index:7;overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box;max-height:85dvh;padding:12px max(16px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--panel-solid);border-top:1px solid var(--line);display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sh-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#sheet #brand h1{font-size:22px}#sheet #brand p{font-size:17px}#sheet-close{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);cursor:pointer;touch-action:none;background:0 0;flex:none;place-items:center;padding:0;display:grid}#sheet-close svg{width:14px;height:14px}#sh-account .pe-account-chip{touch-action:none;justify-content:center;width:100%;max-width:none;min-height:44px;margin-top:14px;font-size:20px;position:static;transform:none}#sh-tools{letter-spacing:1px;text-transform:uppercase;align-items:center;gap:10px;margin-top:14px;font-size:19px;display:flex}#sh-tools span:nth-child(2){margin-right:14px}#sh-tools button{touch-action:none;width:44px;height:44px}.sh-help{color:var(--muted);letter-spacing:1px;margin:14px 0 10px;font-size:17px;line-height:1.1}#sheet #credits{opacity:1;max-width:none;font-size:17px;line-height:18px}#sheet #credits a{padding:13px 0;display:inline-block}}@media (height<=500px) and (orientation:landscape){#drawer{left:max(10px, env(safe-area-inset-left));grid-template-columns:1fr 1fr;align-items:start;gap:16px;width:min(720px,100vw - 20px);display:grid;right:auto}#drawer[hidden]{display:none}#drawer #ranking{border-top:0;margin-top:0;padding-top:0}#sheet{width:min(560px,100vw);left:50%;right:auto;transform:translate(-50%)}}#msg-slot{z-index:8;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);display:flex;bottom:44px;left:50%;transform:translate(-50%)}.msg{pointer-events:auto;touch-action:none;box-sizing:border-box;max-width:min(640px,100%);min-height:40px;color:var(--text);border:1px solid var(--line);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:#090e1cdb;align-items:center;gap:8px;padding:4px 12px;font-size:20px;display:flex}.msg.act{cursor:pointer}.msg .msg-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.msg .sw{flex:none;width:10px;height:10px}.msg .msg-go{color:var(--muted);flex:none;margin-left:auto;padding-left:4px;font-size:24px;line-height:1}.msg.took,.msg.lost{border-color:var(--danger)}.msg.revenge{color:#3ddc84;border-color:#3ddc84}.msg.rally{border-color:var(--rally,#ffb020)}.msg.celebrate{color:#ffd23f;border-color:#ffd23f;font-family:Silkscreen,monospace;font-size:16px;box-shadow:0 0 14px #ffd23f4d}.msg.world{color:var(--muted);font-size:18px}.msg button{font:inherit;min-height:32px;color:var(--bg);background:var(--rally,#ffb020);cursor:pointer;touch-action:manipulation;white-space:nowrap;border:0;flex:none;align-items:center;gap:4px;padding:0 8px;font-family:VT323,monospace;font-size:18px;display:inline-flex}.msg button.ghost{color:var(--rally,#ffb020);border:1px solid var(--rally,#ffb020);background:0 0}.msg.bump{animation:.3s steps(3,end) msg-pop}@keyframes msg-pop{0%{transform:scale(1.08)}}@media (width<=720px),(height<=500px){#msg-slot{top:calc(var(--phone-top) + 2px + var(--hint-h,0px));bottom:auto;left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));z-index:6;width:auto;max-width:none;transform:none}.msg{width:100%;max-width:none;min-height:40px;font-size:18px}.msg.celebrate{justify-content:center;font-size:13px}.msg.world{font-size:17px}body.panel-open #msg-slot{visibility:hidden}}@media (prefers-reduced-motion:reduce){.msg.bump{animation:none}}#rivals{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;width:250px;padding:6px 10px}#rivals[hidden]{display:none}.rv-row{width:100%;height:24px;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:12px minmax(0,1fr) auto 4ch;align-items:center;gap:8px;padding:0;font-size:20px;display:grid}.rv-row:hover .rv-name{color:var(--accent)}.rv-row .sw{width:12px;height:12px}.rv-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rv-took,.rv-back{text-align:right;font-variant-numeric:tabular-nums}.rv-took{color:var(--danger)}.rv-back{color:#3ddc84}@media (width<=720px),(height<=500px){#drawer #rivals{border:0;border-top:1px solid var(--line);background:0 0;width:auto;margin-top:10px;padding:8px 0 0}#drawer .rv-row{height:32px}}#territory{text-align:right;text-shadow:0 1px 0 var(--bg), 0 0 6px #060a15e6;position:relative}#territory[hidden]{display:none}.tr-head{white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:10px;display:flex}#territory small{color:var(--muted);letter-spacing:2px;font-size:19px}.tr-main{white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.tr-tier{color:var(--accent);letter-spacing:1px;font-size:20px}.tr-tier:empty{display:none}.tr-val{font-variant-numeric:tabular-nums;font-family:Silkscreen,monospace;font-size:34px;font-weight:400;line-height:1.05}.tr-px{color:var(--muted);font-size:20px}.tr-delta{white-space:nowrap;pointer-events:none;opacity:0;margin-right:10px;font-family:Silkscreen,monospace;font-size:22px;position:absolute;bottom:4px;right:100%}.tr-delta.up-a,.tr-delta.up-b{color:#3ddc84;text-shadow:0 1px 0 var(--bg), 0 0 6px #3ddc8480}.tr-delta.down-a,.tr-delta.down-b{color:var(--danger);text-shadow:0 1px 0 var(--bg), 0 0 6px #ff5a4f8c}.tr-delta.up-a,.tr-delta.down-a{animation:1.3s steps(13,end) forwards tr-rise-a}.tr-delta.up-b,.tr-delta.down-b{animation:1.3s steps(13,end) forwards tr-rise-b}@keyframes tr-rise-a{0%{opacity:1;transform:translateY(6px)scale(1.25)}20%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes tr-rise-b{0%{opacity:1;transform:translateY(6px)scale(1.25)}20%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}#territory.gain-a .tr-val{animation:.4s steps(4,end) tr-gain-a}#territory.gain-b .tr-val{animation:.4s steps(4,end) tr-gain-b}@keyframes tr-gain-a{0%{color:#3ddc84;transform:scale(1.18)}}@keyframes tr-gain-b{0%{color:#3ddc84;transform:scale(1.18)}}#territory.lost-a{animation:.42s steps(6,end) tr-shake-a}#territory.lost-b{animation:.42s steps(6,end) tr-shake-b}#territory.lost-a .tr-val,#territory.lost-b .tr-val{animation:.6s steps(3,end) tr-flash}@keyframes tr-shake-a{0%,to{transform:none}17%,50%,83%{transform:translate(-4px)}33%,67%{transform:translate(4px)}}@keyframes tr-shake-b{0%,to{transform:none}17%,50%,83%{transform:translate(-4px)}33%,67%{transform:translate(4px)}}@keyframes tr-flash{0%{color:var(--danger);text-shadow:0 0 10px #ff5a4fcc}}@media (width<=720px),(height<=500px){#tb-slot{flex:none}#tb-slot #territory{align-items:baseline;gap:6px;display:flex}#tb-slot #territory[hidden],#tb-slot #territory small{display:none}#tb-slot .tr-main{order:-1;gap:3px}#tb-slot .tr-val{font-family:inherit;font-size:22px;line-height:1}#tb-slot .tr-px,#tb-slot .tr-tier{font-size:18px}#tb-slot .tr-delta{margin:0;font-size:16px;inset:calc(100% + 10px) auto auto 0}}@media (width<=460px){#tb-stats:has(#territory:not([hidden])) :is(.tb-name,#tb-own em){display:none}}@media (prefers-reduced-motion:reduce){#territory,#territory .tr-val{animation:none!important}.tr-delta.up-a,.tr-delta.up-b,.tr-delta.down-a,.tr-delta.down-b{animation:1.3s steps(2,end) forwards tr-fade}}@keyframes tr-fade{0%,75%{opacity:1}to{opacity:0}}#land-goal{box-sizing:border-box;max-width:320px;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);white-space:nowrap;cursor:pointer;touch-action:manipulation;align-items:center;gap:8px;padding:3px 10px;font-size:20px;line-height:1.1;display:flex}#land-goal[hidden]{display:none}#land-goal:hover,#land-goal:focus-visible{border-color:var(--accent);outline:none}#land-goal.walled{color:#3ddc84;cursor:default;border-color:#3ddc8480}#land-goal .lg-sw{flex:none;width:12px;height:12px}#land-goal .lg-name{text-overflow:ellipsis;overflow:hidden}#land-goal .lg-count{color:var(--warn);font-variant-numeric:tabular-nums;flex:none}#land-goal.walled .lg-count{color:inherit}#goal-layer{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lg-mark{--s:max(10px, calc(var(--cell,12px) + 6px));width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);box-sizing:border-box;border:2px solid var(--warn);box-shadow:0 0 0 1px var(--bg), inset 0 0 0 1px var(--bg);animation:.7s steps(2,jump-none) infinite alternate goal-mark;position:absolute;top:0;left:0}.lg-mark[hidden]{display:none}@keyframes goal-mark{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.lg-mark{animation:none}}.community-link{color:var(--muted);letter-spacing:1px;pointer-events:auto;touch-action:manipulation;align-items:center;gap:8px;font-size:18px;text-decoration:none;display:inline-flex}.community-link svg{flex:none;width:16px;height:14px}.community-link:hover,.community-link:focus-visible{color:var(--accent)}#community{top:92px;left:20px}@media (width<=720px),(height<=500px){#sheet #community{min-height:44px;color:var(--text);background:var(--panel);border:1px solid var(--line);margin-top:12px;padding:0 12px;font-size:19px;display:flex;position:static}#sheet #community svg{color:var(--accent)}}#wall-hold{--cell:30px;--p:0;z-index:6;width:calc(var(--cell) * 1.9);height:calc(var(--cell) * 1.9);pointer-events:none;background:conic-gradient(#ffd23f calc(var(--p) * 360deg), #060a1573 0);-webkit-mask:radial-gradient(circle, transparent calc(var(--cell) * .78), #000 calc(var(--cell) * .8));-webkit-mask:radial-gradient(circle, transparent calc(var(--cell) * .78), #000 calc(var(--cell) * .8));mask:radial-gradient(circle, transparent calc(var(--cell) * .78), #000 calc(var(--cell) * .8));border-radius:50%;position:fixed;transform:translate(-50%,-50%)}#wall-hold .wh-wall{width:calc(var(--cell) / 3 * var(--p));height:calc(var(--cell) / 3 * var(--p));background:#090a13;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#wall-hold[hidden],#cost-tip[hidden]{display:none}#cost-tip{z-index:7;color:#ffb0a8;pointer-events:none;white-space:nowrap;background:#060a15d9;border:1px solid #ffb0a880;align-items:center;gap:4px;padding:3px 7px;font:14px Silkscreen,monospace;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 34px))}#paint.spending:after{content:attr(data-cost);color:#ff8a8a;margin-left:5px}#lang{align-items:baseline;gap:6px;margin-right:8px;display:inline-flex}#lang .lg-label{display:none}#lang button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}#lang button[aria-pressed=true]{color:var(--text);cursor:default;text-decoration:none}@media (width<=720px),(height<=500px){#sheet #lang{align-items:center;gap:8px;margin:12px 0 0;display:flex}#sheet #lang .lg-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;flex:1;font-size:17px;display:block}#sheet #lang button{min-height:44px;color:var(--muted);background:var(--panel);border:1px solid var(--line);touch-action:manipulation;padding:0 14px;font-size:19px;text-decoration:none}#sheet #lang button[aria-pressed=true]{color:var(--text);border-color:var(--accent)}}:root{--gold:#ffd35a}.ob-title{z-index:12;box-sizing:border-box;pointer-events:auto;touch-action:none;opacity:0;background:radial-gradient(#03060e26,#03060e99);padding:16px;transition:opacity .25s steps(4,end);display:flex;position:fixed;inset:0}.ob-title.show{opacity:1}.ob-title.leaving{opacity:0;pointer-events:none}.ob-card{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);text-align:center;width:min(400px,100%);margin:auto auto 18vh;padding:18px 16px 14px;box-shadow:0 0 0 3px #00000073,6px 6px #00000059}.ob-logo{letter-spacing:2px;color:var(--text);text-shadow:3px 3px #00000080;margin:0;font-family:Silkscreen,monospace;font-size:clamp(30px,10vw,44px);font-weight:700;line-height:1}.ob-line{color:var(--muted);margin:8px 0 14px;font-size:22px;line-height:1.05}.ob-row{flex-direction:column;align-items:center;gap:6px;display:flex}.ob-play{box-sizing:border-box;letter-spacing:1px;color:#07101f;background:var(--gold);cursor:pointer;touch-action:manipulation;border:0;width:100%;min-height:56px;padding:8px 12px;font-family:Silkscreen,monospace;font-size:20px;font-weight:700;line-height:1.1;box-shadow:inset -4px -4px #00000040,inset 4px 4px #ffffff59}.ob-play:hover{filter:brightness(1.08)}.ob-play:active{box-shadow:inset 4px 4px #00000040,inset -4px -4px #fff3}.ob-play:focus-visible,.ob-change:focus-visible,.ob-hint button:focus-visible,.ob-hint a:focus-visible,#hints-help:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.ob-change{min-height:32px;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:19px;text-decoration:underline}.ob-online{min-height:20px;color:var(--muted);margin:8px 0 0;font-size:19px}.ob-online.known:before{content:"";background:#58e07a;width:8px;height:8px;margin-right:6px;display:inline-block}.ob-linkbar{z-index:8;opacity:0;width:max-content;max-width:calc(100vw - 24px);transition:opacity .25s steps(4,end);position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.ob-linkbar.show{opacity:1}.ob-linkbar.leaving{opacity:0;pointer-events:none}.ob-linkbar .ob-play{min-height:44px;font-size:15px}.ob-hint{z-index:8;box-sizing:border-box;background:var(--panel-solid,#090e1cf7);border:1px solid var(--gold);pointer-events:auto;width:max-content;max-width:min(420px,100vw - 24px);padding:6px 40px 6px 12px;font-size:21px;line-height:1.05;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:4px 4px #0006}.ob-hint[hidden]{display:none}.ob-hint.show{animation:.24s steps(3,end) ob-pop}@keyframes ob-pop{0%{opacity:0;transform:translate(-50%,-8px)}}.ob-hint-text{margin:0}.ob-hint-close{width:36px;height:36px;font:inherit;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;font-size:26px;line-height:1;position:absolute;top:0;right:0}.ob-hint-close:hover{color:var(--text)}.ob-invite{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;font-size:19px;display:flex}.ob-invite[hidden]{display:none}.ob-invite button,.ob-invite a{box-sizing:border-box;min-height:32px;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;align-items:center;padding:0 10px;text-decoration:none;display:inline-flex}.ob-invite button:hover,.ob-invite a:hover{border-color:var(--accent);color:var(--accent)}.ob-arrow{z-index:8;pointer-events:none;position:fixed;top:0;left:0}.ob-arrow[hidden]{display:none}.ob-arrow:before{content:"";background:var(--gold);clip-path:polygon(33% 0,67% 0,67% 55%,100% 55%,50% 100%,0 55%,33% 55%);filter:drop-shadow(2px 2px #00000080);width:18px;height:22px;animation:.8s steps(4,end) infinite alternate ob-bob;position:absolute;top:-52px;left:-9px}@keyframes ob-bob{to{transform:translateY(8px)}}#hints-help{border:1px solid var(--line);width:32px;height:28px;color:var(--text);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}#hints-help svg{width:10px;height:16px}@media (width<=720px),(height<=500px){.ob-hint{top:calc(var(--phone-top) + 6px);font-size:19px}.ob-linkbar{bottom:calc(var(--phone-bottom) + 8px)}.ob-card{margin-bottom:auto}#sh-help #hints-help{pointer-events:auto;touch-action:none;background:var(--panel);width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.ob-arrow:before,.ob-hint.show{animation:none}}#share{pointer-events:auto;font:inherit;letter-spacing:1px;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;padding:4px 12px;font-size:22px;bottom:46px;right:124px}#share:hover{border-color:var(--accent);color:var(--accent)}#share:focus-visible{outline:1px solid var(--accent);outline-offset:2px}#share span{color:var(--accent)}body:has(.ob-title.show) #share{z-index:13}.share-panel{z-index:14;box-sizing:border-box;border:1px solid var(--accent);width:min(380px,100vw - 16px);color:var(--text);pointer-events:auto;background:#090e1cf0;padding:8px 10px 10px;position:fixed;box-shadow:4px 4px #0006}.share-panel[hidden]{display:none}.share-panel-title{margin:0 22px 6px 0;font-size:22px;line-height:1.1}.share-panel.copied .share-panel-title{color:#6be27b}.share-panel-row{gap:6px;display:flex}.share-panel-link{min-width:0;font:inherit;color:var(--text);border:1px solid var(--line);-webkit-user-select:all;user-select:all;background:#00000059;flex:1;padding:3px 6px;font-size:17px}.share-panel-link:focus{outline:1px solid var(--accent)}.share-panel-copy,.share-panel-close{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;font-size:18px}.share-panel-copy{color:var(--accent);border-color:var(--accent);padding:0 10px}.share-panel-copy[hidden]{display:none}.share-panel-close{width:26px;height:26px;color:var(--muted);border:0;padding:0;line-height:1;position:absolute;top:4px;right:4px}.share-panel-close:hover,.share-panel-copy:hover{color:var(--accent)}body.spectating #timer,body.spectating #infobar,body.spectating #help,body.spectating #dk-share,body.spectating #zoom button{visibility:hidden}body.spectating .ob-title,body.spectating .ob-linkbar,body.spectating .ob-hint,body.spectating .ob-arrow{display:none}#spectate{z-index:15;box-sizing:border-box;padding:0 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}#spectate[hidden]{display:none}#spectate .card{pointer-events:auto;box-sizing:border-box;background:var(--panel-solid);border:1px solid var(--line);text-align:center;width:min(400px,100%);padding:12px 14px;font-size:20px;line-height:1.1;box-shadow:0 0 0 3px #00000073,6px 6px #00000059}#spectate h2{letter-spacing:1px;text-transform:uppercase;color:var(--warn);margin:0 0 6px;font-family:Silkscreen,monospace;font-size:17px}#spectate.watch h2{color:var(--accent)}#spectate p{margin:4px 0 8px}#spectate .count{color:var(--text)}#spectate .eta,#spectate .note{color:var(--muted);font-size:17px}#spectate .note:empty{display:none}#spectate .country{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:18px;display:flex}#spectate .country[hidden]{display:none}#spectate .country b{color:var(--text);text-transform:uppercase;align-items:center;gap:5px;font-weight:400;display:inline-flex}#spectate .sw{border:1px solid #00000080;width:11px;height:11px;display:inline-block}#spectate .actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#spectate button{font:inherit;letter-spacing:1px;text-transform:uppercase;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;padding:6px 12px;font-size:20px}#spectate button[hidden]{display:none}#spectate .change{padding:2px 8px;font-size:16px}#spectate .play{color:var(--accent);border-color:var(--accent)}#spectate .share em{font-style:normal}#spectate button span{color:var(--accent)}#spectate button:hover,#spectate button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}@media (width<=720px),(height<=500px){#spectate{padding:0 10px calc(max(6px, env(safe-area-inset-bottom)) + 38px)}#spectate .card{font-size:19px}}