:root{--font-display:"Syne", sans-serif;--font-body:"Figtree", sans-serif;--surface:#0c1614;--surface-elevated:#162420;--surface-panel:#0c1614eb;--ink:#e8f0eb;--ink-muted:#8fa396;--ink-soft:#c5d4cb;--accent:#2f8f7a;--accent-hover:#3aa890;--accent-soft:#5eb8a8;--accent-warm:#d4a03c;--stroke:#e8f0eb24;--focus-ring:#5eb8a8;--shadow-soft:0 6px 18px #00000047}html,body,#root{background-color:var(--surface);width:100%;height:100%;font-family:var(--font-body);color:var(--ink);margin:0;padding:0;overflow:hidden}.app-root{background-color:var(--surface);width:100vw;height:100vh;position:relative;overflow:hidden}:focus{outline:none}:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.hud-hide:focus-visible,.tooltip:focus-visible,.skip-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.skip-link{z-index:200;background:var(--accent);color:#fff;border-radius:6px;padding:8px 12px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:12px}.skip-link:focus,.skip-link:focus-visible{top:12px}.scene-fade{pointer-events:none;z-index:50;background:#081210;transition:opacity .4s ease-in-out;position:absolute;inset:0}.loader-screen,.error-screen{z-index:60;background:var(--surface);color:var(--ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader-card,.error-screen{text-align:center;padding:24px}.loader-brand{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin:0 0 8px;font-size:clamp(2rem,6vw,2.75rem);font-weight:800}.loader-title{font-family:var(--font-display);color:var(--ink-muted);margin:0 0 16px;font-size:1.05rem;font-weight:600}.loader-bar{background:var(--surface-elevated);border-radius:4px;width:min(280px,70vw);height:8px;margin:0 auto;overflow:hidden}.loader-bar span{background:var(--accent);height:100%;display:block}.loader-meta{color:var(--ink-muted);margin:12px 0 0;font-size:13px}.error-screen h1{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.brand-intro{z-index:55;padding:max(28px, env(safe-area-inset-top,0px)) max(28px, env(safe-area-inset-right,0px)) max(36px, env(safe-area-inset-bottom,0px)) max(28px, env(safe-area-inset-left,0px));pointer-events:auto;justify-content:flex-start;align-items:flex-end;display:flex;position:absolute;inset:0}.brand-intro-veil{pointer-events:none;background:linear-gradient(#0812101f 0%,#08121052 42%,#081210db 100%);position:absolute;inset:0}.brand-intro-content{z-index:1;max-width:min(520px,100%);position:relative}.brand-intro-role{font-family:var(--font-body);color:var(--accent-soft);margin:0 0 6px;font-size:.95rem;font-weight:600}.brand-intro-name{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(3rem,10vw,5.5rem);font-weight:800;line-height:.95}.brand-intro-tagline{max-width:28ch;font-family:var(--font-body);color:var(--ink-soft);margin:14px 0 0;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.45}.brand-intro-cta{margin-top:22px;display:inline-block}.building-label{background:var(--surface-panel);color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;border:1px solid var(--stroke);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.hud{z-index:40;background:var(--surface-panel);color:var(--ink);border:1px solid var(--stroke);border-radius:10px;max-width:240px;padding:12px 14px;position:absolute;top:16px;left:16px}.hud:focus{outline:none}.hud:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.hud-heading{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;font-size:13px;font-weight:700}.hud-keys{color:var(--ink-soft);margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none}.hud-keys kbd,.tooltip kbd{background:var(--accent);color:#fff;border-radius:5px;padding:2px 7px;font-family:inherit;font-weight:700}.hud-hide{color:var(--accent-soft);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:2px 0;font-family:inherit;font-weight:600}.tooltip{background:var(--surface-panel);color:var(--ink);border:1px solid var(--stroke);z-index:40;cursor:pointer;font-weight:600;font-family:var(--font-body);border-radius:10px;padding:10px 18px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.dpad{left:max(12px, env(safe-area-inset-left,0px));bottom:max(18px, env(safe-area-inset-bottom,0px));z-index:55;touch-action:none;-webkit-user-select:none;user-select:none;width:148px;height:148px;position:absolute}.dpad-arm{background:var(--surface-panel);pointer-events:none;border:2px solid #5eb8a873;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpad-arm-v{border-radius:14px;width:52px;height:148px}.dpad-arm-h{border-radius:14px;width:148px;height:52px}.dpad-dir{pointer-events:none;opacity:.85;border:8px solid #0000;width:0;height:0;position:absolute}.dpad-dir-up{border-bottom-color:var(--accent-soft);border-top-width:0;top:14px;left:50%;transform:translate(-50%)}.dpad-dir-down{border-top-color:var(--accent-soft);border-bottom-width:0;bottom:14px;left:50%;transform:translate(-50%)}.dpad-dir-left{border-right-color:var(--accent-soft);border-left-width:0;top:50%;left:14px;transform:translateY(-50%)}.dpad-dir-right{border-left-color:var(--accent-soft);border-right-width:0;top:50%;right:14px;transform:translateY(-50%)}.dpad-knob{background:var(--accent);pointer-events:none;border:3px solid #e8f0ebd9;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-backdrop{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background:var(--surface-elevated);color:var(--ink);border:1px solid var(--stroke);width:90%;max-width:520px;font-family:var(--font-body);border-radius:16px;padding:32px}.modal h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent-soft);margin:0 0 12px;font-size:24px;font-weight:700}.modal p{color:var(--ink-soft);font-size:15px;line-height:1.6}.modal-stack{flex-direction:column;gap:14px;margin:20px 0;display:flex}.stack-group h3{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 8px;font-size:12px;font-weight:700}.modal-tags{flex-wrap:wrap;gap:8px;margin:0;display:flex}.modal-stack+.modal-actions,.modal p+.modal-tags{margin-top:20px}.modal-tags span{color:var(--accent-soft);background:#5eb8a824;border:1px solid #5eb8a847;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-ghost,.btn-primary{cursor:pointer;font-weight:600;font-family:var(--font-body);border:none;border-radius:8px;padding:10px 18px;text-decoration:none}.btn-ghost{color:var(--ink);background:#3a4a44}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}@media (width<=900px){.hud{max-width:min(240px,100vw - 24px)}.tooltip{text-align:center;max-width:calc(100vw - 32px);bottom:180px}.brand-intro{align-items:flex-end}}@media (width<=768px){.hud{padding:10px 12px;font-size:12px;top:12px;left:12px}.hud-keys{font-size:12px}.brand-intro-tagline{max-width:24ch}}@media (width<=480px){.hud{max-width:min(200px,100vw - 20px)}.loader-brand{font-size:clamp(1.75rem,9vw,2.25rem)}.dpad{width:132px;height:132px}.dpad-arm-v{width:46px;height:132px}.dpad-arm-h{width:132px;height:46px}.dpad-knob{width:40px;height:40px}}@media (height<=500px) and (orientation:landscape){.hud{max-width:min(200px,36vw);padding:8px 10px;top:8px;left:8px}.tooltip{bottom:max(12px, env(safe-area-inset-bottom,0px));max-width:min(280px,50vw);left:50%}.dpad{width:120px;height:120px;bottom:max(10px, env(safe-area-inset-bottom,0px));left:max(10px, env(safe-area-inset-left,0px))}.dpad-arm-v{width:42px;height:120px}.dpad-arm-h{width:120px;height:42px}.dpad-knob{width:36px;height:36px}.brand-intro{padding:16px 20px}.brand-intro-name{font-size:clamp(2.2rem,8vw,3.5rem)}}@media (prefers-reduced-motion:reduce){.scene-fade{transition:none}}.brand-intro-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.brand-intro-actions .brand-intro-cta{margin-top:0}.brand-intro-alt{border:1px solid var(--stroke);background:#0c1614b8;display:inline-block}.brand-intro-alt:hover{background:#162420e6}.loader-alt{color:var(--accent-soft);text-underline-offset:3px;border-radius:8px;margin-top:22px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-block}.loader-alt:hover{color:var(--ink)}.view-switch{top:max(16px, env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));z-index:45;box-sizing:border-box;border:1px solid var(--stroke);background:var(--surface-panel);min-height:44px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--shadow-soft);touch-action:manipulation;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute}.view-switch:hover{border-color:var(--accent-soft);color:#fff}.view-switch svg{color:var(--accent-soft);flex:none}.view-switch:focus-visible,.brand-intro-alt:focus-visible,.loader-alt:focus-visible,.view-option-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.classic-fallback{position:fixed;inset:0}.view-chooser{padding:max(24px, env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));box-sizing:border-box;background:radial-gradient(120% 70% at 50% 115%, #2f8f7a61 0%, #2f8f7a00 60%), radial-gradient(60% 40% at 50% 0%, #5eb8a81f 0%, #5eb8a800 70%), var(--surface);color:var(--ink);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.view-chooser-card{width:min(720px,100%);margin:auto 0}.view-chooser-name{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(3rem,10vw,5.5rem);font-weight:800;line-height:.95}.view-chooser-question{color:var(--ink-soft);margin:18px 0 0;font-size:clamp(1.05rem,2.4vw,1.25rem)}.view-chooser-note{color:var(--accent-warm);margin:10px 0 0;font-size:14px}.view-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.view-option-link{box-sizing:border-box;border:1px solid var(--stroke);background:var(--surface-panel);height:100%;color:var(--ink);border-radius:14px;flex-direction:column;gap:8px;padding:20px 20px 22px;text-decoration:none;transition:border-color .2s,background-color .2s;display:flex}.view-option-link:hover{border-color:var(--accent-soft);background:var(--surface-elevated)}.view-option.is-recommended .view-option-link{border-color:#5eb8a88c}.view-option-link.is-disabled{opacity:.6;cursor:not-allowed}.view-option-link.is-disabled:hover{border-color:var(--stroke);background:var(--surface-panel)}.view-option-title{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;font-size:1.15rem;font-weight:700}.view-option-title:after{content:" →";color:var(--accent-soft)}.is-disabled .view-option-title:after{content:""}.view-option-text{color:var(--ink-muted);font-size:14px;line-height:1.5}.view-chooser-foot{color:var(--ink-muted);margin:18px 0 0;font-size:13px}@media (width<=768px){.view-switch{top:max(12px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));padding:0 12px}}@media (width<=600px){.view-switch{top:auto;bottom:max(18px, env(safe-area-inset-bottom,0px));right:max(12px, env(safe-area-inset-right,0px))}}@media (width<=560px){.view-options{grid-template-columns:1fr}}@media (height<=500px) and (orientation:landscape){.view-switch{top:8px;right:max(8px, env(safe-area-inset-right,0px));min-height:40px}}@media (prefers-reduced-motion:reduce){.view-option-link{transition:none}}