@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{margin:0;padding:0;width:100%;height:100%;background-color:#030712;color:#f3f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.game-container{position:relative;width:100%;height:100%;max-width:500px;margin:0 auto;background-color:#090d16;box-shadow:0 0 40px #000c;border-left:1px solid #1e293b;border-right:1px solid #1e293b;overflow:hidden}.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.1) 0%,transparent 40%),radial-gradient(2px 2px at 40px 60px,#fff,transparent),radial-gradient(1.5px 1.5px at 120px 200px,#fff,transparent),radial-gradient(2px 2px at 200px 350px,#fff,transparent),radial-gradient(1.5px 1.5px at 280px 120px,#fff,transparent),radial-gradient(2px 2px at 350px 450px,#fff,transparent);background-size:100% 100%;animation:bgScroll 20s linear infinite;z-index:0}@keyframes bgScroll{0%{background-position:0px 0px}to{background-position:0px 1000px}}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#090d16f2;z-index:50}.game-logo{font-size:3.5rem;font-weight:900;letter-spacing:.1em;color:#fff;text-shadow:0 0 10px rgba(6,182,212,.8),0 0 20px rgba(6,182,212,.4),0 0 40px rgba(168,85,247,.4)}.btn-primary{background:linear-gradient(135deg,#06b6d4,#8b5cf6);color:#fff;font-weight:700;font-size:1.25rem;padding:1rem 2.5rem;border-radius:9999px;box-shadow:0 0 20px #06b6d480;transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #06b6d4cc}.high-score-badge{background-color:#1e293bcc;border:1px solid rgba(234,179,8,.3);padding:.5rem 1.5rem;border-radius:9999px;font-size:.95rem;color:#e5e7eb}.hud-bar{position:absolute;top:0;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;background:linear-gradient(to bottom,rgba(9,13,22,.9) 0%,transparent 100%);z-index:30}.level-badge{display:flex;align-items:center;gap:.25rem;background-color:#06b6d426;border:1px solid rgba(6,182,212,.4);padding:.25rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:700;color:#22d3ee}.game-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.player-ship{position:absolute;transform:translate(-50%,-50%);transition:left .05s linear;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.ship-body{font-size:3rem;line-height:1;filter:drop-shadow(0 0 10px rgba(6,182,212,.8))}.ship-engine-fire{width:8px;height:15px;background:linear-gradient(to bottom,#f97316,transparent);border-radius:50%;margin-top:-2px;animation:flicker .15s infinite alternate}@keyframes flicker{0%{transform:scaleY(1);opacity:.8}to{transform:scaleY(1.5);opacity:1}}.bullet{position:absolute;width:4px;height:15px;background:linear-gradient(to top,#06b6d4,#22d3ee);border-radius:9999px;transform:translate(-50%,-50%);box-shadow:0 0 10px #06b6d4}.enemy-unit{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.enemy-slime span{filter:drop-shadow(0 0 8px rgba(34,197,94,.6))}.enemy-meteor span{filter:drop-shadow(0 0 8px rgba(249,115,22,.6))}.enemy-ufo span{filter:drop-shadow(0 0 12px rgba(168,85,247,.8))}.enemy-hp-bar{position:absolute;top:-8px;left:10%;width:80%;height:4px;background-color:#00000080;border-radius:9999px;overflow:hidden}.enemy-hp-fill{height:100%;background-color:#ef4444;transition:width .1s ease}.explosion-particle{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.mobile-controls{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(9,13,22,.95) 70%,transparent 100%);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:40;border-top:1px solid rgba(255,255,255,.05)}.control-btn{flex:1;height:60px;background-color:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center}.fire-btn{width:40%;height:60px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-weight:900;font-size:1.1rem;border-radius:16px;box-shadow:0 0 15px #ef444466;border:1px solid rgba(255,255,255,.2)}