:root{color:#f4f7ff;background:#090f1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink: #f4f7ff;--muted: #a9b6cf;--panel: rgb(11 19 35 / 82%);--line: rgb(183 211 255 / 18%);--accent: #8de8ff}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none}button,a{font:inherit}button{color:inherit}[hidden]{display:none!important}#scene{display:block;width:100%;height:100%;outline:0;touch-action:none}.overlay{position:fixed;inset:0;z-index:20}.panel-screen{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,#1e44666b,#040810d4)}.glass-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 80px #00000061;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero-card{width:min(610px,100%);padding:clamp(28px,6vw,58px);border-radius:28px;text-align:center}.hero-card h1,.hero-card h2{margin:8px 0 14px;line-height:1.02;letter-spacing:-.055em}.hero-card .eyebrow{font-size:clamp(1.6rem,5vw,3rem);line-height:1.02;letter-spacing:-.055em}.hero-card h1{font-size:.72rem;font-weight:800;letter-spacing:.22em;line-height:1.4}.hero-card h2{font-size:clamp(1.8rem,5vw,3.2rem)}.hero-card>p:not(.eyebrow){color:var(--muted);line-height:1.8}.compact-card{width:min(440px,100%);padding:36px;border-radius:24px;text-align:center}.compact-card h2{margin:8px 0 24px;font-size:clamp(1.5rem,5vw,2rem)}.eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.22em}.primary-button{border:0;cursor:pointer}.primary-button{min-height:52px;margin-top:18px;padding:0 26px;border-radius:999px;background:var(--ink);color:#07101d;font-weight:800;transition:transform .15s ease,box-shadow .15s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8de8ff33}.primary-button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.control-note{margin:26px 0 0!important;font-size:.78rem;letter-spacing:.03em}.status-panel{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:12px;background:#090f1d;color:var(--muted);font-size:.85rem;letter-spacing:.08em}.spinner{width:16px;height:16px;border:2px solid rgb(255 255 255 / 18%);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.crosshair{position:fixed;z-index:4;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.85}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff;box-shadow:0 0 8px #000000b3}.crosshair:before{left:8px;top:1px;width:2px;height:16px}.crosshair:after{left:1px;top:8px;width:16px;height:2px}.interaction-prompt{position:fixed;z-index:6;left:50%;top:calc(50% + 34px);display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%);filter:drop-shadow(0 2px 8px #000);text-align:center}.interaction-prompt strong{font-size:clamp(.82rem,2vw,1rem)}.interaction-prompt span{padding:4px 9px;border:1px solid rgb(255 255 255 / 32%);border-radius:99px;color:var(--muted);background:#040912b8;font-size:.68rem}.project-links{display:grid;gap:9px}.hero-card .project-links,.compact-card .project-links{margin-top:28px;text-align:left}.project-links a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;background:#ffffff08}.project-links a:hover{background:#ffffff14}.project-links strong,.project-links small{display:block}.project-links strong{font-size:.82rem}.project-links small{margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.45}.project-dot{width:10px;height:10px;border-radius:50%;background:var(--project-color);box-shadow:0 0 14px var(--project-color)}.new-tab-note{margin:14px 0 0;color:var(--muted);font-size:.68rem}.desktop-help{position:fixed;z-index:5;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);color:#dee8f9b8;font-size:.68rem;letter-spacing:.04em;text-shadow:0 2px 8px #000}.desktop-help span{margin:0 7px;color:var(--accent)}.popup-fallback{position:fixed;z-index:18;left:50%;bottom:58px;width:min(520px,calc(100vw - 32px));padding:12px 16px;transform:translate(-50%);border:1px solid #f5c96a;border-radius:12px;background:#241d0e;color:#ffefcb;text-align:center;font-size:.78rem}.popup-fallback a{color:#fff;font-weight:800}#touch-controls{position:fixed;inset:0;z-index:7;pointer-events:none;touch-action:none}.joystick{position:fixed;z-index:2;left:max(24px,calc(env(safe-area-inset-left) + 18px));bottom:max(28px,calc(env(safe-area-inset-bottom) + 20px));width:132px;height:132px;display:grid;place-items:center;pointer-events:auto;touch-action:none}.joystick-ring{width:112px;height:112px;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 22%);border-radius:50%;background:#070e1b6b;box-shadow:inset 0 0 28px #ffffff0a;backdrop-filter:blur(5px)}.joystick-knob{width:52px;height:52px;border:1px solid rgb(255 255 255 / 42%);border-radius:50%;background:#cbe6ff3b;box-shadow:0 4px 20px #00000040}.look-stick{left:auto;right:max(24px,calc(env(safe-area-inset-right) + 18px))}@media(orientation:landscape)and (max-height:520px){.joystick{width:112px;height:112px;bottom:max(10px,env(safe-area-inset-bottom))}.joystick-ring{width:94px;height:94px}.joystick-knob{width:44px;height:44px}}@media(max-width:600px){.hero-card{padding:32px 22px;border-radius:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}