*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--night: #160d24;--panel: #221a2e;--panel-dark: #171221;--arcane: #a855f7;--arcane-light: #d8b4fe;--gold: #f5c542;--gold-dark: #8a5f0a;--crimson: #dc2f3f;--green: #5fbf3f;--green-dark: #3d8a26;--ink: #241d2e;--text: #efe9f7;--text-dim: #b9aecf;--outline: 2px solid #0e0817}html,body{height:100%;overflow:hidden;background:var(--night);color:var(--text);font-family:Trebuchet MS,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-user-select:none;user-select:none}#app{display:flex;width:100vw;height:100dvh}#game-root{position:relative;flex:1;min-width:0;overflow:hidden}#game-root canvas{display:block}#game-root.aiming{cursor:crosshair}#side-panel{width:clamp(300px,24vw,400px);background:linear-gradient(180deg,#241b33 0%,var(--panel-dark) 30%,#120d1c 100%);border-left:3px solid #0e0817;box-shadow:inset 3px 0 12px #00000080;transition:width .22s ease,transform .22s ease;overflow:hidden;display:none;position:relative}#side-panel:before{content:"";position:absolute;inset:0 0 auto;height:90px;background:radial-gradient(120% 100% at 50% 0%,rgba(168,85,247,.16),transparent 70%);pointer-events:none}body.in-battle #side-panel{display:block}body.in-battle.panel-collapsed #side-panel{width:0;border-left-width:0}.panel-inner{display:flex;flex-direction:column;height:100%;min-width:300px;padding:18px 16px 12px}.panel-title{text-align:center;font-size:24px;letter-spacing:1px;color:#fff;text-shadow:0 2px 0 #0e0817,0 0 18px rgba(168,85,247,.55);padding-bottom:14px;border-bottom:2px solid rgba(168,85,247,.25);margin-bottom:14px}.upgrade-list{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto}.upgrade-row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;background:linear-gradient(180deg,#322544,#241b33);border:var(--outline);border-radius:12px;padding:12px;color:var(--text);font:inherit;cursor:pointer;box-shadow:0 3px #0e0817,inset 0 1px #ffffff14;transition:transform .08s ease,box-shadow .08s ease,filter .12s;min-height:52px}.upgrade-row:hover{filter:brightness(1.12)}.upgrade-row:active{transform:translateY(2px);box-shadow:0 1px #0e0817}.upgrade-row:not(.affordable) .up-cost{filter:grayscale(.9) brightness(.7)}.upgrade-row:not(.affordable){opacity:.75}.up-name{font-weight:700;font-size:15.5px;text-align:left}.up-value{font-size:13.5px;color:var(--text-dim);background:#00000059;border-radius:7px;padding:3px 8px;font-weight:700}.up-cost{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#7c3aed,#5b21b6);border:2px solid #0e0817;border-radius:9px;padding:5px 10px;font-weight:800;color:#fff;box-shadow:0 2px #0e0817}.up-cost .coin svg,.up-cost svg{width:16px;height:16px;display:block}.upgrade-row.bought{animation:rowBought .4s ease}@keyframes rowBought{0%{filter:brightness(2);transform:scale(1.02)}to{filter:brightness(1);transform:scale(1)}}.upgrade-row.deny{animation:deny .3s ease}@keyframes deny{0%,to{transform:translate(0)}30%{transform:translate(-5px)}60%{transform:translate(5px)}}.panel-footer{display:flex;justify-content:space-around;gap:10px;padding:14px 6px 6px;border-top:2px solid rgba(168,85,247,.25);margin-top:12px}.wallet{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:800;background:#0006;padding:8px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.07)}.wallet svg{width:22px;height:22px}.panel-handle{position:fixed;right:12px;bottom:96px;z-index:40;display:none;align-items:center;gap:8px;background:linear-gradient(180deg,#7c3aed,#4c1d95);color:#fff;border:var(--outline);border-radius:12px;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 3px #0e0817;min-height:44px;min-width:44px}.panel-handle svg{width:20px;height:20px}body.in-battle.panel-collapsed .panel-handle{display:inline-flex}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#efe9f7;color:#241d2e;font-size:11px;font-weight:900;border-radius:5px;border:1.5px solid #241d2e;box-shadow:0 1.5px #241d2e;line-height:1}.hud{position:absolute;inset:0;pointer-events:none;z-index:20;font-size:14px}.hud>*{pointer-events:none}.hud button{pointer-events:auto}.hud-vignette{position:absolute;inset:0;box-shadow:inset 0 0 140px 40px #0a05148c;z-index:1}.hud-danger{position:absolute;inset:0;box-shadow:inset 0 0 160px 60px #be141e8c;opacity:0;transition:opacity .4s;z-index:2}.hud-topbar{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:flex-start;gap:10px;z-index:5}.hud-controls{display:flex;gap:8px}.ctl-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#6d28d9,#4c1d95);color:#fff;border:var(--outline);border-radius:11px;padding:8px 10px;cursor:pointer;font:inherit;font-weight:800;box-shadow:0 3px #0e0817;min-width:44px;min-height:44px;justify-content:center;transition:transform .08s,filter .1s}.ctl-btn:hover{filter:brightness(1.15)}.ctl-btn:active{transform:translateY(2px);box-shadow:0 1px #0e0817}.ctl-btn svg{width:18px;height:18px}.wave-timeline{flex:1;display:flex;align-items:center;justify-content:center;gap:0;padding:6px 4px;min-width:0}.tl-node{width:34px;height:38px;flex:0 0 auto;filter:saturate(.85) brightness(.95) drop-shadow(0 2px 2px rgba(0,0,0,.5));transition:transform .25s,filter .25s}.tl-node svg{width:100%;height:100%;display:block}.tl-node.done{filter:saturate(.15) brightness(.45)}.tl-node.current{transform:scale(1.32);filter:saturate(1.15) brightness(1.1) drop-shadow(0 0 8px rgba(216,180,254,.9))}.tl-link{width:clamp(6px,2.2vw,34px);height:4px;background:linear-gradient(180deg,#4a3a66,#2c2140);border-top:1px solid rgba(255,255,255,.12);flex:0 1 auto}.hud-banner{position:absolute;top:22%;left:0;right:0;text-align:center;font-size:clamp(28px,4.4vw,52px);font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 3px 0 #241d2e,0 0 26px rgba(168,85,247,.8),0 0 4px rgba(0,0,0,.9);opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s;z-index:6}.hud-banner.show{opacity:1;transform:scale(1)}.hud-banner.boss{color:#ffd24a;text-shadow:0 3px 0 #4d1414,0 0 30px rgba(220,47,63,.9)}.hud-banner.evolve{color:var(--arcane-light)}.hud-breather{position:absolute;top:64px;left:50%;transform:translate(-50%,-12px);background:linear-gradient(180deg,#1c122ceb,#100a1ceb);border:2px solid rgba(168,85,247,.5);border-radius:14px;padding:10px 18px 12px;text-align:center;opacity:0;transition:opacity .25s,transform .25s;z-index:6;box-shadow:0 6px 24px #00000080}.hud-breather.show{opacity:1;transform:translate(-50%)}.breather-title{font-weight:800;font-size:15px;color:var(--arcane-light);margin-bottom:7px}.breather-comp{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.comp-chip{display:inline-flex;align-items:center;gap:5px;background:#0006;border-radius:9px;padding:4px 9px 4px 4px;border:1.5px solid rgba(255,255,255,.1)}.comp-chip img{width:26px;height:30px;object-fit:contain;image-rendering:auto}.comp-chip b{font-size:13px}.comp-chip i{font-style:normal;font-size:11.5px;color:var(--text-dim)}.comp-chip.elite{border-color:#f5c54299}.breather-timer{margin-top:6px;font-size:13px;font-weight:800;color:var(--gold)}.ability-dock{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:5}.ability-gap{height:12px}.ability-btn{position:relative;width:58px;height:58px;border-radius:14px;border:2.5px solid #0e0817;background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.14),transparent 50%),linear-gradient(180deg,#3b2a55,#221636);cursor:pointer;box-shadow:0 4px #0e0817,0 6px 14px #00000080;transition:transform .08s,filter .1s;overflow:hidden}.ability-btn:hover{filter:brightness(1.2)}.ability-btn:active{transform:translateY(2px);box-shadow:0 2px #0e0817}.ability-btn .ab-icon svg{width:32px;height:32px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ability-btn .keycap{position:absolute;right:-2px;bottom:-2px;z-index:3}.ability-btn .ab-ring{position:absolute;inset:0;background:conic-gradient(rgba(8,4,16,.78) calc(var(--cd, 0) * 1turn),transparent 0);z-index:1;pointer-events:none}.ability-btn .ab-cd-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;color:#fff;text-shadow:0 1px 3px #000;z-index:2;pointer-events:none}.ability-btn.cooling{filter:saturate(.5)}.ability-btn.targeting{outline:3px solid var(--arcane-light);filter:brightness(1.3);animation:pulse .9s infinite}.ability-btn.active-buff{outline:3px solid var(--gold);animation:pulse .7s infinite}.ability-btn.deny{animation:deny .3s ease}.ability-surge{background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.2),transparent 50%),linear-gradient(180deg,#7a4d12,#4d2c08)}@keyframes pulse{0%,to{box-shadow:0 4px #0e0817,0 0 #d8b4fe66}50%{box-shadow:0 4px #0e0817,0 0 18px #d8b4fecc}}.hud-bottom{position:absolute;left:14px;right:84px;bottom:10px;display:flex;flex-direction:column;gap:6px;z-index:5}.bar-row{display:flex;align-items:center;gap:10px}.bar-label{width:30px;text-align:right;font-weight:900;font-size:15px;text-shadow:0 2px 0 #0e0817}.bar{position:relative;flex:1;height:24px;background:linear-gradient(180deg,#17101f,#241a30);border:2.5px solid #0e0817;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 5px #000000b3}.xp-bar{height:16px}.bar-fill{position:absolute;inset:0 auto 0 0;width:100%;border-radius:9px;transition:width .18s ease}.hp-fill{background:linear-gradient(180deg,#ff6a5e 0%,var(--crimson) 45%,#a01824 100%);box-shadow:inset 0 2px #ffffff59}.xp-fill{background:linear-gradient(180deg,#c084fc 0%,var(--arcane) 50%,#7222c2 100%);box-shadow:inset 0 2px #ffffff59}.bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#fff;text-shadow:0 1.5px 2px rgba(0,0,0,.8)}.xp-bar .bar-text{font-size:11px}#overlay-root{position:fixed;inset:0;z-index:100;pointer-events:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.overlay.dim{background:#0a0514b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,#2c2142,#1b1229 55%,#140d20);border:3px solid #0e0817;outline:2px solid rgba(245,197,66,.35);border-radius:18px;padding:26px 30px;min-width:min(400px,92vw);max-width:min(560px,94vw);max-height:86dvh;overflow-y:auto;box-shadow:0 18px 60px #000000b3,inset 0 1px #ffffff14;animation:modalIn .3s cubic-bezier(.2,1.4,.4,1)}@keyframes modalIn{0%{transform:scale(.85) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h2{text-align:center;font-size:26px;letter-spacing:1px;margin-bottom:16px;text-shadow:0 2px 0 #0e0817,0 0 20px rgba(168,85,247,.5)}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.btn{font:inherit;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(180deg,#55486e,#372b4d);border:var(--outline);border-radius:12px;padding:12px 22px;cursor:pointer;box-shadow:0 4px #0e0817;transition:transform .08s,filter .1s;min-height:44px}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(3px);box-shadow:0 1px #0e0817}.btn-green{background:linear-gradient(180deg,#7ed957 0%,var(--green) 45%,var(--green-dark) 100%);text-shadow:0 1.5px 0 rgba(0,60,0,.5)}.btn-purple{background:linear-gradient(180deg,#a06cf0,#7c3aed 45%,#55219f)}.btn-danger{background:linear-gradient(180deg,#f06a5e 0%,var(--crimson) 45%,#8f1d28 100%)}.slider-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700;margin:12px 0}.slider-row input[type=range]{flex:1;accent-color:var(--arcane);height:26px}.check-row{display:flex;align-items:center;gap:10px;font-weight:700;margin:12px 0}.check-row input{width:20px;height:20px;accent-color:var(--arcane)}.reset-confirm{margin-top:14px;padding:14px;background:#dc2f3f1f;border:2px solid rgba(220,47,63,.5);border-radius:12px;text-align:center}.reset-confirm p{margin-bottom:10px;font-weight:700}.reset-confirm .btn{margin:0 5px;padding:9px 18px}.result-modal{text-align:center}.result-emblem svg{width:74px;height:74px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.result-modal.victory h2{color:var(--gold)}.result-modal.defeat h2{color:#ff8a93}.result-sub{color:var(--text-dim);margin-bottom:16px}.result-rewards{display:flex;justify-content:center;gap:14px;margin:14px 0;flex-wrap:wrap}.reward{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:900;background:#00000059;border:2px solid rgba(255,255,255,.1);padding:10px 18px;border-radius:12px}.reward svg{width:26px;height:26px}.result-best{color:var(--text-dim);font-size:14px}.meta-wallets{display:flex;justify-content:center;gap:12px;margin-bottom:14px}.meta-list{display:flex;flex-direction:column;gap:9px}.meta-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;text-align:left;background:linear-gradient(180deg,#322544,#241b33);border:var(--outline);border-radius:12px;padding:11px 14px;color:var(--text);font:inherit;cursor:pointer;box-shadow:0 3px #0e0817;transition:filter .1s,transform .08s;min-height:52px}.meta-row:hover{filter:brightness(1.12)}.meta-row:active{transform:translateY(2px);box-shadow:0 1px #0e0817}.meta-row:not(.affordable):not(.maxed){opacity:.7}.meta-row.maxed{opacity:.85;cursor:default}.meta-info{display:flex;flex-direction:column;gap:2px}.meta-info b{font-size:15px}.meta-info i{font-style:normal;font-size:12px;color:var(--text-dim)}.meta-level{font-size:13px;font-weight:800;color:var(--arcane-light);white-space:nowrap}.meta-level em{font-style:normal;color:var(--gold)}.custom-sub{text-align:center;color:var(--text-dim);margin-bottom:14px}.custom-list{display:flex;flex-direction:column;gap:9px}.custom-row{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#322544,#241b33);border:var(--outline);border-radius:12px;padding:12px 14px;color:var(--text);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 3px #0e0817;min-height:52px}.custom-row.selected{outline:3px solid var(--gold)}.rune-swatch{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5,transparent 45%),var(--c);border:2.5px solid #0e0817;box-shadow:0 0 12px var(--c)}.perk-overlay{flex-direction:column}.perk-wrap{text-align:center;padding:20px;max-width:96vw}.perk-title{font-size:clamp(30px,5vw,46px);letter-spacing:3px;color:#fff;text-shadow:0 3px 0 #241d2e,0 0 30px rgba(168,85,247,.9)}.perk-title b{color:var(--arcane-light)}.perk-sub{color:var(--text-dim);margin:8px 0 26px;font-size:16px}.perk-cards{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.perk-card{width:218px;min-height:260px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px 18px;background:radial-gradient(140% 90% at 50% 0%,rgba(168,85,247,.25),transparent 55%),linear-gradient(180deg,#2c2142,#17101f);border:3px solid #0e0817;outline:2px solid rgba(168,85,247,.4);border-radius:16px;color:var(--text);font:inherit;cursor:pointer;box-shadow:0 10px 30px #0009;transition:transform .14s,outline-color .14s,box-shadow .14s;animation:cardIn .4s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i) * 90ms)}@keyframes cardIn{0%{transform:translateY(40px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.perk-card:hover{transform:translateY(-8px) scale(1.04);outline-color:var(--arcane-light);box-shadow:0 16px 40px #000000b3,0 0 30px #a855f773}.perk-card.picked{outline-color:var(--gold);transform:scale(1.1)}.perk-overlay.closing .perk-card:not(.picked){opacity:0;transform:scale(.85) translateY(20px);transition:opacity .22s,transform .22s}.perk-icon svg{width:54px;height:54px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}.perk-name{font-size:19px;font-weight:900;color:var(--arcane-light)}.perk-desc{font-size:13.5px;line-height:1.5;color:var(--text-dim);flex:1}.perk-stacks{display:flex;gap:6px}.perk-stacks i{width:12px;height:12px;border-radius:50%;background:#33254a;border:2px solid #0e0817}.perk-stacks i.on{background:var(--arcane);box-shadow:0 0 8px var(--arcane)}.menu-ui{position:absolute;inset:0;z-index:20;pointer-events:none}.menu-ui button{pointer-events:auto}.menu-settings{position:absolute;top:16px;left:16px;width:52px;height:52px}.menu-settings svg{width:26px;height:26px}.menu-currencies{position:absolute;top:16px;right:16px;display:flex;gap:10px}.cur-chip{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(180deg,#1e1430f2,#100a1cf2);border:2.5px solid #0e0817;border-radius:12px;padding:8px 14px;font-weight:900;font-size:16px;box-shadow:0 3px #0e0817}.cur-chip svg{width:21px;height:21px}.menu-title{position:absolute;top:clamp(20px,8vh,90px);left:0;right:0;text-align:center;pointer-events:none}.menu-title h1{font-size:clamp(44px,8vw,92px);letter-spacing:6px;font-weight:900;color:#f3ecff;text-shadow:0 4px 0 #241d2e,0 8px 24px rgba(0,0,0,.65),0 0 60px rgba(168,85,247,.65)}.menu-title p{margin-top:6px;font-size:clamp(14px,1.6vw,19px);font-weight:700;color:#e6dcf5;text-shadow:0 2px 6px rgba(0,0,0,.85);letter-spacing:2px}.menu-bottom{position:absolute;bottom:clamp(18px,5vh,52px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px}.region-label{text-align:center;pointer-events:none}.region-label b{display:block;font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:3px;text-shadow:0 2px 0 #241d2e,0 4px 14px rgba(0,0,0,.8)}.best-record{font-size:14px;font-weight:700;color:#ffe9a8;text-shadow:0 2px 5px rgba(0,0,0,.9)}.menu-buttons{display:flex;align-items:center;gap:16px}.fbtn{position:relative;font:inherit;font-weight:900;font-size:24px;letter-spacing:2px;color:#fff;border:3px solid #0e0817;border-radius:16px;cursor:pointer;transition:transform .1s,filter .12s,box-shadow .1s;text-shadow:0 2px 0 rgba(0,0,0,.4)}.fbtn .keycap{position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.fbtn-green{min-width:230px;padding:20px 36px;background:radial-gradient(130% 80% at 50% 0%,rgba(255,255,255,.35),transparent 45%),linear-gradient(180deg,#8ee85f 0%,var(--green) 45%,#2f7a1c 100%);box-shadow:0 6px #1d4a12,0 12px 26px #00000080}.fbtn-purple{width:74px;height:74px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(130% 80% at 50% 0%,rgba(255,255,255,.3),transparent 45%),linear-gradient(180deg,#a06cf0,#7c3aed 45%,#4c1d95);box-shadow:0 6px #331264,0 12px 26px #00000080}.fbtn-purple svg{width:34px;height:34px}.fbtn:hover{filter:brightness(1.12);transform:translateY(-2px)}.fbtn:active{transform:translateY(4px);box-shadow:0 1px #0e0817,0 4px 10px #0006}.battle-transition{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,#a855f780,#0a0414f5 70%);animation:transIn .65s ease forwards;pointer-events:auto}@keyframes transIn{0%{opacity:0}55%{opacity:.6}to{opacity:1}}@media(max-width:1100px){.panel-inner{min-width:280px;padding:14px 12px 10px}#side-panel{width:clamp(280px,26vw,340px)}}body.sheet-mode.in-battle #side-panel{position:fixed;inset:auto 0 0;width:100%!important;max-height:58dvh;border-left:none;border-top:3px solid #0e0817;border-radius:18px 18px 0 0;transform:translateY(0);transition:transform .25s ease;z-index:60}body.sheet-mode.in-battle.panel-collapsed #side-panel{transform:translateY(102%)}body.sheet-mode .panel-inner{min-width:0}body.sheet-mode .panel-handle{bottom:12px;right:12px}body.sheet-mode.in-battle:not(.panel-collapsed) .panel-handle{display:inline-flex;z-index:70;bottom:calc(58dvh + 10px)}@media(max-width:860px){.hud-banner{top:18%}.tl-node{width:24px;height:27px}.hud-bottom{right:78px}.ability-btn{width:52px;height:52px}.hud-breather{max-width:92vw}.comp-chip i{display:none}.menu-currencies{gap:6px}.cur-chip{padding:6px 10px;font-size:14px}}@media(max-height:560px){.hud-banner{top:14%}.menu-title h1{font-size:40px}.fbtn-green{padding:12px 26px;min-width:180px;font-size:20px}.fbtn-purple{width:58px;height:58px}}