:root{--bg: #06060c;--bg-2: #0c0c18;--neon-cyan: #00e5ff;--neon-magenta: #ff2bd6;--neon-violet: #7a3bff;--neon-yellow: #ffe600;--text: #e8ecff;--text-dim: #8a90b8}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Rajdhani,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}canvas#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(122,59,255,.18),transparent 60%),radial-gradient(circle at 75% 80%,rgba(255,43,214,.12),transparent 55%),linear-gradient(180deg,#04040a,#0a0a18);transition:opacity .6s ease}.overlay.hidden,.overlay.fading{opacity:0;pointer-events:none}.loading-inner,.start-inner{text-align:center;padding:2rem;max-width:520px}.brand{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:.18em;line-height:1}.brand-frame{color:var(--text);text-shadow:0 0 12px rgba(232,236,255,.45)}.brand-play{color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,229,255,.9),0 0 24px rgba(0,229,255,.55),0 0 48px rgba(0,229,255,.35)}.brand-sub{font-family:Orbitron,sans-serif;font-weight:500;letter-spacing:.5em;font-size:.78rem;color:var(--text-dim);margin-top:.6rem;margin-bottom:2.5rem;padding-left:.5em}.progress{width:280px;max-width:80vw;height:3px;background:#ffffff14;margin:0 auto;position:relative;overflow:hidden}.progress-bar{position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,var(--neon-violet),var(--neon-cyan));box-shadow:0 0 16px #00e5ff99;transition:right .25s ease}.loading-text{margin-top:1rem;font-size:.75rem;letter-spacing:.4em;color:var(--text-dim)}.enter-btn{margin-top:.5rem;padding:1rem 2.4rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.25em;color:var(--text);background:transparent;border:1px solid var(--neon-cyan);cursor:pointer;position:relative;transition:all .2s ease;box-shadow:0 0 #00e5ff00,inset 0 0 #00e5ff00}.enter-btn:hover,.enter-btn:focus-visible{background:#00e5ff1f;box-shadow:0 0 24px #00e5ff8c,inset 0 0 24px #00e5ff26;outline:none}.enter-btn:active{transform:translateY(1px)}.controls-hint{margin-top:2.2rem;font-size:.85rem;color:var(--text-dim);letter-spacing:.08em}.controls-hint .hint-row{margin:.4rem 0;display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap}.kbd{display:inline-block;padding:.15rem .55rem;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:3px;background:#ffffff0a;font-family:Orbitron,monospace;font-size:.72rem;color:var(--text);letter-spacing:.1em}.tooltip{position:fixed;z-index:8;pointer-events:none;padding:.9rem 1.1rem;background:#06060cd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--neon-cyan);box-shadow:0 0 24px #00e5ff59,inset 0 0 12px #00e5ff14;min-width:200px;max-width:280px;transform:translateY(-50%);transition:opacity .2s ease}.tooltip.hidden{opacity:0}.tooltip-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.08em;color:var(--text)}.tooltip-price{margin-top:.2rem;font-size:1rem;color:var(--neon-cyan);font-weight:600}.tooltip-cta{margin-top:.4rem;font-size:.65rem;letter-spacing:.25em;color:var(--text-dim)}.shop-btn{position:fixed;top:1.2rem;right:1.2rem;z-index:7;padding:.6rem 1rem;font-family:Orbitron,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.22em;color:var(--text);text-decoration:none;background:#06060c99;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease;opacity:0;pointer-events:none}.shop-btn.visible{opacity:1;pointer-events:auto}.shop-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 16px #00e5ff73}.crosshair{position:fixed;top:50%;left:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;z-index:6;pointer-events:none;opacity:.7}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--text);box-shadow:0 0 6px #00e5ffcc}.crosshair:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.crosshair:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.crosshair.hidden{display:none}.joystick-zone{position:fixed;bottom:0;left:0;width:45vw;height:45vw;max-width:220px;max-height:220px;z-index:7;display:none}body.is-mobile .joystick-zone{display:block}body.is-mobile .shop-btn{font-size:.65rem;padding:.5rem .8rem}#controls-hint-mobile,body.is-mobile #controls-hint-desktop{display:none}body.is-mobile #controls-hint-mobile{display:block}body.is-mobile .crosshair{display:none!important}