:root{--bg:#f2f4f8;--surface:#fff;--ink:#0b1b3a;--muted:#51607f;--line:#d3dae8;--accent:#2b4bff;--accent-ink:#fff;--signal:#ffb800;--deep:#0b1b3a;--deep-ink:#eaf0ff;--f-display:"Unbounded", "Onest", system-ui, sans-serif;--f-body:"Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--glass:color-mix(in srgb, var(--surface) 84%, transparent);--shadow:0 24px 60px -24px #0b1b3a8c;--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1226;--surface:#121c38;--ink:#eaf0ff;--muted:#9aa8c7;--line:#24315a;--accent:#6c85ff;--accent-ink:#0a1226}}:root[data-theme=dark],:root[data-view=dark]{--bg:#0a1226;--surface:#121c38;--ink:#eaf0ff;--muted:#9aa8c7;--line:#24315a;--accent:#6c85ff;--accent-ink:#0a1226}:root[data-view=gray]{filter:grayscale()}:root[data-view=dark]{filter:grayscale()contrast(1.15)}*{box-sizing:border-box}body{background:var(--deep);color:var(--ink);font:16px/1.5 var(--f-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}#game{position:fixed;inset:0}#game canvas{width:100%;height:100%;display:block}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 .95rem var(--f-body);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;text-decoration:none;transition:transform .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.disclaimer{z-index:60;background:color-mix(in srgb, var(--deep) 55%, transparent);-webkit-backdrop-filter:blur(6px);animation:tt-fade .35s var(--ease-out);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.disc-card{background:var(--surface);border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);animation:tt-rise .5s var(--ease-out);border-radius:24px;padding:30px 28px 26px;position:relative}.disc-card h2{font:600 1.3rem/1.25 var(--f-display);margin:0 64px 10px 0}.disc-body{color:var(--muted);margin:0 0 14px}.disc-controls{color:var(--muted);margin:0;font-size:.85rem}.disc-timer{width:52px;height:52px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:18px;right:18px}.disc-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.disc-track{fill:none;stroke:var(--line);stroke-width:3px}.disc-ring{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.disc-count,.disc-x{font:600 1rem var(--f-body);transition:opacity .15s,transform .15s;position:relative}.disc-x{opacity:0;font-size:1.5rem;position:absolute;transform:scale(.6)}.disc-timer:hover .disc-count,.disc-timer:focus-visible .disc-count{opacity:0;transform:scale(.6)}.disc-timer:hover .disc-x,.disc-timer:focus-visible .disc-x{opacity:1;transform:scale(1)}@keyframes tt-fade{0%{opacity:0}}@keyframes tt-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.hud{z-index:20;pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud-fade{transition:opacity .35s ease, transform .35s var(--ease-out)}.hud.is-moving .hud-fade{opacity:0;pointer-events:none;transform:translateY(6px)}.hud-quest{top:calc(16px + env(safe-area-inset-top,0px));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:999px;margin:0;padding:9px 14px;font-size:.9rem;font-weight:600;position:absolute;left:16px}.hud-quest.is-done{background:var(--signal);color:var(--deep);border-color:var(--signal)}.hud-menu{top:calc(16px + env(safe-area-inset-top,0px));background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;right:16px}.hud-controls{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));background:var(--glass);border:1px solid var(--line);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;max-width:calc(100vw - 32px);margin:0;padding:8px 14px;font-size:.82rem;position:absolute;overflow:hidden;transform:translate(-50%)}.hud.is-moving .hud-controls{transform:translate(-50%,6px)}.hud-toast{top:calc(64px + env(safe-area-inset-top,0px));opacity:0;background:var(--deep);color:var(--deep-ink);transition:opacity .3s ease, transform .3s var(--ease-out);border-radius:12px;margin:0;padding:9px 16px;font-size:.9rem;position:absolute;left:50%;transform:translate(-50%,-8px)}.hud-toast.is-shown{opacity:1;transform:translate(-50%)}.hud-osm{left:50%;bottom:calc(2px + env(safe-area-inset-bottom,0px));color:var(--muted);background:var(--glass);border-radius:6px;padding:1px 6px;font-size:.7rem;text-decoration:none;position:absolute;transform:translate(-50%)}.minimap{left:16px;bottom:calc(22px + env(safe-area-inset-bottom,0px));cursor:crosshair;width:112px;height:112px;box-shadow:var(--shadow);border:1px solid #eaf0ff40;border-radius:14px;position:absolute}.joystick{left:22px;bottom:calc(26px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--surface) 35%, transparent);touch-action:none;border:2px solid #ffffff80;border-radius:50%;place-items:center;width:124px;height:124px;display:grid;position:absolute}.joy-knob{background:var(--accent);border-radius:50%;width:52px;height:52px;box-shadow:0 6px 16px #0000004d}.boost{right:22px;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--signal);width:76px;height:76px;color:var(--deep);touch-action:none;border:0;border-radius:50%;font-size:1.8rem;position:absolute}@media (pointer:coarse){.minimap{bottom:auto;left:auto;right:16px;top:calc(64px + env(safe-area-inset-top,0px));width:88px;height:88px}.hud-controls{display:none}}.prompt{z-index:30;left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--line);width:min(420px,100vw - 32px);box-shadow:var(--shadow);animation:tt-rise .35s var(--ease-out);border-radius:20px;padding:18px 20px;position:fixed;transform:translate(-50%)}.prompt-title{font:600 1.05rem/1.3 var(--f-display);margin:0 0 4px}.prompt-tagline{color:var(--muted);margin:0 0 12px;font-size:.92rem}.prompt-actions{gap:8px;display:flex}.prompt-hints{color:var(--muted);margin:10px 0 0;font-size:.78rem}@media (pointer:coarse){.prompt-hints{display:none}}.dialog{z-index:40;background:color-mix(in srgb, var(--deep) 45%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:16px;animation:.25s tt-fade;display:grid;position:fixed;inset:0}.dialog[hidden]{display:none}.dialog-panel{background:var(--surface);width:min(560px,100%);max-height:calc(100vh - 32px);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);animation:tt-rise .4s var(--ease-out);border-radius:24px;padding:26px 24px 22px;position:relative;overflow:auto}.dialog-panel h2{font:600 1.35rem/1.2 var(--f-display);margin:0 44px 8px 0}.dialog-panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;font-size:.78rem}.dialog-close{background:var(--bg);width:36px;height:36px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;font-size:1.3rem;position:absolute;top:14px;right:14px}.card-cover{aspect-ratio:16/9;object-fit:cover;border-radius:24px 24px 0 0;width:calc(100% + 48px);height:auto;margin:-26px -24px 18px;display:block}.card-tagline{color:var(--muted);margin-top:0}.card-tags{flex-wrap:wrap;gap:6px;margin:14px 0;padding:0;list-style:none;display:flex}.card-tags li{background:var(--bg);border-radius:999px;padding:3px 10px;font-size:.82rem}.card-links,.menu-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.menu .btn{width:100%;margin-top:8px}.menu-projects{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.menu-project,.menu-item{border:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;padding:10px 12px}.menu-project:hover,.menu-item:hover{border-color:var(--accent)}.menu-item{width:100%;margin-top:10px}.menu-row{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.menu-row select{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:10px;padding:8px 10px}.menu-hint{color:var(--muted);margin:14px 0 0;font-size:.8rem}.a11y-root .a11y-fab{z-index:45}.a11y-root .a11y-panel{z-index:46}#tour-launch-error{z-index:1000;color:#f7f8ff;text-align:center;background:#070914;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;font:16px/1.6 system-ui,sans-serif;display:flex;position:fixed;inset:0}#tour-launch-error h1{margin:0;font-size:clamp(26px,5vw,42px)}#tour-launch-error p{color:#b6bdd2;max-width:560px;margin:0}#tour-launch-error button{color:#fff;cursor:pointer;background:#6f5cff;border:0;border-radius:12px;padding:14px 28px;font:600 16px system-ui}#tour-launch-error a{color:#c5bbff}body.lite-tour>:not(#game):not(script){display:none!important}.lite-tour #game{position:fixed;inset:0;overflow:hidden}.lite-tour canvas{touch-action:none;display:block}.lite-hud{top:max(16px,env(safe-area-inset-top));color:#f7f8ff;background:#101424e8;border:1px solid #ffffff26;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;font:14px system-ui;display:flex;position:absolute;left:16px;right:16px}.lite-hud span{color:#aab2c9;font-size:12px}.lite-hud select{color:#fff;background:#25263b;border:1px solid #ffffff25;border-radius:9px;max-width:100%;margin-left:auto;padding:10px}.lite-hud a,.lite-project a{color:#bcb1ff}.lite-project{color:#fff;background:#171b2fee;border:1px solid #7462d4;border-radius:18px;max-width:420px;padding:20px;font:15px system-ui;position:absolute;bottom:140px;left:16px;right:16px}.lite-project[hidden]{display:none}.lite-project p{color:#c0c5d5;font-size:13px}.lite-pad{bottom:max(24px,env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lite-pad button{touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;background:#24283ee8;border:1px solid #fff3;border-radius:14px;min-width:54px;min-height:54px;font-size:24px}.lite-pad button:active{background:#6f5cff}@media (width<=540px){.lite-hud span{order:2;width:100%}.lite-hud select{order:3;width:100%}.lite-hud a{margin-left:auto}}