#game-root canvas{image-rendering:pixelated;filter:contrast(1.08) saturate(1.14)}#app:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:screen;opacity:.35;z-index:2}.v47-hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:Inter,system-ui,sans-serif;color:#eaf6ff}.v47-topbar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:8px;padding:8px;background:linear-gradient(180deg,#050916db,#03060ef2);border:1px solid rgba(125,220,255,.28);box-shadow:0 18px 60px #0000006b;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}.v47-meta{min-width:74px;padding:7px 10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.v47-meta:first-child{min-width:140px}.v47-meta span{display:block;font-size:9px;letter-spacing:.16em;color:#8fb3df}.v47-meta b{display:block;font-size:18px;line-height:1.1;color:#fff;margin-top:2px}.v47-btn{pointer-events:auto;border:1px solid rgba(123,211,255,.25);background:#7bd3ff14;color:#eaf6ff;font-weight:900;padding:0 13px;cursor:pointer}.v47-bars-panel{position:absolute;top:96px;left:50%;transform:translate(-50%);width:min(680px,68vw);display:grid;gap:8px;padding:10px;background:#03060eb8;border:1px solid rgba(125,220,255,.18);box-shadow:0 16px 50px #00000059}.v47-bigbar{position:relative;height:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.09);overflow:hidden}.v47-bigbar i{display:block;height:100%;width:0;transition:width .12s linear}.v47-bigbar.hp i{background:linear-gradient(90deg,#ff5c8a,#ffb17b)}.v47-bigbar.shield i{background:linear-gradient(90deg,#5bdcff,#7c8cff)}.v47-bigbar.xp i{background:linear-gradient(90deg,#72ffca,#ffcf68)}.v47-bigbar span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:900;text-shadow:1px 1px 0 #02040b}.v47-build-card{position:absolute;left:18px;top:96px;width:260px;padding:14px;background:linear-gradient(180deg,#050916d1,#03060eeb);border:1px solid rgba(125,220,255,.24);box-shadow:0 18px 60px #0006;clip-path:polygon(0 8px,8px 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.v47-build-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.v47-build-head span{font-size:10px;letter-spacing:.18em;color:#7bdcff}.v47-build-head b{font-size:12px;color:#ffcf68}.v47-build-row{display:grid;grid-template-columns:42px 1fr 30px;gap:8px;align-items:center;margin:7px 0;font-size:12px}.v47-build-row i{height:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.09);overflow:hidden}.v47-build-row i b{display:block;height:100%;background:linear-gradient(90deg,#5bdcff,#9c8cff,#ffcf68)}.v47-build-row em{font-style:normal;text-align:right;color:#cbdcff}.v47-stat-grid{position:absolute;right:18px;top:96px;width:300px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.v47-stat-grid div{padding:10px 12px;background:#050916c7;border:1px solid rgba(255,255,255,.1)}.v47-stat-grid span{display:block;font-size:10px;color:#89a5ca;letter-spacing:.14em}.v47-stat-grid b{display:block;margin-top:3px;color:#fff;font-size:18px}.v47-skills{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:10px;padding:10px;background:#03060ec2;border:1px solid rgba(125,220,255,.2);box-shadow:0 18px 60px #00000073}.v47-skill{position:relative;width:72px;height:76px;display:grid;place-items:center;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--skill-accent,#7bdcff) 18%,transparent),#050916f2 62%);border:1px solid color-mix(in srgb,var(--skill-accent,#7bdcff) 55%,transparent);overflow:hidden}.v47-skill strong{position:absolute;left:6px;top:5px;font-size:10px;color:var(--skill-accent,#7bdcff)}.v47-skill>b{font-size:22px;color:#fff;text-shadow:0 0 14px var(--skill-accent,#7bdcff)}.v47-skill span{position:absolute;bottom:16px;font-size:9px;text-align:center;color:#dcecff}.v47-skill em{position:absolute;bottom:4px;font-style:normal;font-size:9px;color:#fff}.v47-skill>i{position:absolute;left:0;right:0;bottom:0;background:#0000009e;z-index:1}.v47-skill.melee{border-color:#ffcf68bf}.v47-toast{position:fixed;left:50%;top:190px;transform:translate(-50%);z-index:40;padding:12px 18px;background:#050916e0;border:1px solid rgba(255,207,104,.35);color:#ffcf68;font-weight:900;box-shadow:0 18px 60px #00000073}.v47-boss-warning{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:45;padding:18px 32px;background:#460014c7;border:1px solid rgba(255,80,130,.55);font-size:32px;font-weight:900;color:#fff;letter-spacing:.16em;box-shadow:0 0 80px #ff508259}.v47-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#03060ead;backdrop-filter:blur(10px);pointer-events:auto}.v47-dialog{width:min(640px,92vw);padding:24px;background:linear-gradient(180deg,#070c1ef5,#030610fa);border:1px solid rgba(123,211,255,.26);box-shadow:0 26px 90px #0000008c}.v47-dialog.small{width:min(360px,90vw);text-align:center}.v47-dialog header{display:flex;justify-content:space-between;align-items:center}.v47-dialog h2{margin:0;color:#fff}.v47-dialog button{border:1px solid rgba(123,211,255,.25);background:#7bd3ff14;color:#eaf6ff;padding:10px 16px;cursor:pointer}.v47-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.v47-dialog-grid div{padding:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.v47-dialog-grid span{display:block;color:#8fb3df;font-size:12px;margin-bottom:5px}.v47-dialog-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.v47-dmg{position:absolute;left:0;top:0;pointer-events:none;z-index:30;font-family:monospace;font-size:15px;font-weight:900;color:#e8f7ff;text-shadow:2px 2px 0 #061024,0 0 12px rgba(123,211,255,.65);will-change:transform,opacity}.v47-dmg.crit{font-size:20px;color:#ffcf68;text-shadow:2px 2px 0 #2d1600,0 0 16px rgba(255,207,104,.75)}@media (max-width:980px){.v47-topbar{left:10px;right:10px;transform:none;overflow:auto}.v47-bars-panel{top:88px;width:92vw}.v47-build-card{top:182px;left:10px;width:220px}.v47-stat-grid{display:none}.v47-skills{max-width:96vw;overflow:auto}.v47-skill{min-width:66px}}:root{--bg:#050816;--card:rgba(9,14,36,.72);--line:rgba(120,155,255,.18);--text:#eef4ff;--muted:#99a7d4;--accent:#7bd3ff;--accent2:#9c8cff;--gold:#ffcf68;--shadow:0 14px 50px rgba(0,0,0,.45)}#game-hud{position:fixed;inset:0;z-index:10;pointer-events:none}#game-hud>*{pointer-events:auto}.hud-top-left{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:8px}.hud-wave,.hud-time{display:flex;flex-direction:column;padding:8px 14px;border-radius:12px;background:#080c1cb8;border:1px solid rgba(123,211,255,.22)}.hud-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.hud-value{font-size:22px;font-weight:800;letter-spacing:.02em;color:#fff}.hud-skills{position:absolute;bottom:90px;left:20px;display:flex;gap:10px}.hud-skill{position:relative;width:62px;height:62px;border-radius:14px;background:#080c1cd1;border:1px solid rgba(123,211,255,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:.2s border-color,.2s box-shadow}.hud-skill.ready{border-color:#7bd3ff80;box-shadow:0 0 20px #7bd3ff26}.hud-skill.ready:hover{transform:scale(1.06);box-shadow:0 0 30px #7bd3ff4d}.hud-skill-key{position:absolute;top:4px;left:6px;font-size:11px;font-weight:700;color:var(--muted)}.hud-skill-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#7bd3ff2e,#9c8cff1f);display:flex;align-items:center;justify-content:center}.hud-skill-name{font-size:10px;font-weight:600;color:var(--accent);text-align:center}.hud-skill-cd-mask{position:absolute;bottom:0;left:0;right:0;background:#000000a6;transition:.1s height}.hud-skill-cd-text{position:absolute;bottom:3px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hud-xp-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:min(420px,60vw);height:32px;border-radius:16px;background:#080c1cb8;border:1px solid rgba(123,211,255,.2);overflow:hidden}.hud-xp-fill{height:100%;background:linear-gradient(90deg,#7bd3ff80,#9c8cff99);border-radius:15px;transition:.3s width}.hud-xp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.hud-bottom-right{position:absolute;bottom:20px;right:20px}.hud-btn{padding:12px;border-radius:12px;background:#080c1cb8;border:1px solid rgba(123,211,255,.2);color:var(--muted);transition:.2s all}.hud-btn:hover{background:#7bd3ff26;border-color:var(--accent);color:#fff}*{box-sizing:border-box}html,body,#root,#app{margin:0;height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:#040713;overflow:hidden}button{font:inherit;border:none;cursor:pointer}#menu-bg{position:fixed;inset:0;background:url(/assets/art/arena_bg.png) center/cover no-repeat;filter:saturate(1.06) brightness(.78);transform:scale(1.04);transition:opacity .35s ease}#menu-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(72,143,255,.14),transparent 45%),linear-gradient(180deg,#04071347,#040713c7 55%,#040713f5)}#game-root{position:fixed;inset:0;z-index:1}.screen,.overlay{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:24px}.screen-inner,.overlay-card{width:min(1200px,95vw);background:linear-gradient(180deg,#080c1fdb,#050816e6);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.screen-inner:before,.overlay-card:before{content:"";position:absolute;inset:-30% auto auto -10%;width:400px;height:400px;background:radial-gradient(circle,rgba(112,180,255,.18),transparent 60%);pointer-events:none}.hero-panel{padding:32px 36px;min-height:560px;display:flex;flex-direction:column;justify-content:space-between}.brand-row,.mini-brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7bd3ffeb,#8c74fff5);font-weight:800;color:#fff;box-shadow:0 12px 30px #5b80ff59}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:14px}.brand-title{font-size:20px;font-weight:800;letter-spacing:.02em}.brand-title.small{font-size:14px}.brand-sub{font-size:14px;color:var(--muted)}.brand-sub.small{font-size:12px}.hero-copy{max-width:760px;margin-top:20px}.hero-copy h1{font-size:56px;line-height:1.05;margin:0 0 18px;white-space:pre-line;text-shadow:0 10px 40px rgba(63,110,255,.22)}.hero-copy p{font-size:18px;color:#d7e3ff;line-height:1.7;max-width:760px}.hero-actions,.actions-row{display:flex;gap:14px;flex-wrap:wrap}.primary-btn,.ghost-btn,.upgrade-card button{padding:14px 22px;border-radius:16px;font-weight:700;transition:.2s transform,.2s opacity,.2s background}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061120;box-shadow:0 14px 30px #6c8fff42}.primary-btn:hover,.ghost-btn:hover,.upgrade-card button:hover{transform:translateY(-1px)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{background:#ffffff0f;color:var(--text);border:1px solid var(--line)}.character-select-screen{background:linear-gradient(180deg,#040714f5,#060a1cfa)}.character-select-screen .screen-inner{background:transparent;border:none;box-shadow:none}.select-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.atmosphere-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(120,155,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,155,255,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.atmosphere-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.atmosphere-glow.glow-1{width:500px;height:500px;background:radial-gradient(circle,rgba(123,211,255,.25),transparent 70%);top:-20%;right:-10%}.atmosphere-glow.glow-2{width:400px;height:400px;background:radial-gradient(circle,rgba(156,140,255,.2),transparent 70%);bottom:-15%;left:-5%}.atmosphere-particles{position:absolute;inset:0}.atmosphere-particles .particle{position:absolute;width:4px;height:4px;background:#7bd3ff99;border-radius:50%;left:var(--x);animation:floatParticle 8s ease-in-out infinite;animation-delay:var(--delay)}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-200px) scale(1.5);opacity:0}}.selection-panel{padding:32px 36px 28px;position:relative;z-index:1}.selection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.selection-header .header-content{flex:1}.selection-header .brand-title{font-size:28px;font-weight:900;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#7bd3ffcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.selection-header .brand-sub{font-size:15px;color:var(--muted);margin-top:6px}.back-btn{padding:10px 18px;font-size:14px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.character-card{position:relative;background:linear-gradient(180deg,#0c122dd1,#080c20e0);border:1px solid rgba(120,155,255,.14);border-radius:24px;overflow:hidden;cursor:pointer;transition:.3s transform,.3s border,.3s box-shadow,.3s background;animation:cardFadeIn .5s ease-out backwards;animation-delay:calc(var(--index) * .1s)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}}.character-card:hover{transform:translateY(-6px);border-color:#95beff66;background:linear-gradient(180deg,#101837e0,#0a1028eb)}.character-card.selected{border-color:#7cd0ffe6;box-shadow:0 0 40px #7cd0ff33,0 25px 60px #0006}.character-card.selected:hover{transform:translateY(-4px)}.card-glow{position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(135deg,#7bd3ff4d,#9c8cff33);opacity:.8;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.character-portrait{position:relative;aspect-ratio:3/4;overflow:hidden}.character-portrait img{width:100%;height:100%;object-fit:cover;transition:.4s transform}.character-card:hover .character-portrait img{transform:scale(1.05)}.portrait-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,12,32,.95) 100%)}.portrait-frame{position:absolute;inset:0;border:1px solid rgba(120,155,255,.12);pointer-events:none}.card-body{padding:18px 20px 20px}.card-tags{margin-bottom:10px}.role-tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;background:#ffffff0f;border:1px solid var(--role-color);color:var(--role-color)}.character-name{margin:0;font-size:24px;font-weight:800;letter-spacing:.02em}.character-title{font-size:13px;color:var(--muted);margin:4px 0 12px}.character-desc{font-size:13px;color:#c8d6ff;line-height:1.6;margin:0 0 16px;min-height:52px}.character-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.stat-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:12px}.stat-icon{color:var(--badge-color)}.stat-value{color:var(--text);font-weight:600}.passive-section{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:14px;background:#7bd3ff0f;border:1px solid rgba(123,211,255,.12)}.passive-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent);background:#7bd3ff26;padding:3px 8px;border-radius:6px}.passive-text{font-size:12px;color:#d0dfff;line-height:1.5;flex:1}.select-indicator{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#7cd0ff26;border:1px solid rgba(124,208,255,.3);opacity:0;transform:translate(10px);transition:.3s all}.character-card.selected .select-indicator{opacity:1;transform:translate(0)}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#7bd3ff;box-shadow:0 0 10px #7bd3ffcc;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.indicator-text{font-size:11px;font-weight:700;color:#7bd3ff;letter-spacing:.04em}.selection-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(120,155,255,.1)}.footer-info{display:flex;align-items:center;gap:10px}.selected-label{font-size:13px;color:var(--muted)}.selected-name{font-size:20px;font-weight:800}.placeholder-text{font-size:15px;color:var(--muted)}.confirm-btn{padding:16px 28px;font-size:15px;display:flex;align-items:center;gap:10px}.confirm-btn .btn-arrow{transition:.2s transform}.confirm-btn:hover .btn-arrow{transform:translate(4px)}#game-ui{position:fixed;inset:0;z-index:2;pointer-events:none}.card{background:linear-gradient(180deg,#080c1fc7,#050816c7);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.top-bar{position:fixed;left:20px;right:20px;top:18px;height:70px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stat{min-width:90px;padding:8px 12px;border-radius:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;margin-top:4px;font-size:20px}.left-panel,.right-panel{position:fixed;top:100px;width:245px;padding:16px;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.left-panel{left:12px;bottom:172px}.right-panel{right:12px;bottom:172px}.panel-title{font-size:14px;font-weight:800;color:#dce7ff;letter-spacing:.03em}.mt{margin-top:8px}.bar-row{display:flex;justify-content:space-between;color:#dce7ff;font-size:13px;margin-bottom:6px}.meter{height:12px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.meter>div{height:100%;border-radius:999px;transition:width .18s ease}.meter.hp>div{background:linear-gradient(90deg,#ff7790,#ff5276)}.meter.shield>div{background:linear-gradient(90deg,#5dd6ff,#7a8dff)}.meter.xp>div{background:linear-gradient(90deg,#74f0d9,#5db1ff)}.compact-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.compact-stats>div{padding:10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.compact-stats span{display:block;font-size:12px;color:var(--muted)}.compact-stats strong{display:block;margin-top:4px}.minimap{width:100%;border-radius:16px;background:#040814d9;border:1px solid rgba(255,255,255,.08)}.skill-list{display:flex;flex-direction:column;gap:10px;overflow:auto}.skill-item{padding:10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.skill-item .head{display:flex;justify-content:space-between;gap:8px}.skill-item .name{font-weight:700}.skill-item .key{font-size:12px;color:var(--accent)}.skill-item p{margin:6px 0 0;font-size:12px;color:#c8d6ff;line-height:1.5}.skill-cd{height:8px;border-radius:999px;background:#ffffff0d;margin-top:8px;overflow:hidden}.skill-cd>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}.log-list{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:180px}.log-entry{font-size:12px;padding:8px 10px;border-radius:12px;background:#ffffff09;color:#c7d8ff}.bottom-bar{position:fixed;left:180px;right:180px;bottom:18px;height:136px;padding:14px 18px;display:flex;gap:18px;justify-content:space-between;pointer-events:auto}.bottom-left{flex:1;min-width:0}.bottom-right{width:320px}.hotbar{display:flex;gap:10px;align-items:stretch;margin-top:8px;overflow:auto;padding-bottom:4px}.hotbar-item{width:108px;padding:10px 10px 12px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between}.hotbar-item .row{display:flex;justify-content:space-between;align-items:center}.hotbar-item .icon{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#7bd3ff47,#9c8cff47);display:grid;place-items:center;font-weight:800}.hotbar-item .skill-name{font-size:13px;font-weight:700;margin-top:10px}.hotbar-item .cd{font-size:12px;color:var(--muted);margin-top:4px}.hotbar-item .meter{height:6px;margin-top:8px}.upgrade-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.up-chip{padding:8px 12px;border-radius:999px;background:#85a3ff1f;border:1px solid rgba(133,163,255,.16);font-size:12px;color:#d5e1ff}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:172px;background:#070b1cdb;border:1px solid rgba(120,165,255,.28);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);z-index:6;pointer-events:none}.boss-warning{position:fixed;inset:0;z-index:7;background:#050713b8;display:flex;align-items:center;justify-content:center;gap:18px;padding:30px;pointer-events:none}.boss-warning img{width:min(48vw,760px);border-radius:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px #00000080}.boss-warning-text .caption{font-size:14px;letter-spacing:.2em;color:#ffc0cf;font-weight:800}.boss-warning-text .name{font-size:52px;font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,70,120,.3)}.boss-warning-text .sub{max-width:360px;color:#ffe0e8;line-height:1.6}.overlay{z-index:9;background:#040712c2;backdrop-filter:blur(10px)}.overlay-card{padding:28px 28px 26px;max-width:760px}.overlay-card.wide{max-width:1000px}.overlay-card h2{margin:0 0 8px;font-size:34px}.overlay-card p{color:#d2defd}.upgrade-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.upgrade-card{position:relative;padding:0;border-radius:22px;background:var(--rarity-bg);border:1px solid var(--rarity-border);display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:.25s transform,.25s box-shadow,.25s background,.25s border-color;overflow:hidden}.upgrade-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--rarity-glow);border-color:var(--rarity-text)}.upgrade-card .card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--rarity-glow),transparent 60%);opacity:0;transition:.3s opacity;pointer-events:none}.upgrade-card:hover .card-glow{opacity:1}.upgrade-card .card-inner{padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.upgrade-card .card-icon{font-size:42px;margin-bottom:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.upgrade-card .rarity-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--rarity-text);text-transform:uppercase}.upgrade-card .rarity-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.upgrade-card .card-title{margin:0;font-size:22px;font-weight:700;color:#fff}.upgrade-card .card-desc{margin:0;line-height:1.6;font-size:14px;color:var(--muted)}.upgrade-card .card-action{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:12px 14px;border-radius:12px;background:#ffffff0f;color:var(--text);font-size:13px;font-weight:600;transition:.2s background,.2s color}.upgrade-card:hover .card-action{background:var(--rarity-text);color:#050816}.upgrade-modal .modal-header{text-align:center;margin-bottom:8px}.upgrade-modal .modal-header h2{margin:0 0 6px;font-size:34px}.upgrade-modal .modal-header p{color:var(--muted);margin:0}.game-over-screen{background:#040712d1;backdrop-filter:blur(12px)}.game-over-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.game-over-atmosphere .atmosphere-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(120,155,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(120,155,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.6}.game-over-atmosphere .atmosphere-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.game-over-atmosphere .glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(123,211,255,.2),transparent 70%);top:-25%;right:-15%}.game-over-atmosphere .glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(156,140,255,.18),transparent 70%);bottom:-20%;left:-10%}.game-over-card{width:min(820px,92vw);padding:42px 38px 38px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px}.game-over-header{margin-bottom:8px}.result-badge{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);animation:badgeSlideIn .6s ease-out}@keyframes badgeSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}}.result-badge.win{background:linear-gradient(135deg,#7bd3ff40,#9c8cff26);border-color:#7cd0ff66}.result-badge.lose{background:linear-gradient(135deg,#ff779033,#ff779014);border-color:#ff779066}.badge-icon{font-size:22px;filter:drop-shadow(0 0 8px currentColor)}.result-badge.win .badge-icon{color:var(--accent);animation:pulseIcon 2s ease-in-out infinite}.result-badge.lose .badge-icon{color:#ff7790}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.badge-text{font-size:26px;font-weight:900;letter-spacing:.04em}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.stat-card{position:relative;padding:2px;border-radius:22px;background:linear-gradient(135deg,#ffffff1a,#ffffff0a);animation:statCardFadeIn .5s ease-out backwards}@keyframes statCardFadeIn{0%{opacity:0;transform:translateY(16px) scale(.96)}}.stat-card-glow{position:absolute;inset:-2px;border-radius:24px;background:linear-gradient(135deg,var(--card-accent),transparent);opacity:.3;filter:blur(8px)}.stat-card-inner{padding:22px 24px;border-radius:20px;background:linear-gradient(180deg,#080c20e6,#050816f2);display:flex;flex-direction:column;gap:8px}.stat-label{font-size:13px;color:var(--muted);letter-spacing:.04em}.stat-value{font-size:36px;font-weight:800;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#c8d7ffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-reveal{width:100%;padding:28px;border-radius:24px;background:linear-gradient(135deg,#7bd3ff1f,#9c8cff14);border:1px solid rgba(124,208,255,.2);text-align:center;animation:scoreRevealIn .6s ease-out backwards}@keyframes scoreRevealIn{0%{opacity:0;transform:scale(.95)}}.score-label{display:block;font-size:13px;color:var(--accent);letter-spacing:.12em;margin-bottom:8px}.score-value{font-size:52px;font-weight:900;letter-spacing:.02em;background:linear-gradient(135deg,#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,207,104,.25)}.game-over-actions{display:flex;gap:14px;margin-top:8px}.restart-btn,.menu-btn{padding:16px 32px;font-size:16px;display:flex;align-items:center;gap:10px}.btn-icon{font-size:20px;transition:.3s transform}.restart-btn:hover .btn-icon{transform:rotate(180deg)}@media (max-width:640px){.game-over-card{padding:28px 20px}.badge-text{font-size:20px}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:28px}.score-value{font-size:38px}.game-over-actions{flex-direction:column;width:100%}.restart-btn,.menu-btn{width:100%;justify-content:center}}@media (max-width:1200px){.character-grid{grid-template-columns:1fr}.left-panel,.right-panel{width:210px}.bottom-bar{left:12px;right:12px;height:auto;flex-direction:column}.bottom-right{width:auto}}@media (max-width:920px){.hero-copy h1{font-size:38px}.left-panel,.right-panel{display:none}.top-bar{height:auto;flex-direction:column;align-items:flex-start}.top-stats{justify-content:flex-start}.bottom-bar{bottom:12px}.boss-warning{flex-direction:column}.boss-warning img{width:min(88vw,760px)}.boss-warning-text .name{font-size:36px}.upgrade-options,.result-summary{grid-template-columns:1fr}}.v45-hud{font-family:Inter,system-ui,sans-serif}.v45-chip{min-width:78px;background:linear-gradient(180deg,#0a122ac7,#050816e0);border:1px solid rgba(115,217,255,.24);box-shadow:0 10px 32px #00000059,inset 0 0 22px #50a0ff0d}.v45-chip .hud-label{color:#8eb6df}.v45-chip .hud-value{font-size:24px;text-shadow:0 0 18px rgba(119,220,255,.18)}.v45-skills{bottom:28px!important;left:22px!important;gap:12px!important;padding:10px;border-radius:22px;background:linear-gradient(180deg,#0508129e,#070c1ad1);border:1px solid rgba(104,216,255,.16);box-shadow:0 18px 45px #00000061;backdrop-filter:blur(12px)}.v45-skill{width:72px!important;height:72px!important;border-radius:18px!important;border-color:color-mix(in srgb,var(--skill-accent,#7bd3ff) 44%,transparent)!important;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--skill-accent,#7bd3ff) 18%,transparent),#070b1ce6 62%)!important;box-shadow:inset 0 0 24px #ffffff08,0 0 18px color-mix(in srgb,var(--skill-accent,#7bd3ff) 18%,transparent)!important}.v45-skill.ready{box-shadow:0 0 26px color-mix(in srgb,var(--skill-accent,#7bd3ff) 28%,transparent),inset 0 0 22px #ffffff0d!important}.v45-skill.melee{border-color:#ffcf68ad!important;box-shadow:0 0 28px #ffcf6838!important}.hud-skill-glyph{font-size:21px;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 12px var(--skill-accent,#7bd3ff)}.v45-skill .hud-skill-icon{width:48px!important;height:48px!important;flex-direction:column;background:transparent!important;gap:2px}.v45-skill .hud-skill-name{font-size:9px!important;line-height:1.1;color:#dfeaff!important;max-width:58px;white-space:normal}.v45-skill .hud-skill-key{top:5px!important;left:7px!important;color:var(--skill-accent,#7bd3ff)!important}.v45-xp{bottom:20px!important;width:min(520px,46vw)!important;height:28px!important;border:1px solid rgba(116,220,255,.25)!important;box-shadow:0 0 30px #5ab4ff14,inset 0 0 16px #7bd3ff0f}.v45-xp .hud-xp-fill{background:linear-gradient(90deg,#5bdcff,#9c8cff,#ffcf68)!important;box-shadow:0 0 16px #7bd3ff6b}.v45-hp{top:auto!important;left:50%!important;bottom:58px!important;transform:translate(-50%);width:min(420px,42vw)!important;height:18px!important;border:1px solid rgba(255,118,147,.24);border-radius:999px;background:#050816b8;overflow:hidden;box-shadow:0 0 28px #ff507814}.v45-hp .hud-hp-fill{height:100%;background:linear-gradient(90deg,#ff5c8a,#ffb17b);box-shadow:0 0 18px #ff608647}.v45-hp .hud-hp-text{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8)}.v45-actions{display:flex;gap:10px;bottom:20px!important;right:20px!important}.v45-actions .hud-btn{min-width:46px;height:46px;font-weight:900;font-size:18px;border-radius:14px;background:linear-gradient(180deg,#0a122ab8,#050816e0);border:1px solid rgba(116,220,255,.22);color:#dceaff;box-shadow:0 12px 28px #00000052}.v45-toast{font-size:16px;font-weight:900;letter-spacing:.02em;border:1px solid rgba(123,211,255,.28);box-shadow:0 18px 52px #0000006b,0 0 34px #7bd3ff1a}.v45-settings-overlay{z-index:50!important}.v45-settings-card{width:min(520px,92vw);padding:26px;background:linear-gradient(180deg,#090e24eb,#050816f5);border:1px solid rgba(123,211,255,.22);box-shadow:0 24px 80px #00000080}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-head h2{margin:0;font-size:28px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.settings-grid>div{padding:14px 16px;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.settings-grid span{display:block;font-size:12px;color:#8ea4cb;margin-bottom:6px}.settings-grid strong{display:block;font-size:14px;color:#eef4ff}@media (max-width:900px){.v45-skills{left:10px!important;bottom:78px!important;transform:scale(.86);transform-origin:left bottom}.v45-xp{width:74vw!important}.v45-hp{width:72vw!important}.settings-grid{grid-template-columns:1fr}}