@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes screenShake{0%,to{transform:translate(0,0)}25%{transform:translate(5px,5px)}50%{transform:translate(-5px,-5px)}75%{transform:translate(5px,-5px)}}:root{--primary-color:#00ffff;--danger-color:#ff4444;--energy-color:#aa66cc;--highlight-color:#ffbb33;--missile-color:#f48fb1;--crystal-color:#40c4ff}body,html{margin:0;padding:0;width:100%;height:100%;background-color:#000;font-family:"Exo 2",sans-serif;color:#fff;user-select:none;-webkit-user-select:none;touch-action:manipulation}body.game-over,body.menu-active,body.paused-active{cursor:default}body.game-active #game-canvas{cursor:none}.dashboard-tab,.settings-select,button{cursor:pointer!important}#game-canvas{display:block;background-color:#050510;transition:transform .1s ease-out}#game-canvas.shake{animation:screenShake .3s ease-in-out}#ui-container,.ui-element{display:flex;flex-direction:column;align-items:center}#modal-overlay,#ui-container{top:0;left:0;width:100%;height:100%}#ui-container{position:absolute;justify-content:center;text-align:center;pointer-events:none}#modal-overlay{position:fixed;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:99;display:none;pointer-events:auto}.ui-element{pointer-events:auto;background:rgba(15,15,30,.6);padding:1.5rem 2.5rem;border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,255,255,.25);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);animation:fadeIn 1s ease-out;box-sizing:border-box;width:90%;max-width:90vw;max-height:90vh;overflow-x:hidden}#leaderboard-screen{max-width:700px}#start-screen{gap:10px;max-width:800px}#start-screen .menu-buttons-group{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;width:100%}#settings-screen.modal-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}h1,h2{margin:0;font-weight:700;text-transform:uppercase;color:var(--primary-color);line-height:1.1}h1{font-size:3.5rem;margin-bottom:0;letter-spacing:4px;text-shadow:0 0 5px var(--primary-color),0 0 15px var(--primary-color),0 0 30px var(--primary-color)}h2{font-size:2.2rem;margin-bottom:.3rem;letter-spacing:2px}button,p{font-size:1.1rem}p{margin:.5rem 0 1rem;color:#ddd;max-width:450px;line-height:1.6}button{font-family:"Exo 2",sans-serif;background:0 0;border:2px solid var(--primary-color);color:var(--primary-color);padding:.8rem 1.5rem;border-radius:10px;text-transform:uppercase;transition:all .3s ease;box-shadow:inset 0 0 10px rgba(0,255,255,.3),0 0 10px rgba(0,255,255,.3);animation:pulse 2.5s infinite;margin-top:0;width:100%}button:hover:not(.disabled){background:var(--primary-color);color:#0a0a1a;box-shadow:0 0 25px var(--primary-color),0 0 50px var(--primary-color);transform:scale(1.05);animation:none}#how-to-play-screen button,.leaderboard-footer button{width:auto;padding:.8rem 2.5rem}button.disabled{border-color:#666!important;color:#666!important;cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important}button.disabled:hover{background:0 0!important;box-shadow:inset 0 0 10px rgba(102,102,102,.3),0 0 10px rgba(102,102,102,.3)!important;transform:none!important;animation:none!important}#top-bar{position:absolute;top:0;left:0;width:calc(100% - 40px);padding:15px 20px;display:flex;justify-content:space-between;align-items:flex-start;opacity:0;transition:opacity .5s;background:linear-gradient(to bottom,rgba(5,5,16,.7),transparent);pointer-events:none}#top-bar>*{pointer-events:auto}#highscore-display{font-size:1.1rem;color:var(--highlight-color);text-shadow:0 0 8px var(--highlight-color);line-height:1;text-align:left}.hud-center{display:flex;flex-direction:column;align-items:center}#pause-button{font-size:1.2rem;padding:8px 16px;margin:0;background:rgba(15,15,30,.6);border:1px solid rgba(0,255,255,.25);border-radius:10px;animation:none;pointer-events:auto;width:auto;max-width:80px;display:none}#pause-button:hover{background:var(--primary-color);color:#0a0a1a}#level-display,#score-display,#survival-display{font-size:1.8rem;font-weight:700;text-shadow:0 0 8px var(--primary-color);color:var(--primary-color)}#survival-display{color:var(--energy-color);text-shadow:0 0 8px var(--energy-color)}#level-display{margin-bottom:5px}#level-progress-bar-container{width:250px;height:10px;background-color:rgba(255,255,255,.15);border-radius:5px;overflow:hidden;border:1px solid rgba(0,255,255,.2)}#level-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--primary-color),#0af);border-radius:5px;transition:width .1s linear;box-shadow:0 0 10px var(--primary-color)}#game-over-screen{display:none;flex-direction:column;gap:1rem}#final-score{font-size:1.8rem;color:var(--highlight-color);text-shadow:0 0 8px var(--highlight-color);margin-bottom:0}#final-time{font-size:1.4rem;color:var(--energy-color);text-shadow:0 0 8px var(--energy-color);margin-bottom:.5rem}#new-highscore-msg{font-size:1.2rem;color:var(--primary-color);text-shadow:0 0 8px var(--primary-color);display:none}#event-text{position:absolute;top:25%;left:50%;transform:translateX(-50%);font-size:2.5rem;color:var(--highlight-color);text-shadow:0 0 15px var(--highlight-color);opacity:0;transition:opacity .3s ease-in-out;text-transform:uppercase;font-weight:700;pointer-events:none;z-index:1000;white-space:nowrap;text-align:center}.dashboard-content{max-height:calc(90vh - 200px);overflow-y:auto;overflow-x:hidden}#leaderboard-list,#player-stats{width:90%}@media (max-width:768px) and (orientation:portrait){h1,h2{font-size:2.2rem;margin-bottom:.5rem;letter-spacing:2px}h2{font-size:1.6rem;letter-spacing:1px}button,p{font-size:.85rem}p{max-width:280px;line-height:1.3;margin:.3rem 0 .8rem}button{padding:.8rem 1.2rem;margin-top:0;min-height:44px}.ui-element{padding:1rem;border-radius:12px;max-width:96vw;max-height:92vh}#start-screen{gap:6px;padding:.8rem 1rem}#start-screen .menu-buttons-group{grid-template-columns:1fr;gap:8px;width:100%;margin-top:10px}.name-input-section{margin:.5rem 0;width:100%}.name-input{width:100%;padding:.8rem;font-size:.9rem;border-radius:8px}#top-bar{padding:10px 15px;width:calc(100% - 30px);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"left . right""center center center";row-gap:8px;align-items:center}#highscore-display{grid-area:left;text-align:left;font-size:.8rem}#pause-button{grid-area:right;justify-self:end;font-size:1.2rem;padding:.5rem .8rem;min-width:44px;min-height:44px}.hud-center{grid-area:center;width:100%;margin-top:5px}#level-display,#score-display,#survival-display{font-size:1.1rem}.hud-stats-container{display:flex;gap:15px;justify-content:center}#level-progress-bar-container{width:120px;height:8px}.dashboard-content{max-height:40vh}.dashboard-tabs{flex-wrap:wrap;gap:5px}.dashboard-tab{flex:1;min-width:80px;padding:.6rem .8rem;font-size:.8rem}#game-over-screen{gap:.8rem;padding:1rem}#final-score{font-size:1.5rem}#final-time{font-size:1.2rem}#event-text{font-size:1.5rem;top:20%;padding:0 10px;word-wrap:break-word}#pause-menu{gap:1rem;padding:1.5rem 1rem}}@media (max-width:1024px) and (orientation:landscape) and (max-height:768px){h1,h2{font-size:2rem;margin-bottom:.3rem}h2{font-size:1.4rem}button,p{font-size:.9rem}p{margin:.3rem 0 .6rem;line-height:1.2}.ui-element{padding:.8rem 1.2rem;max-height:90vh;max-width:85vw}#start-screen{gap:5px;padding:.6rem 1rem}#start-screen .menu-buttons-group{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}#top-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;min-height:40px}.hud-center{flex-direction:row;gap:15px;align-items:center}#level-display{margin-bottom:0}#level-display,#score-display,#survival-display{font-size:1.2rem}#level-progress-bar-container{width:150px;height:6px}.dashboard-content{max-height:35vh}.dashboard-tabs{margin-bottom:1rem}.dashboard-tab{padding:.5rem 1rem;font-size:.85rem}#event-text{font-size:1.6rem;top:12%}#pause-menu{padding:1rem 1.5rem;gap:.8rem}button{padding:.6rem 1.2rem}}@media (min-width:769px) and (max-width:1024px){h1{font-size:2.8rem}h2{font-size:1.8rem}button{padding:.9rem 2rem;font-size:1rem;min-height:44px}.ui-element{padding:1.5rem 2rem;max-width:70vw;max-height:85vh}#start-screen{max-width:600px}#start-screen .menu-buttons-group{grid-template-columns:1fr 1fr;gap:12px}#level-display,#score-display,#survival-display{font-size:1.5rem}#level-progress-bar-container{width:200px}.dashboard-content{max-height:50vh}.dashboard-tabs{gap:8px}.dashboard-tab{padding:.8rem 1.5rem;font-size:.95rem}#event-text{font-size:2.2rem}#pause-menu{padding:2rem;gap:1.2rem}}@media (min-width:1440px){h1{font-size:3.8rem;letter-spacing:5px}h2{font-size:2.4rem;letter-spacing:3px}p{font-size:1.2rem;max-width:550px;line-height:1.7}button{padding:1.1rem 2.8rem;font-size:1.3rem}.ui-element{padding:2.5rem 3.5rem;max-width:600px;border-radius:25px}#start-screen{max-width:900px;gap:15px}#start-screen .menu-buttons-group{gap:18px}#top-bar{padding:20px 25px}#level-display,#score-display,#survival-display{font-size:2.2rem}#highscore-display{font-size:1.3rem}#level-progress-bar-container{width:350px;height:12px}.dashboard-content{max-height:60vh}.dashboard-tab{padding:1.2rem 2.5rem;font-size:1.1rem}#event-text{font-size:3.5rem}#pause-menu{padding:3rem;gap:2rem}}@media (hover:none) and (pointer:coarse){.dashboard-tab,button{min-height:48px;padding:.8rem 1.5rem}#pause-button,button{min-width:48px}#pause-button{min-height:48px;font-size:1.4rem;padding:.6rem}.dashboard-tab{touch-action:manipulation}.name-input,.settings-select{min-height:48px;font-size:16px}.volume-slider{height:8px}.volume-slider::-webkit-slider-thumb{width:24px;height:24px}.checkmark{width:24px;height:24px}}@media (max-width:320px){h1{font-size:1.8rem;letter-spacing:1px}h2{font-size:1.3rem}button,p{font-size:.8rem}p{max-width:250px}.ui-element{padding:.8rem;max-width:98vw}#start-screen .menu-buttons-group{gap:6px}button{padding:.7rem 1rem}#top-bar{padding:6px 8px}#level-display,#score-display,#survival-display{font-size:1rem}#event-text{font-size:1.2rem;padding:0 5px}}@media (min-width:1920px){.ui-element{max-width:800px;padding:3rem 4rem}#start-screen{max-width:1000px}h1{font-size:4.5rem}h2{font-size:2.8rem}#event-text{font-size:4rem}}@media (max-width:480px) and (min-height:600px){.ui-element{max-height:88vh}.dashboard-content{max-height:35vh}#start-screen .menu-buttons-group{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.live-dot,button{animation:none}}@media (prefers-contrast:high){.ui-element{background:rgba(0,0,0,.9)}.ui-element,button{border-width:3px}#event-text{text-shadow:2px 2px 0#000,-2px -2px 0#000,2px -2px 0#000,-2px 2px 0#000}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#game-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}