:root{--navy:#171c38;--navy-deep:#0b0e24;--teal:#25b1a2;--teal-deep:#0097a7;--mint:#d3e8e5;--coral:#e55a74;--ice:#eff2f9;--yellow:#ffd966;--muted:#8b8e9c;--ff-display:"Palanquin Dark", "Lato", system-ui, sans-serif;--ff-body:"Lato", system-ui, sans-serif;--ff-eyebrow:"Lexend", "Lato", system-ui, sans-serif;--glass:#0b0e24c7;--accent:var(--teal)}*{box-sizing:border-box}html,body{background:var(--navy-deep);height:100%;color:var(--ice);font-family:var(--ff-body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app,#stage{position:fixed;inset:0}#stage canvas{touch-action:none;cursor:grab;display:block}#stage canvas:active{cursor:grabbing}#labels{pointer-events:none;position:fixed;inset:0}kbd{min-width:1.6em;font-family:var(--ff-eyebrow);text-align:center;color:var(--ice);background:#ffffff14;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:6px;padding:.1em .45em;font-size:.85em;display:inline-block}.eyebrow{font-family:var(--ff-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--mint);opacity:.85;font-size:.78rem;font-weight:500;display:block}.hud-title{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:12px;padding:10px 16px 12px;position:fixed;top:16px;left:20px}.hud-title h1{font-family:var(--ff-display);margin:4px 0 0;font-size:2rem;line-height:1}.hud-poi-list{flex-direction:column;gap:6px;transition:opacity .4s,transform .4s;display:flex;position:fixed;top:100px;left:20px}.hud-poi-list button{border:1px solid #ffffff14;border-left:3px solid var(--c);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ice);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:7px 12px 7px 8px;transition:background .2s,transform .2s;display:flex}.hud-poi-list button:hover,.hud-poi-list button.is-near{background:#25b1a238;transform:translate(4px)}.hud-poi-list b{font-size:.92rem;display:block}.hud-poi-list small{color:var(--muted);font-size:.75rem;display:block}.hud-poi-list .tick{color:var(--mint);visibility:hidden;margin-left:auto;padding-left:8px;font-style:normal;font-weight:700}.hud-poi-list button.is-done .tick{visibility:visible;animation:.5s cubic-bezier(.2,.9,.3,1.4) pop}.hud-poi-list button.is-done b{color:var(--muted)}.hud-poi-list button.is-secret{box-shadow:0 0 24px color-mix(in srgb, var(--c) 55%, transparent);animation:.6s cubic-bezier(.2,.9,.3,1.4) pop}.is-focused .hud-poi-list{opacity:0;pointer-events:none;transform:translate(-20px)}.hud-prompt{background:var(--glass);font-family:var(--ff-display);white-space:nowrap;border:1px solid #25b1a299;border-radius:999px;padding:14px 26px;font-size:1.35rem;animation:1.6s ease-in-out infinite pulse;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 0 40px #25b1a259}.hud-prompt small{font-family:var(--ff-body);color:var(--muted);margin-left:8px;font-size:.9rem}@keyframes pulse{50%{box-shadow:0 0 60px #25b1a299}}.hud-help{color:#eff2f9b3;white-space:nowrap;font-size:.85rem;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.is-focused .hud-help{opacity:0}.panel{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff14;border-top:4px solid var(--accent);opacity:0;border-radius:18px;flex-direction:column;width:min(460px,36vw);transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .3s;display:flex;position:fixed;top:24px;bottom:24px;right:24px;transform:translate(30px);box-shadow:0 30px 80px #00000073}.panel.is-open{opacity:1;transform:none}.panel-inner{flex:1;padding:30px 32px 18px;font-size:1.12rem;line-height:1.5;overflow-y:auto}.panel-inner h2{font-family:var(--ff-display);margin:8px 0 10px;font-size:2.1rem;line-height:1.12}.panel-inner h3{font-family:var(--ff-display);color:var(--mint);margin:0 0 10px;font-size:1.3rem}.panel-inner p{margin:0 0 12px}.muted{color:var(--muted);font-size:.95rem}.big-num{font-family:var(--ff-display);color:var(--accent);margin:6px 0 4px;font-size:4.2rem;line-height:1;animation:.5s cubic-bezier(.2,.9,.3,1.4) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.panel-keys{color:var(--muted);border-top:1px solid #ffffff0f;padding:14px 32px 20px;font-size:.85rem}.dots{gap:6px;margin-top:18px;display:flex}.dots i{background:#ffffff26;border-radius:2px;width:22px;height:4px}.dots i.on{background:var(--accent)}.rank-list{counter-reset:r;margin:8px 0 14px;padding:0;list-style:none}.rank-list li{counter-increment:r;border-bottom:1px solid #ffffff12;align-items:baseline;gap:10px;padding:8px 0;animation:.4s backwards pop;display:flex}.rank-list li:before{content:counter(r);width:1.4em;font-family:var(--ff-eyebrow);color:var(--muted)}.rank-list.plain li:before{content:none}.rank-list li span{flex:1;font-weight:700}.rank-list li b{font-family:var(--ff-display)}.rank-list li span small{color:var(--muted);margin-top:3px;font-size:.9em;font-weight:400;line-height:1.45;display:block}.kv{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:6px 0;display:flex}.kv span{color:var(--muted)}.chips{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.chips li{background:color-mix(in srgb, var(--c) 22%, transparent);border:1px solid var(--c);border-radius:999px;gap:8px;padding:8px 14px;animation:.45s backwards pop;display:flex}.chips li:nth-child(2){animation-delay:80ms}.chips li:nth-child(3){animation-delay:.16s}.chips li:nth-child(4){animation-delay:.24s}.chips span{font-weight:700}.hint{color:var(--yellow);margin-top:16px!important}.qr-wrap{flex-direction:column;align-items:center;gap:6px;margin:14px 0;display:flex}.qr{width:230px;height:230px;image-rendering:pixelated;background:#fff;border-radius:12px;padding:10px}.qr-wrap.small .qr{width:170px;height:170px}.qr-wrap .url{font-family:var(--ff-eyebrow);color:var(--yellow);font-size:.9rem;margin:0!important}.votes{font-family:var(--ff-display);text-align:center;font-size:1.6rem}.status{font-size:.9rem}.status.ok:before{content:"";background:var(--teal);width:8px;height:8px;box-shadow:0 0 10px var(--teal);border-radius:50%;margin-right:8px;display:inline-block}.status.off{color:var(--coral)}.answer{background:color-mix(in srgb, var(--c) 20%, transparent);border:1px solid var(--c);border-radius:14px;margin:16px 0;padding:18px 20px;animation:.5s cubic-bezier(.2,.9,.3,1.4) pop}.answer span{font-family:var(--ff-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--mint);font-size:.8rem;display:block}.answer strong{font-family:var(--ff-display);color:var(--c);font-size:3rem;line-height:1.1;display:block}.answer p{margin:6px 0 0!important}code{font-family:var(--ff-eyebrow);color:var(--yellow);font-size:.85em}.label{text-align:center;white-space:nowrap;background:#0b0e24b8;border:1px solid #ffffff1a;border-radius:10px;padding:6px 12px;font-size:.95rem;transition:scale .3s}.label strong{font-family:var(--ff-display);font-size:1.25rem;line-height:1.1;display:block}.label span{color:var(--mint);font-size:.8rem;display:block}.label:empty{display:none}.label.is-new{border-color:var(--yellow);scale:1.12;box-shadow:0 0 24px #ffd96673}.label-hero{background:0 0;border:none}.label-hero strong{text-shadow:0 4px 24px #0009;font-size:2.6rem}.label-stat strong{color:var(--yellow);font-size:1.7rem}.label-sm strong{font-size:1.15rem}.label-rank{background:0 0;border:none}.label-rank strong{color:var(--yellow);font-size:2rem}.label-floor{font-family:var(--ff-eyebrow);padding:3px 8px;font-size:.75rem}.marker{font-family:var(--ff-display);white-space:nowrap;background:#0b0e24b3;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.95rem;display:flex}.marker-num{background:var(--teal);width:24px;height:24px;color:var(--navy-deep);border-radius:50%;place-items:center;font-size:.85rem;display:grid}.is-focused .marker{visibility:hidden}.hud-muted{background:var(--glass);color:var(--mint);white-space:nowrap;pointer-events:none;border-radius:999px;padding:8px 18px;font-size:.9rem;position:fixed;top:70px;left:50%;transform:translate(-50%)}.hud-mouse{background:var(--glass);color:var(--yellow);white-space:nowrap;pointer-events:none;border:1px solid #ffd96680;border-radius:999px;padding:10px 20px;font-size:.95rem;position:fixed;top:24px;left:50%;transform:translate(-50%)}#loader kbd{font-size:.8em}.hud-secret{background:var(--glass);white-space:nowrap;pointer-events:none;z-index:5;border:1px solid #b58cff99;border-radius:999px;padding:12px 24px;font-size:1.05rem;animation:.6s cubic-bezier(.2,.9,.3,1.4) pop;position:fixed;top:120px;left:50%;transform:translate(-50%);box-shadow:0 0 40px #b58cff59}