@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;800;900&family=Space+Mono:wght@400;700&family=Noto+Sans+SC:wght@400;700;900&display=swap";@font-face{font-family:Smiley Sans;src:url(../fonts/SmileySans-Oblique.woff2)format("woff2");font-display:swap}:root{--bone:#ecebe4;--ink:#0d0d0d;--red:#ff3b21;--blue:#1e50ff;--font-disp:"Smiley Sans", "Noto Sans SC", sans-serif;--font-mono:"Space Mono", monospace;--font-body:"Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);color:var(--ink);-webkit-tap-highlight-color:transparent;background:#fcb97e;margin:0;overflow:hidden}#scene-canvas{z-index:0;position:fixed;inset:0}#scene-canvas canvas{display:block}#scene-canvas:after{content:"";pointer-events:none;background:radial-gradient(120% 100% at 50% 42%,#0000 58%,#102c3033 100%);position:absolute;inset:0}.hud{z-index:10;pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud-stats{gap:10px;display:flex;position:absolute;top:18px;left:18px}.chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--ink);background:#fffcf5d1;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;display:flex;box-shadow:3px 3px #0d0d0d2e}.chip-ico{font-size:15px}.chip-k{font-family:var(--font-mono);letter-spacing:.06em;opacity:.6;text-transform:uppercase;font-size:11px}.chip-v{font-family:var(--font-mono);text-align:right;min-width:38px;font-size:15px;font-weight:700}.hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute;top:18px;right:18px}.ibtn{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--ink);cursor:pointer;background:#fffcf5d1;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .12s,background .2s;box-shadow:3px 3px #0d0d0d2e}.ibtn:hover{transform:translate(-1px,-1px)}.ibtn:active{box-shadow:none;transform:translate(1px,1px)}.ibtn.on{background:var(--red);color:#fff;border-color:var(--red)}.minimap{border:2.5px solid var(--ink);background:#87a265;border-radius:14px;width:140px;height:140px;position:absolute;bottom:20px;left:18px;box-shadow:3px 3px #0d0d0d2e}.compass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--ink);--c:#ff3b21;background:#fffcf5d1;border-radius:999px;align-items:center;gap:12px;padding:7px 16px 7px 8px;transition:opacity .4s;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:3px 3px #0d0d0d2e}.compass.hidden{opacity:0;pointer-events:none}.compass-ring{border:2px solid var(--c);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.compass-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:12px solid var(--c);width:0;height:0}.compass-text{flex-direction:column;line-height:1.1;display:flex}.compass-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-size:9px}.compass-name{white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:13px;font-weight:700;overflow:hidden}.compass-dist{font-family:var(--font-mono);color:var(--c);font-size:13px;font-weight:700}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2.5px solid var(--ink);width:min(360px,84vw);box-shadow:7px 7px 0 var(--c,var(--ink));--c:#ff3b21;background:#fffcf5f0;border-radius:18px;padding:22px 22px 20px;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.card-close{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:26px;height:26px;font-size:17px;line-height:1;position:absolute;top:12px;right:14px}.card-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin:0 0 8px;font-size:11px;font-weight:700}.card-title{font-family:var(--font-disp);margin:0;font-size:26px;line-height:1.12}.card-role{font-family:var(--font-mono);opacity:.62;margin:4px 0 16px;font-size:12px}.card-metrics{gap:8px;margin-bottom:16px;display:flex}.metric{border:2px solid var(--ink);text-align:center;border-radius:12px;flex:1;padding:9px 6px}.m-v{font-family:var(--font-disp);color:var(--c);font-size:18px;line-height:1;display:block}.m-k{font-family:var(--font-mono);letter-spacing:.03em;opacity:.6;margin-top:4px;font-size:9px;display:block}.card-blurb{opacity:.86;margin:0 0 18px;font-size:13.5px;line-height:1.62}.card-cta{font-family:var(--font-mono);color:#fff;background:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:11px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-block}.card-cta:hover{background:var(--c);border-color:var(--c);transform:translate(-1px,-1px)}.toast{background:var(--ink);color:var(--bone);border:2px solid var(--tc,var(--ink));border-left:6px solid var(--tc,var(--red));white-space:nowrap;opacity:0;visibility:hidden;border-radius:12px;padding:11px 20px;font-size:14px;font-weight:700;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:4px 4px #0d0d0d40}.hint{font-family:var(--font-mono);color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#fffcf5b3;border:1.5px solid #0d0d0d40;border-radius:999px;max-width:92vw;padding:8px 16px;font-size:12px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hint b{color:var(--red)}.intro{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:radial-gradient(120% 90% at 50% 18%,#ffe2b480,#fcb97ec7 45%,#7e8fd6d1);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.intro-inner{max-width:640px}.intro-brand{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;opacity:.72;margin:0 0 18px;font-size:12px}.intro-title{font-family:var(--font-disp);color:var(--ink);text-shadow:5px 5px 0 var(--red);flex-direction:column;align-items:center;margin:0;font-size:clamp(48px,13vw,110px);font-weight:900;line-height:.86;display:flex}.intro-title span{color:var(--bone);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--blue)}.intro-sub{max-width:30em;margin:22px auto 6px;font-size:clamp(15px,2.4vw,19px);font-weight:700}.intro-tag{font-family:var(--font-mono);opacity:.72;margin:0 0 26px;font-size:12.5px}.intro-keys{flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-bottom:28px;display:flex}.intro-keys span{font-family:var(--font-mono);border:1.5px solid var(--ink);background:#fffcf599;border-radius:999px;padding:7px 14px;font-size:12px}.intro-keys b{color:var(--red)}.loadbar{border:2px solid var(--ink);background:#fffcf580;border-radius:999px;width:min(280px,70vw);height:8px;margin:0 auto 16px;overflow:hidden}.loadfill{background:var(--ink);width:0;height:100%;transition:width .18s;display:block}.start{font-family:var(--font-disp);color:var(--bone);background:var(--ink);border:3px solid var(--ink);cursor:pointer;box-shadow:6px 6px 0 var(--red);opacity:.55;border-radius:999px;padding:14px 40px;font-size:22px;font-weight:900;transition:transform .14s,box-shadow .14s,opacity .3s}.start:disabled{cursor:progress}.start.ready{opacity:1}.start.ready:hover{box-shadow:9px 9px 0 var(--red);transform:translate(-2px,-2px)}.start.ready:active{box-shadow:2px 2px 0 var(--red);transform:translate(2px,2px)}.intro-note{font-family:var(--font-mono);opacity:.66;margin:20px 0 0;font-size:11.5px}.intro-note a{color:var(--ink)}.help-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0d0d0d8c;justify-content:center;place-items:center;display:flex;position:fixed;inset:0}.help-card{background:var(--bone);border:3px solid var(--ink);max-width:420px;box-shadow:8px 8px 0 var(--blue);border-radius:18px;padding:28px 32px}.help-card h3{font-family:var(--font-disp);margin:0 0 16px;font-size:28px}.help-card ul{margin:0 0 14px;padding:0;list-style:none}.help-card li{border-bottom:1px dashed #0d0d0d33;padding:7px 0;font-size:14px}.help-card li b{color:var(--red);font-family:var(--font-mono);margin-right:8px}.help-close-hint{font-family:var(--font-mono);opacity:.55;text-align:center;margin:0;font-size:11px}#fallback{z-index:40;background:var(--bone);place-items:center;padding:24px;display:none;position:fixed;inset:0}.fb-card{text-align:center;max-width:460px}.fb-k{font-family:var(--font-mono);letter-spacing:.2em;color:var(--red);font-size:12px}.fb-card h1{font-family:var(--font-disp);font-size:32px}.fb-btn{font-family:var(--font-mono);color:var(--bone);background:var(--ink);border-radius:999px;margin-top:16px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-block}.g-stick{z-index:12;pointer-events:none;display:none;position:fixed;inset:0}.g-stick.on{display:block}.g-stick-base{pointer-events:auto;touch-action:none;background:#fffcf557;border:2px solid #0d0d0d66;border-radius:50%;width:116px;height:116px;position:absolute;bottom:28px;left:28px}.g-stick-knob{border:2px solid var(--ink);background:#fffcf5eb;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #00000040}.g-boost{background:var(--red);color:#fff;border:3px solid var(--ink);pointer-events:auto;touch-action:none;border-radius:50%;width:84px;height:84px;font-size:30px;position:absolute;bottom:40px;right:30px;box-shadow:4px 4px #0d0d0d4d}.g-boost:active{transform:translate(2px,2px)}.g-jump{background:var(--blue);color:#fff;border:3px solid var(--ink);pointer-events:auto;touch-action:none;border-radius:50%;width:70px;height:70px;font-size:28px;position:absolute;bottom:138px;right:38px;box-shadow:4px 4px #0d0d0d4d}.g-jump:active{transform:translate(2px,2px)}.t-only,body.is-touch .k-only{display:none}body.is-touch .intro-keys .t-only{display:inline-block}body.is-touch .hint .t-only{display:inline}.g-stick-base{left:calc(28px + env(safe-area-inset-left,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px))}.g-boost{right:calc(30px + env(safe-area-inset-right,0px));bottom:calc(40px + env(safe-area-inset-bottom,0px))}.g-jump{right:calc(38px + env(safe-area-inset-right,0px));bottom:calc(138px + env(safe-area-inset-bottom,0px))}@media (width<=720px){.hud-stats{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));gap:6px}.chip{padding:5px 11px 5px 9px}.chip-k{display:none}.chip-v{min-width:26px;font-size:13px}.hud-actions{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));gap:6px}.ibtn{padding:7px 11px;font-size:11px}.compass{top:calc(58px + env(safe-area-inset-top,0px));padding:5px 13px 5px 6px}.compass-ring{width:26px;height:26px}.compass-name{max-width:44vw;font-size:12px}.compass-label{font-size:8.5px}.minimap{width:104px;height:104px;left:calc(12px + env(safe-area-inset-left,0px));bottom:auto;top:calc(112px + env(safe-area-inset-top,0px))}.hint{bottom:calc(120px + env(safe-area-inset-bottom,0px));font-size:10.5px}.card{top:auto;bottom:calc(120px + env(safe-area-inset-bottom,0px));width:min(380px,92vw);right:50%;transform:translate(50%)}.toast{bottom:calc(200px + env(safe-area-inset-bottom,0px))}}