.a11y-theme{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;display:flex}.a11y-theme .a11y-label{margin:0}.theme-fab{border:1px solid var(--line);background:var(--bg);width:80px;height:42px;color:var(--muted);cursor:pointer;border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;padding:4px;transition:transform .2s;display:grid;position:relative}.theme-fab:active{transform:scale(.96)}.theme-fab:focus-visible{border-radius:999px}.theme-fab .tf-knob{background:var(--accent);border-radius:50%;width:32px;height:32px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;left:4px}.theme-fab svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;justify-self:center;width:18px;height:18px;transition:color .25s;position:relative}.theme-fab .tf-sun{color:var(--accent-ink)}.theme-fab.is-dark .tf-knob{transform:translate(38px)}.theme-fab.is-dark .tf-sun{color:var(--muted)}.theme-fab.is-dark .tf-moon{color:var(--accent-ink)}.a11y-fab{z-index:30;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(10px);width:54px;height:54px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid;position:fixed;box-shadow:0 10px 28px -12px #0b1b3a73,0 2px 6px -2px #0b1b3a2e}.a11y-fab:hover{transform:translateY(-2px)}.a11y-fab[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.a11y-fab:focus-visible{border-radius:50%}.a11y-fab .logo-mark{width:26px;height:26px}.a11y-panel{z-index:31;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:var(--surface);width:min(340px,100vw - 32px);color:var(--ink);transform-origin:100% 100%;border-radius:20px;padding:22px 22px 24px;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;position:fixed;box-shadow:0 28px 60px -24px #0b1b3a8c}.a11y-panel[hidden]{visibility:hidden;opacity:0;pointer-events:none;display:block;transform:translateY(8px)scale(.97)}.a11y-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.a11y-head h2{font-family:var(--f-display);margin:0;font-size:1rem;font-weight:600}.a11y-close{background:var(--bg);width:32px;height:32px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:1.2rem;line-height:1;display:grid}.a11y-close:hover{color:var(--ink)}.a11y-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:.82rem;font-weight:500}.a11y-views{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 22px;display:grid}.a11y-view{color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;font-size:.8rem;line-height:1.25;transition:background .2s,border-color .2s;display:flex}.a11y-view:hover{background:var(--bg)}.a11y-view[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.a11y-swatch{color:#fff;width:52px;height:52px;font-family:var(--f-display);border-radius:50%;justify-content:center;align-items:baseline;padding-top:13px;font-size:1.05rem;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.a11y-swatch small{font-size:.7em}.sw-normal{background:linear-gradient(135deg,#2b4bff,#6c85ff)}.sw-gray{background:#7a7a7a}.sw-dark{background:#000}.a11y-size{justify-content:space-between;align-items:baseline;display:flex}.a11y-size output{font-family:var(--f-display);font-size:1.1rem;font-weight:600}.a11y-range{--p:28.57%;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:4px 0 0}.a11y-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p), var(--line) var(--p));border-radius:4px;height:4px}.a11y-range::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--p), var(--line) var(--p));border-radius:4px;height:4px}.a11y-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--surface);background:var(--accent);border-radius:50%;width:24px;height:24px;margin-top:-10px;box-shadow:0 2px 8px #0b1b3a59}.a11y-range::-moz-range-thumb{border:3px solid var(--surface);background:var(--accent);border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0b1b3a59}.a11y-ticks{color:var(--muted);justify-content:space-between;font-size:.72rem;display:flex}.a11y-reset{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:0;font-size:.88rem;font-weight:500}.a11y-root .logo-mark{fill:currentColor}.a11y-modes{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 20px;display:grid}.a11y-mode{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding:10px 8px;font-size:.85rem;transition:border-color .2s,background .2s}.a11y-mode:hover{background:var(--bg)}.a11y-mode[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);font-weight:600}: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}