:root{--bg-dark: #020617;--panel-bg: rgba(15, 23, 42, .85);--cyan-glow: 0 0 20px rgba(6, 182, 212, .6)}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-dark);color:#fff;font-family:Inter,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#root{width:100%;height:100%}.game-container{display:flex;flex-direction:column;width:100vw;height:100vh;max-width:1000px;margin:0 auto;position:relative;background:#000;box-shadow:0 0 50px #000c}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(to bottom,#020617f2,#02061799);border-bottom:1px solid rgba(6,182,212,.2);z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-viewport{flex:1;position:relative;overflow:hidden;background:#0f172a}.cloud-badge{font-size:.7rem;padding:.2rem .6rem;background:#ffffff0d;border-radius:1rem;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.stat-box{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:.5rem;border:1px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#06b6d41a,#000000e6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-panel{background:var(--panel-bg);padding:3rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #000000b3,inset 0 0 20px #06b6d41a}kbd{background:#1e293b;border:1px solid #334155;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.8em;box-shadow:0 2px #0f172a;margin:0 2px}button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:.75rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none;letter-spacing:.05em}.btn-primary{background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;box-shadow:0 4px 20px #06b6d466;border:1px solid rgba(255,255,255,.2)}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #06b6d499}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.explosion-particle{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,#fde047 20%,#ef4444 60%,transparent 100%);animation:explodeAnim .5s cubic-bezier(.1,.9,.2,1) forwards;mix-blend-mode:screen}@keyframes explodeAnim{0%{transform:translate(-50%,-50%) scale(.2);opacity:1;filter:brightness(2)}50%{opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0;filter:brightness(.5)}}::-webkit-scrollbar{display:none}