@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Rajdhani:wght@400;500;700&display=swap";:root{--bg-ink: #04131e;--bg-shadow: #01060a;--panel: rgba(5, 20, 31, .76);--line: rgba(98, 201, 255, .45);--glow: #27f7ff;--hot: #ff4676;--text: #def9ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Rajdhani,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(39,247,255,.18),transparent 52%),radial-gradient(circle at 82% 14%,rgba(255,70,118,.2),transparent 45%),linear-gradient(180deg,var(--bg-ink),var(--bg-shadow))}.chrome-wrap{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.hud-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#061822e0,#06182273);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.brand{font-family:Audiowide,sans-serif;letter-spacing:.08em;color:#9af8ff;text-shadow:0 0 10px rgba(39,247,255,.64)}.hud-group{display:flex;flex-wrap:wrap;gap:14px;font-weight:700}.hud-group span{border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:#05111bb8}.meter{display:grid;gap:0}.meter-track{border:1px solid rgba(122,230,255,.5);border-radius:999px;height:28px;background:repeating-linear-gradient(90deg,#9af4ff14 0,#9af4ff14 8px,#081b27b8 8px,#081b27b8 16px);overflow:hidden}.meter-fill{height:100%;width:0%;transition:width .14s cubic-bezier(.15,.72,.25,1);box-shadow:0 0 16px currentcolor}.energy-fill{background:linear-gradient(90deg,#ff4f7a,#ff9d5c);color:#ff7d7d}.shield-fill{background:linear-gradient(90deg,#29e6ff,#6db7ff);color:#56dcff}.frame-hud{position:absolute;left:50%;top:14px;transform:translate(-50%);width:min(1120px,calc(100% - 30px));display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"health shield";gap:8px 14px;padding:10px 18px;border:1px solid rgba(110,228,255,.42);border-radius:20px;background:linear-gradient(180deg,#031322c7,#020b17a3),linear-gradient(120deg,#3ddfff14,#ff507b0f);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;z-index:3}.frame-hud:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:20px;border:1px solid rgba(118,239,255,.16);clip-path:polygon(2% 0,98% 0,100% 26%,100% 74%,98% 100%,2% 100%,0 74%,0 26%);pointer-events:none}.boss-health-wrap{position:absolute;left:50%;top:64px;transform:translate(-50%);width:min(980px,calc(100% - 70px));display:none;gap:4px;z-index:3;pointer-events:none}.boss-health-wrap.active{display:grid}.boss-health-name{font:700 .78rem Audiowide,sans-serif;letter-spacing:.11em;text-align:center;color:#ffd2ee;text-shadow:0 0 12px rgba(255,73,155,.85),0 0 24px rgba(138,242,255,.42)}.boss-health-track{position:relative;border:1px solid rgba(255,114,170,.7);border-radius:999px;height:20px;background:repeating-linear-gradient(90deg,#ff62a91a 0,#ff62a91a 9px,#260e1edb 9px,#260e1edb 18px);overflow:hidden;box-shadow:0 0 0 1px #ffa6da33,0 0 26px #ff349359}.boss-health-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff29,#fff0);pointer-events:none}.boss-health-fill{height:100%;width:100%;background:linear-gradient(90deg,#fff2a5,#ff8f3f 24%,#ff5378 64%,#ff2dd4);box-shadow:inset 0 0 14px #ffffff47,0 0 22px #ff40abb8;transition:width .18s cubic-bezier(.18,.75,.22,1)}.boss-health-wrap.critical .boss-health-track{animation:godlikePulse .42s steps(2) infinite}@keyframes godlikePulse{0%{box-shadow:0 0 0 1px #ffa6da47,0 0 24px #ff349373}to{box-shadow:0 0 0 1px #ffcae06b,0 0 36px #ff3c54bd}}.meter-health{grid-area:health}.meter-shield{grid-area:shield}.hud-corner{position:absolute;bottom:14px;z-index:3;pointer-events:none;border:1px solid rgba(102,224,255,.36);border-radius:10px;background:#04131fa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 10px;font-size:.8rem;font-weight:700;letter-spacing:.04em;opacity:.96}.hud-level-corner{left:14px}.hud-weapon-corner{right:14px;text-align:right}.hud-powerup-info{position:absolute;left:50%;bottom:48px;transform:translate(-50%);max-width:min(88%,980px);z-index:3;pointer-events:none;text-align:center;font-size:.76rem;font-weight:700;color:#b8f8ff;letter-spacing:.03em;text-shadow:0 0 14px rgba(89,238,255,.35)}.stage-wrap{padding:14px;display:grid;place-items:center}.play-frame{position:relative;width:min(96vw,1400px);height:min(calc(100vh - 154px),78vw);max-height:84vh}#game-canvas{width:100%;height:100%;display:block;border:1px solid rgba(114,219,255,.5);border-radius:16px;box-shadow:0 0 0 1px #72dbff40,0 24px 45px #0000007a,inset 0 0 120px #28f8ff14;background:#04070b}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:22px;border-radius:16px;background:linear-gradient(180deg,#020910a8,#020910d6),repeating-linear-gradient(to bottom,rgba(30,255,255,.05) 0,rgba(30,255,255,.05) 2px,transparent 2px,transparent 6px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.active{display:flex}.draft-screen{justify-content:center;gap:14px}.draft-choice-grid{width:min(980px,94%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.draft-choice{border:1px solid rgba(120,230,255,.42);border-radius:14px;background:linear-gradient(165deg,#081c2be6,#08101dd6),linear-gradient(120deg,#53ecff14,#ff60a012);color:#defaff;padding:11px 12px;text-align:left;display:grid;gap:8px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.draft-choice:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 0 20px #46e4ff73;border-color:#97f4ffcc}.draft-choice h3{margin:0;font:700 1.05rem Audiowide,sans-serif;letter-spacing:.04em}.draft-choice p{margin:0;font-size:.88rem;opacity:.95}.relic-meta{font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;opacity:.84}.relic-common{border-color:#81e4ff75}.relic-rare{border-color:#82ffb88c}.relic-epic{border-color:#ff93ed9e}.overlay h1,.overlay h2{margin:0;font-family:Audiowide,sans-serif;letter-spacing:.06em}.tagline{max-width:680px;font-size:1.25rem}.action-btn{border:1px solid rgba(91,226,255,.8);color:#e8feff;background:linear-gradient(90deg,#1a5b7ec7,#c22758ad);border-radius:999px;padding:10px 30px;font:700 1.02rem Rajdhani,sans-serif;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.action-btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 0 18px #35ebff99}.controls{margin:0;opacity:.95}.score-level-select-wrap{display:inline-flex;align-items:center;gap:8px;font-weight:700}.score-level-select-wrap select{border:1px solid rgba(120,232,255,.55);border-radius:10px;background:#061621d1;color:#dffbff;font:700 .95rem Rajdhani,sans-serif;padding:5px 9px}#overall-highscore-list,#highscore-list,#game-over-highscore-list{margin:0;padding:0 4px 0 0;list-style:none;width:min(480px,90%);display:grid;gap:6px;max-height:230px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(108,233,255,.72) rgba(6,20,33,.7)}#overall-highscore-list::-webkit-scrollbar,#highscore-list::-webkit-scrollbar,#game-over-highscore-list::-webkit-scrollbar{width:8px}#overall-highscore-list::-webkit-scrollbar-track,#highscore-list::-webkit-scrollbar-track,#game-over-highscore-list::-webkit-scrollbar-track{background:#061421b3;border-radius:999px}#overall-highscore-list::-webkit-scrollbar-thumb,#highscore-list::-webkit-scrollbar-thumb,#game-over-highscore-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7eeeffeb,#48b4ffd6);border-radius:999px}#overall-highscore-list li,#highscore-list li,#game-over-highscore-list li{display:flex;justify-content:space-between;border:1px solid rgba(102,225,255,.28);border-radius:12px;padding:6px 10px;background:#05131db8}.score-form{width:min(420px,92%);display:grid;gap:8px;justify-items:center}.score-form label{font-weight:700;letter-spacing:.05em}.score-form input{width:100%;border:1px solid rgba(121,228,255,.62);border-radius:10px;background:#021119c7;color:#e8fdff;font:600 1rem Rajdhani,sans-serif;text-transform:uppercase;padding:9px 12px;outline:none}.score-form input:focus{box-shadow:0 0 0 2px #59e9ff52}.score-status{margin:0;min-height:1em;font-size:.92rem;opacity:.9}.footer-note{text-align:center;padding:8px 12px 14px;font-size:.85rem;opacity:.7}@media(max-width:900px){.hud-bar{flex-direction:column;align-items:flex-start}.brand{font-size:.92rem}.play-frame{height:min(calc(100vh - 220px),100vw)}.frame-hud{width:calc(100% - 18px);top:8px;padding:9px 10px;grid-template-columns:1fr;grid-template-areas:"health" "shield";gap:6px}.boss-health-wrap{top:62px;width:calc(100% - 26px)}.boss-health-name{font-size:.65rem;letter-spacing:.08em}.boss-health-track{height:15px}.hud-corner,.hud-powerup-info{font-size:.7rem}.hud-corner{bottom:8px;padding:4px 7px}.hud-level-corner{left:8px}.hud-weapon-corner{right:8px}.hud-powerup-info{bottom:32px;max-width:95%}.meter-track{height:22px}.tagline{font-size:1rem}.draft-choice-grid{grid-template-columns:1fr;gap:8px}}