*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;background:#020208}body{color:#d0e8ff;font-family:Orbitron,Courier New,monospace;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation;display:flex;justify-content:center}#root{width:100%;max-width:480px;height:100%;overflow:hidden;position:relative;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (min-width: 600px){#root{border-left:1px solid rgba(100,150,200,.08);border-right:1px solid rgba(100,150,200,.08);box-shadow:0 0 80px #0050a01f}}.screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;overflow:hidden}.screen-scroll{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:480px;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.game-canvas{width:min(90vw,calc(100dvh - 160px),400px);height:min(90vw,calc(100dvh - 160px),400px);touch-action:none}.btn{background:transparent;border:1.5px solid currentColor;color:inherit;padding:11px 28px;font-size:12px;letter-spacing:3px;cursor:pointer;font-family:Orbitron,monospace;text-transform:uppercase;margin:5px;border-radius:4px;outline:none;transition:all .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.96);filter:brightness(1.2)}.btn-primary{font-size:14px;padding:13px 36px}.pill{background:transparent;border:1.5px solid rgba(100,150,200,.18);color:#96c8ff4d;padding:7px 14px;font-size:10px;letter-spacing:2px;cursor:pointer;font-family:Orbitron,monospace;margin:3px;border-radius:3px;outline:none;transition:all .15s}.pill.active{background:#00ffaa14;border-color:currentColor}.pill:active{transform:scale(.96)}.panel{border:1px solid rgba(255,215,0,.1);background:#ffd70008;padding:14px 22px;border-radius:6px;width:100%;max-width:360px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px}.shop-item{border:1.5px solid rgba(100,150,200,.15);padding:14px 12px;text-align:center;border-radius:5px;cursor:pointer;transition:all .15s}.shop-item:active{transform:scale(.97)}.shop-item.locked{opacity:.35;cursor:not-allowed}.achievement-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000eb;border:1.5px solid #ffd700;border-radius:8px;padding:12px 24px;z-index:100;animation:slideDown .3s ease,fadeOut .5s ease 2.5s forwards;text-align:center;max-width:90vw}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(-20px)}}.label{font-size:8px;letter-spacing:2px;color:#96c8ff66}.sublabel{font-size:9px;letter-spacing:3px;color:#96c8ff59}.stat-val{font-size:20px;font-weight:900;line-height:1.1}.body-text{font-family:Rajdhani,Orbitron,sans-serif;font-weight:600}.xp-bar-outer{width:100%;max-width:280px;height:6px;background:#6496c81a;border-radius:3px;overflow:hidden}.xp-bar-inner{height:100%;border-radius:3px;transition:width .5s ease}.mute-btn{position:absolute;top:8px;right:8px;background:#00000080;border:1px solid rgba(100,150,200,.2);color:#96c8ff80;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:10}