:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(255,147,78,.2),transparent 38%),radial-gradient(circle at bottom,rgba(98,124,255,.18),transparent 40%),#04050a;color:#f8f8ff}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top,#1a2142,#090b14 55%,#04050a)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 90%);mask-image:radial-gradient(circle at center,black 20%,transparent 90%)}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}#app{padding:24px}.game-shell{position:relative;z-index:1;display:grid;gap:18px;width:min(1180px,100%);margin:0 auto}.hud-card,.scene-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0a0c14b8;box-shadow:0 22px 60px #00000059,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-card,.controls-card{padding:22px 24px}.brand-card h1{margin:.35rem 0 .5rem;font-size:clamp(2rem,4vw,3.8rem);line-height:.95}.brand-card p,.overlay-copy{margin:0;color:#eef0ffcc;line-height:1.6}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#ffb56b}.hud-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{padding:18px 20px}.stat-label{display:block;margin-bottom:.4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#d2d8ffb3}.stat-value{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700}.scene-card{position:relative;overflow:hidden;min-height:580px}.scene-host{width:100%;height:580px;touch-action:none}.scene-host canvas{display:block;width:100%;height:100%}.overlay-panel{position:absolute;left:24px;top:24px;max-width:min(420px,calc(100% - 48px));padding:20px 22px;border-radius:20px;background:#06080e99;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #00000038}.overlay-title{margin:.4rem 0 .5rem;font-size:clamp(1.4rem,3vw,2.3rem);font-weight:700}.start-button{margin-top:1rem;padding:.95rem 1.2rem;min-width:180px;border:none;border-radius:999px;background:linear-gradient(135deg,#ff9754,#ff5e3a 45%,#7b83ff);color:#fff;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 12px 32px #ff723d61;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.overlay-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ghost-button{display:none;margin-top:1rem;padding:.9rem 1.1rem;min-width:140px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#080c1694;color:#f8f8ff;font-weight:700}.start-button:hover{transform:translateY(-1px);box-shadow:0 18px 32px #ff723d73}.game-shell.is-running .overlay-panel{background:#06080e47}.game-shell.is-running .overlay-copy{opacity:.74}.touch-controls{position:absolute;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;z-index:2}.touch-button{min-height:64px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#050810b8;color:#f8f8ff;font-size:1.4rem;font-weight:800;box-shadow:0 14px 28px #00000040}.touch-button:active{transform:scale(.98)}.touch-button-jump{background:linear-gradient(135deg,#ff9754f2,#7b83ffeb)}.touch-pill{display:none}.control-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:.8rem}.control-pills span{padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f0f2ffd6}@media(max-width:900px){#app{padding:14px}.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-card,.scene-host{min-height:460px;height:460px}.overlay-panel{left:16px;top:16px;right:16px;max-width:none}}@media(max-width:560px){#app{padding:0}.game-shell{gap:0;width:100%}.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-card,.controls-card,.overlay-panel,.stat-card{padding:14px}.scene-host{min-height:320px;height:380px}.scene-card{min-height:auto;padding-bottom:calc(env(safe-area-inset-bottom) + 90px)}.overlay-panel{left:12px;right:12px;top:12px;padding-bottom:18px}.overlay-title{font-size:clamp(1.1rem,7vw,1.55rem)}.overlay-copy,.brand-card p{font-size:.92rem;line-height:1.45}.start-button,.ghost-button{width:100%;min-width:0;padding:.9rem 1rem}.ghost-button{display:block}.touch-controls{display:grid;gap:10px}.touch-button{min-height:58px;border-radius:18px;font-size:1.25rem}.touch-pill{display:inline-flex}.game-shell.is-immersive-ready.is-immersive{min-height:100dvh;background:#04050a}.game-shell.is-immersive-ready.is-immersive .brand-card,.game-shell.is-immersive-ready.is-immersive .hud-grid,.game-shell.is-immersive-ready.is-immersive .controls-card{display:none}.game-shell.is-immersive-ready.is-immersive .scene-card{position:fixed;inset:0;z-index:20;border-radius:0;border:none;padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.game-shell.is-immersive-ready.is-immersive .scene-host{height:100dvh!important;min-height:100dvh}.game-shell.is-immersive-ready.is-immersive .overlay-panel{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));max-width:none;background:#06080e61}.game-shell.is-immersive-ready.is-running .overlay-copy,.game-shell.is-immersive-ready.is-running .ghost-button{display:none}}