:root{--bg-0: #010a13;--bg-1: #091428;--bg-2: #0a1428;--bg-3: #0f1b33;--panel: rgba(10, 20, 40, .92);--panel-2: rgba(15, 27, 51, .95);--panel-deep: rgba(3, 10, 22, .97);--gold-1: #c89b3c;--gold-2: #f0e6d2;--gold-3: #c8aa6e;--gold-4: #785a28;--gold-5: #463714;--gold-6: #1e2328;--ink: #f0e6d2;--ink-soft: #cdbe91;--muted: #a09b8c;--dim: #5b5a56;--hp: #26d27a;--hp-dark: #14593a;--shield: #2cb8e6;--shield-dark: #0b5772;--xp: #c89b3c;--accent: #c89b3c;--accent-2: #2cb8e6;--ok: #26d27a;--warn: #f0e6d2;--danger: #e84057;--stat-offense: #e77e5a;--stat-magic: #8ea0e6;--stat-defense: #d4b06a;--stat-mr: #c8aeea;--stat-mobility: #5fd4d6;--stat-utility: #f0e6d2}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Bahnschrift,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(1400px 620px at 10% -4%,rgba(200,155,60,.08),transparent 58%),radial-gradient(1100px 540px at 92% 100%,rgba(44,184,230,.08),transparent 55%),linear-gradient(165deg,#010a13,#091428 52%,#0a1428);display:flex;align-items:center;justify-content:center;padding:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(30deg,rgba(200,155,60,.025) 0 1px,transparent 1px 44px),repeating-linear-gradient(-30deg,rgba(240,230,210,.015) 0 1px,transparent 1px 36px);opacity:.8}.page-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 20% 90%,rgba(200,155,60,.05),transparent 70%),radial-gradient(600px 300px at 80% 10%,rgba(44,184,230,.04),transparent 70%)}.game-shell{position:relative;z-index:1;width:min(1560px,100%);border-radius:4px;border:1px solid var(--gold-5);background:linear-gradient(180deg,#0a1428f5,#030a16fa);box-shadow:0 30px 80px #0009,inset 0 0 0 1px #c89b3c1f,inset 0 1px #f0e6d20f;overflow:hidden}.game-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,var(--gold-4) 0 1px,transparent 1px 100%),linear-gradient(270deg,var(--gold-4) 0 1px,transparent 1px 100%);background-size:100% 100%;opacity:.25;z-index:0}.hidden{display:none!important}.btn{position:relative;border:1px solid var(--gold-4);border-radius:2px;padding:10px 18px;color:var(--gold-2);background:linear-gradient(180deg,#1e2d4bbf,#0a1222e0);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:transform .1s ease,filter .15s ease,border-color .15s ease,box-shadow .2s ease;box-shadow:inset 0 1px #f0e6d214,0 2px #0006}.btn:before,.btn:after{content:"";position:absolute;width:6px;height:6px;background:var(--gold-1);opacity:.85;transition:opacity .15s ease,background .15s ease}.btn:before{top:-1px;left:-1px;clip-path:polygon(0 0,100% 0,0 100%)}.btn:after{bottom:-1px;right:-1px;clip-path:polygon(100% 0,100% 100%,0 100%)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1);border-color:var(--gold-1);color:#fff;box-shadow:inset 0 1px #f0e6d21f,0 0 14px #c89b3c59,0 2px #0006}.btn:hover:before,.btn:hover:after{background:var(--gold-2);opacity:1}.btn:active{transform:translateY(0);filter:brightness(.94)}.btn-primary{background:linear-gradient(180deg,#d4a84c,#c89b3c,#8a6920);color:#0a1428;border-color:var(--gold-2);text-shadow:0 1px 0 rgba(240,230,210,.35);box-shadow:inset 0 1px #fff6dc80,inset 0 -1px #0000004d,0 2px #0006,0 0 18px #c89b3c40}.btn-primary:hover{filter:brightness(1.12);color:#000;box-shadow:inset 0 1px #fff6dc99,inset 0 -1px #0000004d,0 2px #0006,0 0 24px #c89b3c80}.btn-primary:before,.btn-primary:after{background:#0a1428}.btn-secondary{background:linear-gradient(180deg,#2cb8e624,#0a1222e0);border-color:#2cb8e68c;color:#9bd7ee}.btn-secondary:before,.btn-secondary:after{background:#2cb8e6}.btn-secondary:hover{border-color:#2cb8e6;color:#d7f1fb;box-shadow:inset 0 1px #9bd7ee2e,0 0 14px #2cb8e659,0 2px #0006}.btn-danger{background:linear-gradient(180deg,#e8405729,#0a1222e0);border-color:#e840578c;color:#f4a0ac}.btn-danger:before,.btn-danger:after{background:#e84057}.btn-danger:hover{border-color:#e84057;color:#ffd0d6;box-shadow:inset 0 1px #f4a0ac2e,0 0 14px #e8405766,0 2px #0006}.menu-screen{padding:32px;min-height:620px;display:grid;place-items:center;position:relative}.menu-panel{position:relative;width:min(720px,100%);border:1px solid var(--gold-4);border-radius:2px;background:linear-gradient(180deg,#0a1428ed,#030a16f5);padding:24px;box-shadow:inset 0 0 0 1px #c89b3c1a,0 0 0 1px #0009,0 30px 60px #00000080}.menu-panel:before,.menu-panel:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--gold-1);pointer-events:none}.menu-panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.menu-panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.menu-panel-main{width:min(1120px,100%);padding:36px 32px;background:radial-gradient(900px 360px at 12% -8%,rgba(200,155,60,.12),transparent 62%),radial-gradient(820px 400px at 92% 110%,rgba(44,184,230,.08),transparent 60%),linear-gradient(180deg,#0a1428f0,#030a16fa);border-color:var(--gold-4);animation:menuFadeUp .55s cubic-bezier(.2,.8,.2,1) both}.menu-panel-wide{width:min(860px,100%)}.menu-topline{font-size:10px;letter-spacing:3.6px;text-transform:uppercase;color:var(--gold-1);font-weight:700;position:relative;padding-left:28px}.menu-topline:before{content:"";position:absolute;left:0;top:50%;width:20px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-1))}.menu-title{margin:10px 0 0;font-size:clamp(38px,6.2vw,60px);line-height:1;color:var(--gold-2);font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 32px rgba(200,155,60,.28);animation:menuFadeUp .55s cubic-bezier(.2,.8,.2,1) .04s both}.menu-subtitle{margin:16px 0 0;color:var(--ink-soft);line-height:1.55;font-size:15px;max-width:68ch;animation:menuFadeUp .55s cubic-bezier(.2,.8,.2,1) .08s both}.menu-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.menu-action-grid{margin-top:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.menu-action-card{position:relative;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0f1b33e6,#030a16f5);padding:20px 18px;display:flex;flex-direction:column;gap:10px;min-height:200px;transition:transform .18s ease,border-color .18s ease,box-shadow .2s ease;opacity:0;animation:menuCardIn .55s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}.menu-action-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-3),transparent);opacity:.55}.menu-action-card:after{content:"";position:absolute;top:8px;left:8px;width:10px;height:10px;border-top:2px solid var(--gold-1);border-left:2px solid var(--gold-1);opacity:.8;transition:opacity .18s ease}.menu-action-grid .menu-action-card:nth-child(1){animation-delay:.14s}.menu-action-grid .menu-action-card:nth-child(2){animation-delay:.22s}.menu-action-grid .menu-action-card:nth-child(3){animation-delay:.3s}.menu-action-grid .menu-action-card:nth-child(4){animation-delay:.38s}.menu-action-card:hover{transform:translateY(-4px);border-color:var(--gold-1);box-shadow:0 18px 38px #0000008c,0 0 22px #c89b3c2e}.menu-action-card:hover:after{opacity:1}.menu-action-card-primary{background:radial-gradient(180px 120px at 10% 0%,rgba(200,155,60,.3),transparent 60%),linear-gradient(180deg,#281e0fdb,#100a05f0);border-color:var(--gold-3)}.menu-action-card-primary:after{border-color:var(--gold-2)}.menu-action-label{color:var(--gold-2);font-size:18px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.menu-action-desc{color:var(--ink-soft);font-size:13px;line-height:1.5;flex:1}.menu-action-btn{width:100%;justify-content:center}.menu-status{margin-top:18px;display:flex;justify-content:flex-end;color:var(--gold-3);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;animation:menuFadeUp .5s cubic-bezier(.2,.8,.2,1) .36s both}@keyframes menuFadeUp{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes menuCardIn{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.menu-panel-main,.menu-title,.menu-subtitle,.menu-action-card,.menu-status{animation:none!important;opacity:1;transform:none;filter:none}}.shop-box,.settings-box{margin-top:14px;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0a1428d1,#030a16e6);padding:16px;position:relative}.shop-box:before,.settings-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-3) 50%,transparent);opacity:.6}.shop-box h2{margin:0;font-size:16px;color:var(--gold-2);text-transform:uppercase;letter-spacing:1.4px}.shop-box p{margin:10px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.5}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0f1b33bf,#030a16d9);padding:12px 14px}.settings-box{display:grid;gap:12px}.settings-label{color:var(--gold-2);font-weight:700;font-size:12px;letter-spacing:1.4px;text-transform:uppercase}.settings-hint{color:var(--ink-soft);font-size:12px;margin-top:4px}.lang-switch{display:flex;gap:8px}.game-intro{padding:28px;display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.intro-main,.intro-side{position:relative;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0f1b33f0,#030a16f5);padding:22px}.intro-main:before,.intro-side:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-1),transparent)}.intro-kicker{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-1);font-weight:700;margin-bottom:10px}.intro-title{font-size:36px;line-height:1.05;margin:0;color:var(--gold-2);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 0 24px rgba(200,155,60,.3)}.intro-sub{margin:14px 0 0;color:var(--ink-soft);line-height:1.55;font-size:14px}.intro-objective{margin-top:18px;border-left:3px solid var(--gold-1);padding:12px 0 12px 14px;color:var(--gold-2);font-size:13px;background:linear-gradient(90deg,rgba(200,155,60,.07),transparent)}.intro-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.intro-side h2{margin:0 0 10px;font-size:14px;color:var(--gold-2);text-transform:uppercase;letter-spacing:1.6px}.hero-grid{margin-top:10px;display:grid;gap:10px}.hero-card{position:relative;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0a1428e6,#030a16f0);padding:14px;transition:border-color .18s ease,box-shadow .2s ease,transform .15s ease}.hero-card:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--gold-3);border-left:2px solid var(--gold-3);transition:border-color .18s ease}.hero-card:hover{border-color:var(--gold-3)}.hero-card-active{border-color:var(--gold-1);box-shadow:0 0 0 1px var(--gold-1) inset,0 0 24px #c89b3c38}.hero-card-active:before{border-color:var(--gold-1)}.hero-card-top{display:flex;gap:10px;align-items:center}.hero-dot{width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 2px #00000073,0 0 10px currentColor}.hero-name{font-size:16px;font-weight:700;color:var(--gold-2);letter-spacing:.6px;text-transform:uppercase}.hero-role{font-size:11px;color:var(--gold-1);letter-spacing:1.2px;text-transform:uppercase}.hero-blurb{margin-top:10px;font-size:13px;color:var(--ink-soft);line-height:1.45}.hero-spells{margin-top:10px;font-size:12px;color:var(--ink-soft);display:grid;gap:4px;padding:8px 10px;background:#030a168c;border-left:2px solid var(--gold-4);border-radius:0 2px 2px 0}.hero-pick{margin-top:10px;width:100%}.intro-list{margin:0;padding-left:18px;color:var(--ink-soft);line-height:1.5;font-size:13px}.intro-meta{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.intro-pill{border:1px solid var(--gold-4);background:linear-gradient(180deg,#281e0f99,#100a05b3);border-radius:2px;padding:10px;text-align:center;font-size:12px;color:var(--gold-2);letter-spacing:1px;text-transform:uppercase}.hero-select{padding:20px 22px 22px;display:flex;flex-direction:column;gap:16px;min-height:620px}.hero-select-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--gold-5);position:relative}.hero-select-head:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-3) 30%,var(--gold-3) 70%,transparent)}.hero-select-head .intro-title{margin:6px 0 0;font-size:clamp(28px,3.2vw,38px)}.hero-select-head-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-select-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:stretch}.hero-roster{display:flex;flex-direction:column;gap:8px;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0a1428eb,#030a16f5);padding:12px;position:relative}.hero-roster:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-1),transparent);opacity:.6}.hero-row{position:relative;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0f1b33b3,#030a16d9);color:var(--ink-soft);cursor:pointer;font-family:inherit;text-align:left;transition:border-color .18s ease,transform .12s ease,background .18s ease}.hero-row:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:transparent;transition:background .18s ease}.hero-row:hover{border-color:var(--gold-3);transform:translate(2px);color:var(--gold-2)}.hero-row:hover:before{background:var(--gold-3)}.hero-row-active{border-color:var(--gold-1);background:radial-gradient(180px 60px at 0% 50%,rgba(200,155,60,.22),transparent 70%),linear-gradient(180deg,#281e0fbf,#0a1222e6);color:var(--gold-2);box-shadow:0 0 18px #c89b3c2e}.hero-row-active:before{background:linear-gradient(180deg,var(--gold-2),var(--gold-4))}.hero-row-dot{width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 2px #0000008c,0 0 12px currentColor;flex-shrink:0}.hero-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hero-row-name{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold-2)}.hero-row-role{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-3)}.hero-row-chev{color:var(--gold-4);font-size:20px;line-height:1;transition:color .18s ease,transform .18s ease}.hero-row-active .hero-row-chev,.hero-row:hover .hero-row-chev{color:var(--gold-1);transform:translate(2px)}.hero-select-stage{position:relative;display:flex;flex-direction:column;gap:14px;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0a1428eb,#030a16f5);padding:18px 20px 20px;min-width:0}.hero-select-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-1),transparent)}.hero-select-stage:after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;border-top:2px solid var(--gold-1);border-right:2px solid var(--gold-1);opacity:.7}.hero-stage-head{display:flex;align-items:center;gap:14px}.hero-stage-head .hero-dot{width:18px;height:18px}.hero-stage-head .hero-name{font-size:22px;letter-spacing:1.4px}.hero-stage-head .hero-role{font-size:11px;letter-spacing:1.8px}.hero-preview-loop{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-3);font-weight:700;border:1px solid var(--gold-5);padding:6px 10px;border-radius:2px;background:linear-gradient(180deg,#0f1b33cc,#030a16e6)}.hero-loop-pulse{width:8px;height:8px;border-radius:999px;background:var(--gold-1);box-shadow:0 0 8px var(--gold-1);animation:heroLoopPulse 1.6s ease-in-out infinite}.hero-stage-mastery-btn{font-size:11px;letter-spacing:2px;padding:8px 14px}.mastery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px;overflow-y:auto}.mastery-panel{width:min(1100px,100%);background:linear-gradient(180deg,#081124f7,#030a16fc);border:1px solid var(--gold-3);border-radius:4px;padding:24px 28px;box-shadow:0 24px 80px #0009;overflow:visible}.mastery-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--gold-5)}.mastery-head-left{display:flex;align-items:center;gap:14px}.mastery-head-dot{width:22px;height:22px;border-radius:50%;box-shadow:0 0 14px #ffffff59}.mastery-head-title{font-size:18px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-1)}.mastery-head-sub{font-size:11px;letter-spacing:1.4px;color:var(--gold-3);margin-top:2px}.mastery-head-sub strong{color:var(--gold-1);margin-left:2px}.mastery-xp-row{display:flex;align-items:center;gap:12px;margin-top:14px}.mastery-xp-label{font-size:10px;letter-spacing:2px;color:var(--gold-3);font-weight:700;text-transform:uppercase;min-width:30px}.mastery-xp-bar{flex:1;height:8px;background:#0f172ad9;border:1px solid var(--gold-5);border-radius:2px;overflow:hidden}.mastery-xp-fill{height:100%;background:linear-gradient(90deg,var(--gold-3),var(--gold-1));box-shadow:0 0 10px var(--gold-2);transition:width .24s ease}.mastery-xp-text{font-size:11px;font-variant-numeric:tabular-nums;color:var(--gold-2);min-width:80px;text-align:right}.mastery-tree-body{margin-top:22px;display:flex;justify-content:center;overflow:visible}.mastery-coming-soon{text-align:center;font-size:14px;color:var(--gold-3);padding:60px 24px;border:1px dashed var(--gold-5)}.mastery-graph{position:relative;margin:0 auto}.mastery-graph-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mastery-edge{stroke:#97845473;stroke-width:2;stroke-linecap:round}.mastery-edge-capstone{stroke:#d5a9568c;stroke-width:2.4;stroke-dasharray:4 5}.mastery-branch-label{position:absolute;transform:translate(-50%);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-3);font-weight:800;white-space:nowrap;text-align:center}.mastery-tier-marker{position:absolute;transform:translateY(-50%);font-size:10px;letter-spacing:2px;font-weight:800;color:#97845473;pointer-events:none}.mastery-circle{position:absolute;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,#0f1b33f2,#030a16fa);border:2px solid var(--gold-5);display:flex;align-items:center;justify-content:center;cursor:help;color:var(--gold-3);transition:border-color .16s,color .16s,transform .16s,box-shadow .16s;z-index:2}.mastery-circle:hover{border-color:var(--gold-1);color:var(--gold-1);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 16px #d5a95680;z-index:4}.mastery-circle-locked{opacity:.42;filter:grayscale(.85);cursor:not-allowed}.mastery-circle-available{cursor:pointer;border-color:var(--gold-1);box-shadow:0 0 12px #d5a9568c;animation:masteryAvailablePulse 1.6s ease-in-out infinite}@keyframes masteryAvailablePulse{0%,to{box-shadow:0 0 10px #d5a95673}50%{box-shadow:0 0 18px #d5a956d9}}.mastery-circle-maxed{cursor:default;border-color:var(--gold-2);background:radial-gradient(circle at 50% 30%,#78501499,#030a16fa 70%);color:var(--gold-1)}.mastery-circle-maxed .mastery-circle-rank{color:var(--gold-1);border-color:var(--gold-2)}.mastery-circle-locked:hover{transform:translate(-50%,-50%);box-shadow:none;border-color:var(--gold-5);color:var(--gold-3);opacity:.7;z-index:4}.mastery-circle-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.mastery-icon-svg{width:100%;height:100%}.mastery-circle-rank{position:absolute;bottom:-10px;font-size:9px;font-weight:800;letter-spacing:.6px;font-variant-numeric:tabular-nums;background:#030a16f2;border:1px solid var(--gold-5);padding:2px 6px;border-radius:999px;color:var(--gold-3)}.mastery-circle-capstone{width:76px;height:76px;border-color:var(--gold-2);background:radial-gradient(circle at 50% 30%,#78501499,#030a16fa 70%);color:var(--gold-1);box-shadow:0 0 24px #d5a95659}.mastery-circle-capstone .mastery-circle-icon{width:38px;height:38px}.mastery-circle-tier-1{width:50px;height:50px;border-color:#97845499}.mastery-circle-tier-2{width:54px;height:54px;border-color:#a88950bf}.mastery-circle-tier-3{width:60px;height:60px;border-color:var(--gold-3);box-shadow:0 0 10px #b4823c2e}.mastery-circle-tier-4{width:66px;height:66px;border-color:var(--gold-2);background:radial-gradient(circle at 50% 35%,#462d0cb3,#030a16fa 70%);box-shadow:0 0 16px #d5a95640}.mastery-circle-tier-5{width:84px;height:84px;border:2.5px solid var(--gold-1);background:radial-gradient(circle at 50% 30%,#966419b3,#030a16fc 75%);color:var(--gold-1);box-shadow:0 0 28px #d5a95680,inset 0 0 14px #d5a95633}.mastery-circle-tier-3 .mastery-circle-icon{width:30px;height:30px}.mastery-circle-tier-4 .mastery-circle-icon{width:34px;height:34px}.mastery-circle-tier-5 .mastery-circle-icon{width:42px;height:42px}.mastery-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:linear-gradient(180deg,#081124fa,#030a16fc);border:1px solid var(--gold-2);padding:10px 12px;width:240px;border-radius:3px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .14s,visibility .14s;z-index:9999;box-shadow:0 12px 30px #0009}.mastery-circle:hover .mastery-tooltip{opacity:1;visibility:visible}.mastery-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gold-2)}.mastery-circle-tier-1 .mastery-tooltip{bottom:auto;top:calc(100% + 12px)}.mastery-circle-tier-1 .mastery-tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--gold-2)}.mastery-tooltip-name{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-1);margin-bottom:6px}.mastery-tooltip-desc{font-size:11px;color:var(--gold-2);line-height:1.45}.mastery-tooltip-diff{font-size:11px;font-weight:800;color:var(--gold-1);font-variant-numeric:tabular-nums;letter-spacing:.6px;margin-top:6px;padding:4px 8px;border:1px solid var(--gold-5);background:#0f172a99;border-radius:2px;display:inline-block}.mastery-diff-arrow{color:var(--gold-3);margin:0 4px;font-weight:900}.mastery-tooltip-rank{font-size:10px;letter-spacing:1px;color:var(--gold-3);margin-top:8px;border-top:1px dashed var(--gold-5);padding-top:6px}.mastery-tooltip-hints{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(151,132,84,.3);display:flex;flex-direction:column;gap:2px}.mastery-tooltip-hint{font-size:9.5px;letter-spacing:.4px;color:#b4b4b48c;font-style:italic}.mastery-tier-gate{margin-left:6px;font-size:9px;letter-spacing:.5px;color:#9784548c;font-weight:700}.mastery-tier-gate-met{color:#978454d9}@keyframes heroLoopPulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.hero-preview-blurb{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55;max-width:78ch}.hero-preview-frame{position:relative;overflow:hidden;width:100%;max-width:760px;margin:0 auto}.hero-preview-frame .pixi-host{aspect-ratio:1400 / 820;width:100%}.hero-preview-swap{animation:previewSwap .45s cubic-bezier(.2,.8,.2,1)}@keyframes previewSwap{0%{opacity:.2;filter:blur(6px);transform:scale(.985)}to{opacity:1;filter:blur(0);transform:scale(1)}}.spell-bubbles{display:flex;justify-content:center;align-items:flex-start;gap:32px;padding:8px 0 40px;flex-wrap:wrap}.spell-bubble{--bubble-color: #c89b3c;position:relative;width:78px;height:78px;border-radius:999px;border:none;background:radial-gradient(circle at 32% 28%,#4e78be59,#030a16fa 72%);box-shadow:inset 0 1px #f0e6d22e,inset 0 -2px 6px #0000008c,0 6px 14px #00000073,0 0 0 2px #c89b3c52,0 0 0 4px #00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .14s ease,box-shadow .2s ease,filter .2s ease;font-family:inherit}.spell-bubble-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:1px dashed rgba(200,155,60,.45);opacity:0;transition:opacity .2s ease,transform .25s ease;pointer-events:none}.spell-bubble-glyph{color:var(--gold-2);font-size:30px;font-weight:800;letter-spacing:.6px;text-shadow:0 2px 4px rgba(0,0,0,.85);z-index:2;position:relative}.spell-bubble-cd{display:none}.spell-bubble-auto{background:radial-gradient(circle at 32% 28%,#e77e5a47,#030a16fa 72%);box-shadow:inset 0 1px #f0e6d22e,inset 0 -2px 6px #0000008c,0 6px 14px #00000073,0 0 0 2px #e77e5a8c,0 0 0 4px #00000080}.spell-bubble-auto:hover{box-shadow:inset 0 1px #f0e6d238,inset 0 -2px 6px #0000008c,0 10px 20px #0000008c,0 0 0 2px #e77e5a,0 0 18px #e77e5a66}.spell-bubble-auto.spell-bubble-active{background:radial-gradient(circle at 32% 28%,#e77e5a94,#030a16fa 72%);box-shadow:inset 0 1px #f0e6d240,inset 0 -2px 6px #0000008c,0 10px 22px #0000008c,0 0 0 2px #e77e5a,0 0 26px #e77e5a99;animation:spellActivePulse 2.4s ease-in-out infinite}.spell-bubble-auto.spell-bubble-active .spell-bubble-ring{border-color:#e77e5a;opacity:.9;animation:spellBubbleRing 6s linear infinite}.spell-bubble-passive{background:radial-gradient(circle at 32% 28%,#97845452,#030a16fa 72%);box-shadow:inset 0 1px #f0e6d22e,inset 0 -2px 6px #0000008c,0 6px 14px #00000073,0 0 0 2px #c8aa6e8c,0 0 0 4px #00000080}.spell-bubble-passive:hover{box-shadow:inset 0 1px #f0e6d238,inset 0 -2px 6px #0000008c,0 10px 20px #0000008c,0 0 0 2px var(--gold-3),0 0 18px #c8aa6e66}.spell-bubble-passive.spell-bubble-active{background:radial-gradient(circle at 32% 28%,#c8aa6e80,#030a16fa 72%);box-shadow:inset 0 1px #f0e6d240,inset 0 -2px 6px #0000008c,0 10px 22px #0000008c,0 0 0 2px var(--gold-2),0 0 26px #c8aa6e8c;animation:spellActivePulse 2.4s ease-in-out infinite}.spell-bubble-glyph-auto{display:flex;align-items:center;justify-content:center;color:var(--gold-2);filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));z-index:2;position:relative}.spell-bubble-label{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:112px;font-size:10px;font-weight:700;letter-spacing:1.2px;line-height:1.2;text-transform:uppercase;text-align:center;color:var(--gold-3);transition:color .18s ease;pointer-events:none}.spell-bubble:hover{transform:translateY(-3px);filter:brightness(1.15);box-shadow:inset 0 1px #f0e6d238,inset 0 -2px 6px #0000008c,0 10px 20px #0000008c,0 0 0 2px var(--bubble-color),0 0 18px #c89b3c4d}.spell-bubble:hover .spell-bubble-ring{opacity:.7;transform:rotate(30deg)}.spell-bubble:hover .spell-bubble-label{color:var(--gold-2)}.spell-bubble-active{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--bubble-color) 55%,rgba(78,120,190,.3)),#030a16fa 72%);box-shadow:inset 0 1px #f0e6d240,inset 0 -2px 6px #0000008c,0 10px 22px #0000008c,0 0 0 2px var(--bubble-color),0 0 26px color-mix(in srgb,var(--bubble-color) 60%,transparent);animation:spellActivePulse 2.4s ease-in-out infinite}.spell-bubble-active .spell-bubble-ring{opacity:.9;animation:spellBubbleRing 6s linear infinite;border-color:var(--bubble-color)}.spell-bubble-active .spell-bubble-label{color:var(--gold-2)}.spell-bubble-ult{box-shadow:inset 0 1px #f0e6d238,inset 0 -2px 6px #0000008c,0 6px 14px #00000073,0 0 0 2px var(--gold-2),0 0 0 4px #00000080,0 0 18px #c89b3c4d}.spell-bubble-ult .spell-bubble-glyph{color:#fff8e0;text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 8px rgba(200,155,60,.6)}.spell-bubble-ult.spell-bubble-active{box-shadow:inset 0 1px #f0e6d247,inset 0 -2px 6px #0000008c,0 10px 22px #0000008c,0 0 0 2px var(--gold-2),0 0 28px #c89b3c8c}@keyframes spellBubbleRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spellActivePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.spell-info{border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0f1b33db,#030a16f0);padding:14px 16px;position:relative}.spell-info:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;background:var(--gold-1);clip-path:polygon(0 0,100% 0,0 100%);opacity:.75}.spell-info-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--gold-5)}.spell-info-name{color:var(--gold-2);font-size:16px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.spell-info-cd{color:var(--gold-1);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.spell-info-desc{margin:10px 0 6px;color:var(--ink-soft);font-size:13px;line-height:1.55}.spell-info-desc .dmg-phys,.spell-info-desc .stat-ad,.ability-tooltip-desc .dmg-phys,.ability-tooltip-desc .stat-ad,.ability-tooltip-preview-value.dmg-phys,.ability-tooltip-type.dmg-phys,.stat-tooltip-name.stat-ad{color:#ff8a3c;font-weight:700}.spell-info-desc .dmg-magic,.spell-info-desc .stat-ap,.ability-tooltip-desc .dmg-magic,.ability-tooltip-desc .stat-ap,.ability-tooltip-preview-value.dmg-magic,.ability-tooltip-type.dmg-magic,.stat-tooltip-name.stat-ap{color:#5db4ff;font-weight:700}.spell-info-desc .dmg-true,.ability-tooltip-desc .dmg-true,.ability-tooltip-preview-value.dmg-true,.ability-tooltip-type.dmg-true{color:#f0e6d2;font-weight:700}.spell-info-desc .dmg-heal,.ability-tooltip-desc .dmg-heal,.ability-tooltip-preview-value.dmg-heal,.ability-tooltip-type.dmg-heal{color:#4ade80;font-weight:700}.spell-info-desc .dmg-shield,.ability-tooltip-desc .dmg-shield,.ability-tooltip-preview-value.dmg-shield,.ability-tooltip-type.dmg-shield{color:#fcd34d;font-weight:700}.spell-info-desc .dmg-exec,.ability-tooltip-desc .dmg-exec,.ability-tooltip-preview-value.dmg-exec,.ability-tooltip-type.dmg-exec,.stat-tooltip-name.dmg-exec{color:#f87171;font-weight:700}.spell-info-desc .stat-armor,.ability-tooltip-desc .stat-armor,.stat-tooltip-name.stat-armor{color:#fbbf24;font-weight:700}.spell-info-desc .stat-mr,.ability-tooltip-desc .stat-mr,.stat-tooltip-name.stat-mr{color:#a78bfa;font-weight:700}.spell-info-desc .stat-hp,.ability-tooltip-desc .stat-hp,.stat-tooltip-name.stat-hp{color:#34d399;font-weight:700}.spell-info-desc .stat-buff,.ability-tooltip-desc .stat-buff,.ability-tooltip-preview-value.stat-buff,.ability-tooltip-type.stat-buff,.stat-tooltip-name.stat-buff{color:#fde68a;font-weight:700}.ability-tooltip-desc .ratio-expanded{display:inline-block;white-space:nowrap;padding:0 2px}.ability-tooltip-desc .ratio-value,.ability-tooltip-desc .ratio-base{color:#fff8e0;font-weight:700;font-variant-numeric:tabular-nums}.spell-info-hint{margin:0;color:var(--muted);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-style:italic}.game-play{padding:14px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px}.hud-column,.canvas-column{position:relative;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0a1428f0,#030a16fa)}.hud-column:before,.canvas-column:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-1) 50%,transparent);opacity:.6}.hud-column{padding:14px 14px 16px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 72px);overflow:auto}.hud-column:after{content:"";position:absolute;top:10px;right:10px;width:12px;height:12px;border-top:2px solid var(--gold-1);border-right:2px solid var(--gold-1);opacity:.7;pointer-events:none}.hud-title{position:relative;font-size:11px;color:var(--gold-1);font-weight:700;margin:2px 0 0;text-transform:uppercase;letter-spacing:2.4px;padding-left:18px}.hud-title:before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:var(--gold-1)}.hud-title:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(90deg,var(--gold-4),transparent)}.hero-chip{position:relative;border:1px solid var(--gold-4);background:radial-gradient(200px 60px at 0% 50%,rgba(200,155,60,.18),transparent 70%),linear-gradient(180deg,#0f1b33f2,#030a16f5);border-radius:2px;padding:12px 14px;color:var(--gold-2);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;box-shadow:inset 0 1px #c89b3c1a}.hero-chip:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold-1),var(--gold-4))}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-box{position:relative;border:1px solid var(--gold-5);background:linear-gradient(180deg,#0f1b33e0,#030a16e6);border-radius:2px;padding:8px 10px;overflow:hidden}.stat-box:before{content:"";position:absolute;top:0;left:0;width:6px;height:6px;background:var(--gold-3);clip-path:polygon(0 0,100% 0,0 100%);opacity:.7}.stat-label{color:var(--gold-3);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}.stat-value{margin-top:4px;font-size:18px;color:var(--gold-2);font-variant-numeric:tabular-nums;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.4)}.stat-box-gold{border-color:#f59e0b;background:linear-gradient(180deg,#452a08e0,#1a0e02e6)}.stat-box-gold:before{background:#fde68a}.stat-box-gold .stat-label{color:#fde68a}.stat-box-gold .stat-value{color:#facc15;text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 8px rgba(250,204,21,.25)}.hp-wrap,.shield-wrap,.xp-wrap{position:relative;border:1px solid var(--gold-4);border-radius:2px;overflow:hidden;background:linear-gradient(180deg,#010812f2,#030a16fa);height:22px;box-shadow:inset 0 1px #0009,inset 0 -1px #c89b3c14}.hp-wrap:before,.shield-wrap:before,.xp-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(0,0,0,.22) 24px 25px);pointer-events:none;z-index:1}.xp-wrap{height:14px}.bar-fill{height:100%;width:0;transition:width .14s linear;position:relative}.bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);pointer-events:none}.hp-fill{background:linear-gradient(180deg,#3ae583,#26d27a 45%,#14a55b);box-shadow:inset 0 0 10px #26d27a4d}.shield-fill{background:linear-gradient(180deg,#4ec9e5,#2cb8e6 45%,#0b7ba3);box-shadow:inset 0 0 10px #2cb8e64d}.xp-fill{background:linear-gradient(180deg,#e5c070,#c89b3c 45%,#8a6920);box-shadow:inset 0 0 8px #c89b3c66}.bar-text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.7);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.6px;z-index:2}.perks-list{margin:0;padding:0;list-style:none;color:var(--ink-soft);font-size:12px;line-height:1.4;min-height:70px;display:grid;gap:5px}.perks-list li{position:relative;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0a1428b3,#030a16d9);color:var(--ink);padding:7px 10px 7px 14px;font-size:12px}.perks-list li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gold-1),var(--gold-4))}.stat-pill{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.stat-pill span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-3);font-weight:700}.stat-pill b{color:var(--gold-2);font-size:13px;font-variant-numeric:tabular-nums}.stat-pill-offense{border-color:#e77e5a8c!important}.stat-pill-offense:before{background:linear-gradient(180deg,#e77e5a,#8a3a1e)!important}.stat-pill-defense{border-color:#d4b06a8c!important}.stat-pill-defense:before{background:linear-gradient(180deg,#d4b06a,#6b5520)!important}.stat-pill-mobility{border-color:#5fd4d68c!important}.stat-pill-mobility:before{background:linear-gradient(180deg,#5fd4d6,#1e6a6d)!important}.stat-pill-utility{border-color:#8ea0e68c!important}.stat-pill-utility:before{background:linear-gradient(180deg,#8ea0e6,#3b4e8e)!important}.stats-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;border:1px solid var(--gold-5);border-radius:3px;background:linear-gradient(180deg,#121c34b8,#050c18d9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #f0e6d214,inset 0 -1px #00000080,0 4px 12px #00000059}.stats-card:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,155,60,.45),transparent);pointer-events:none}.stats-group{position:relative;padding:6px 4px 6px 10px;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 60%)}.stats-group:before{content:"";position:absolute;top:4px;bottom:4px;left:0;width:2px;border-radius:1px}.stats-group-offense:before{background:linear-gradient(180deg,#ef6b4a,#7a2d15)}.stats-group-defense:before{background:linear-gradient(180deg,#d4b06a,#6b5520)}.stats-group-utility:before{background:linear-gradient(180deg,#6aa8d6,#2a4d74)}.stats-group-label{display:block;font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:4px;opacity:.85}.stats-group-offense .stats-group-label{color:#f2947a}.stats-group-defense .stats-group-label{color:#e0c178}.stats-group-utility .stats-group-label{color:#8ebadf}.stats-row{display:flex;flex-wrap:wrap;gap:4px 6px}.stat-chip{display:flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;border-radius:10px;background:linear-gradient(180deg,#ffffff0a,#00000040);border:1px solid rgba(255,255,255,.06);min-width:0;transition:background .15s ease,border-color .15s ease}.stat-chip:hover{background:linear-gradient(180deg,#ffffff14,#00000040);border-color:#c89b3c4d}.stats-group-offense .stat-chip{border-color:#ef6b4a38}.stats-group-defense .stat-chip{border-color:#d4b06a38}.stats-group-utility .stat-chip{border-color:#6aa8d638}.stat-chip-icon{width:16px;height:16px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));flex-shrink:0}.stat-chip-value{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.2px;color:#f2ead1;text-shadow:0 1px 1px rgba(0,0,0,.8)}.control-note{position:relative;color:var(--ink-soft);background:linear-gradient(180deg,#2cb8e617,#030a16d9);border:1px solid rgba(44,184,230,.38);border-radius:2px;padding:10px 12px;font-size:12px;line-height:1.45}.control-note:before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--accent-2)}.canvas-column{padding:10px;display:flex;flex-direction:column;gap:10px}.canvas-frame{position:relative;border:1px solid var(--gold-4);border-radius:2px;overflow:hidden;background:#020617;box-shadow:inset 0 0 0 1px #0009,inset 0 0 40px #000000b3,0 0 18px #c89b3c14;width:100%}.canvas-frame:before,.canvas-frame:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none;z-index:2}.canvas-frame:before{top:4px;left:4px;border-top:2px solid var(--gold-1);border-left:2px solid var(--gold-1)}.canvas-frame:after{bottom:4px;right:4px;border-bottom:2px solid var(--gold-1);border-right:2px solid var(--gold-1)}.damage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:3;background:radial-gradient(ellipse at center,transparent 72%,rgba(239,68,68,.22) 100%);mix-blend-mode:screen}.damage-vignette.damage-vignette-flash{animation:damage-vignette-pulse .4s ease-out forwards}@keyframes damage-vignette-pulse{0%{opacity:0}22%{opacity:.55}to{opacity:0}}.pixi-host{width:100%;aspect-ratio:1400 / 820}.pixi-host canvas{display:block;width:100%!important;height:auto!important}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:1400 / 820;cursor:crosshair;touch-action:none}.canvas-footer{display:flex;justify-content:space-between;align-items:center;color:var(--gold-3);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;padding:2px 4px}.bottom-game-hud{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:2;display:grid;grid-template-columns:1fr;gap:6px;border:1px solid var(--gold-3);border-radius:2px;background:linear-gradient(180deg,#0a1428eb,#030a16f5);padding:8px 14px;min-width:420px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 10px 28px #0009,0 0 0 1px #0009,inset 0 1px #f0e6d224,inset 0 -1px #0009,0 0 24px #c89b3c24;pointer-events:none}.bottom-game-hud-slim{min-width:0;padding:6px 10px;background:linear-gradient(180deg,#0a14288c,#030a16b8);border:1px solid rgba(200,155,60,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px #0000008c,inset 0 1px #f0e6d21a,0 0 18px #c89b3c1a}.bottom-game-hud-slim .ability-row{padding-top:0;gap:8px}.bottom-game-hud-slim .ability-slot{width:48px;height:48px}.bottom-game-hud-slim .ability-slot-passive{width:36px;height:36px}.ability-slot-passive{width:40px;height:40px;background:linear-gradient(180deg,#0f1b33f2,#030a16fa);border:1.4px solid var(--gold-3);cursor:default;opacity:.92}.ability-slot-passive .ability-key{font-size:13px;letter-spacing:1px;color:var(--gold-2);text-shadow:0 1px 2px rgba(0,0,0,.85)}.ability-slot-passive:before,.ability-slot-passive:after{display:none}.bottom-game-hud:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(200,155,60,.15);border-radius:1px;pointer-events:none}.bottom-game-hud>section{position:relative;z-index:1}.lol-stats-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;padding:2px 4px;position:relative}.lol-stats-panel:before{content:"";position:absolute;top:-3px;left:-4px;right:-4px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-3) 50%,transparent)}.lol-stats-panel:after{content:"";position:absolute;bottom:-3px;left:-4px;right:-4px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-4) 50%,transparent)}.lol-stat{display:flex;align-items:center;gap:6px;min-height:18px}.lol-stat-icon-img{width:16px;height:16px;display:block;border-radius:1px;border:1px solid var(--gold-4);background:linear-gradient(180deg,#1e2d4a,#0a1428);box-shadow:inset 0 1px #c89b3c2e,0 1px 2px #0009;padding:1px}.lol-stat-value{color:var(--gold-2);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.3px}.ability-row{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:4px}.hero-portrait-frame{position:relative;width:58px;height:58px;border-radius:2px;border:1.5px solid var(--gold-1);background:linear-gradient(180deg,#1e2d4a,#0a1428 55%,#05101c);box-shadow:inset 0 1px #f0e6d238,inset 0 -1px #0009,0 2px 8px #0000008c,0 0 16px #c89b3c38;padding:3px;display:grid;grid-template-rows:1fr auto;gap:2px}.hero-portrait-frame:before,.hero-portrait-frame:after{content:"";position:absolute;width:8px;height:8px;border:1.5px solid var(--gold-2)}.hero-portrait-frame:before{top:-3px;left:-3px;border-right:none;border-bottom:none}.hero-portrait-frame:after{bottom:-3px;right:-3px;border-left:none;border-top:none}.hero-portrait-core{border-radius:2px;border:1px solid var(--gold-3);color:#0a1428;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(255,246,220,.4);letter-spacing:.5px}.hero-portrait-level{border-radius:2px;background:linear-gradient(180deg,#0a1428,#030a14);border:1px solid var(--gold-3);color:var(--gold-2);font-size:10px;font-weight:800;text-align:center;line-height:1.4;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ability-bar{display:flex;justify-content:center;gap:6px}.ability-slot{position:relative;width:52px;height:52px;border-radius:2px;border:1.5px solid var(--gold-4);background:radial-gradient(circle at 30% 25%,#4e78be61,#0a1428fa);color:var(--gold-2);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #f0e6d229,inset 0 -1px #00000080,0 2px 5px #0000008c;transition:border-color .18s ease,box-shadow .2s ease}.ability-slot:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:1px;border:1px solid rgba(200,155,60,.22);pointer-events:none}.ability-slot:after{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-2),transparent);opacity:.5}.ability-slot-ult{border-color:var(--gold-1);background:radial-gradient(circle at 30% 25%,#daaa466b,#2a1c0cfa)}.ability-slot-ult:before{border-color:#f0e6d24d}.ability-slot-on-cd{filter:saturate(.55) brightness(.6);border-color:var(--gold-5)}.ability-slot-locked{filter:grayscale(.6) brightness(.5);border-color:var(--gold-5)}.ability-slot-ready{box-shadow:inset 0 1px #f0e6d22e,inset 0 -1px #00000080,0 2px 5px #0000008c,0 0 14px #4e78be7a;border-color:#6a98d4}.ability-slot-ult.ability-slot-ready{box-shadow:inset 0 1px #f0e6d23d,inset 0 -1px #00000080,0 2px 5px #0000008c,0 0 22px #c89b3c80;border-color:var(--gold-2);animation:ultPulse 2.2s ease-in-out infinite}@keyframes ultPulse{0%,to{box-shadow:inset 0 1px #f0e6d23d,inset 0 -1px #00000080,0 2px 5px #0000008c,0 0 18px #c89b3c66}50%{box-shadow:inset 0 1px #f0e6d24d,inset 0 -1px #00000080,0 2px 5px #0000008c,0 0 28px #c89b3ca6}}.ability-key{font-size:16px;font-weight:800;letter-spacing:.6px;text-shadow:0 1px 3px rgba(0,0,0,.85);color:var(--gold-2);z-index:2;position:relative}.ability-slot-ult .ability-key{color:#fff8e0;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(200,155,60,.6)}.ability-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(0,0,0,.9);background:#010510ad;border-radius:2px;z-index:3;letter-spacing:.4px}.ability-cd:empty{background:transparent}#tab-stats-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.tab-stats-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0106109e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.tab-stats-modal{position:relative;width:min(780px,calc(100% - 24px));border:1px solid var(--gold-3);border-radius:2px;background:linear-gradient(180deg,#0a1428f5,#030a16fa);box-shadow:0 0 0 1px #0009,0 22px 50px #000000a6,inset 0 1px #f0e6d229,0 0 40px #c89b3c2e;padding:18px 20px}.tab-stats-modal:before,.tab-stats-modal:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--gold-2);pointer-events:none}.tab-stats-modal:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.tab-stats-modal:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.tab-stats-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--gold-5);position:relative}.tab-stats-head:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-3) 50%,transparent)}.tab-stats-head h3{margin:0;color:var(--gold-2);font-size:20px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.tab-stats-head span{color:var(--gold-3);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}.tab-stats-table{width:100%;border-collapse:collapse;margin-top:12px;color:var(--ink);font-size:13px}.tab-stats-table th,.tab-stats-table td{border-bottom:1px solid rgba(120,141,177,.14);padding:9px 10px;text-align:right;font-variant-numeric:tabular-nums}.tab-stats-table th{color:var(--gold-1);font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;border-bottom:1px solid var(--gold-5)}.tab-stats-table tr:hover td{background:#c89b3c0d}.tab-stats-table th:first-child,.tab-stats-table td:first-child{text-align:left}.tab-stat-name{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600}.tab-stat-name img{width:18px;height:18px;border-radius:2px;border:1px solid var(--gold-4);background:linear-gradient(180deg,#1e2d4a,#0a1428);padding:1px;box-shadow:inset 0 1px #c89b3c2e}.tab-stat-bonus-pos{color:var(--ok);font-weight:700}.tab-stat-bonus-neg{color:var(--danger);font-weight:700}.tab-stat-bonus-zero{color:var(--dim)}.tab-abilities{margin-top:16px;padding-top:14px;border-top:1px solid rgba(200,155,60,.28)}.tab-abilities-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.tab-abilities-head>span:first-child{color:var(--gold-1);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.tab-abilities-hint{color:var(--dim);font-size:11px;letter-spacing:.6px}.tab-ability-bar{justify-content:flex-start;gap:10px}.tab-ability-bar .ability-slot{width:58px;height:58px;cursor:help}.ability-tooltip-host{position:fixed;top:0;left:0;z-index:9999;width:320px;max-width:calc(100vw - 16px);pointer-events:none!important;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;color:var(--ink);background:linear-gradient(180deg,#0e182cf7,#030a16fa);border:1px solid var(--gold-3);border-radius:3px;padding:12px 14px 13px;box-shadow:0 16px 36px #000000a6,0 0 0 1px #0009,inset 0 1px #f0e6d224,0 0 26px #c89b3c33}.ability-tooltip-host.ability-tooltip-visible{opacity:1;transform:translateY(0)}.ability-tooltip-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(200,155,60,.3);margin-bottom:9px}.ability-tooltip-key{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;letter-spacing:.5px;color:var(--gold-1);background:radial-gradient(circle at 30% 25%,#4e78be7a,#0a1428fa);border:1px solid var(--gold-4);border-radius:2px;text-shadow:0 1px 2px rgba(0,0,0,.85)}.ability-tooltip-head-ult .ability-tooltip-key{color:#fff8e0;background:radial-gradient(circle at 30% 25%,#daaa468c,#2a1c0cfa);border-color:var(--gold-1)}.ability-tooltip-title{display:flex;flex-direction:column;gap:2px;min-width:0}.ability-tooltip-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ability-tooltip-name{color:var(--gold-2);font-weight:700;font-size:14px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ability-tooltip-type{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:2px 6px;border:1px solid currentColor;border-radius:2px;opacity:.85}.ability-tooltip-type-passive{color:var(--gold-2)}.ability-tooltip-head-passive .ability-tooltip-key{background:linear-gradient(180deg,#463714,#1f1808 70%);color:var(--gold-2)}.ability-tooltip-cd{color:var(--gold-3);font-size:10.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;font-variant-numeric:tabular-nums}.ability-tooltip-cd-base{color:var(--dim);text-decoration:line-through}.ability-tooltip-cd-arrow{color:var(--gold-4);margin:0 2px}.ability-tooltip-desc{margin:0;color:var(--ink);font-size:12px;line-height:1.45}.ability-tooltip-preview{margin-top:10px;padding-top:8px;border-top:1px dashed rgba(200,155,60,.25)}.ability-tooltip-preview-label{color:var(--gold-1);font-size:9.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:5px}.ability-tooltip-preview-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.ability-tooltip-preview-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 0;font-size:12px}.ability-tooltip-preview-name{color:var(--ink-soft);font-size:11.5px}.ability-tooltip-preview-value{color:var(--gold-2);font-weight:700;font-variant-numeric:tabular-nums;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ability-tooltip-footer{margin-top:8px;padding-top:7px;border-top:1px dashed rgba(200,155,60,.18);color:var(--dim);font-size:10.5px;letter-spacing:.6px;font-style:italic}.ability-slot[data-slot]{cursor:help;pointer-events:auto}.stat-tooltip-host{position:fixed;top:0;left:0;z-index:9999;width:260px;max-width:calc(100vw - 16px);pointer-events:none!important;opacity:0;transform:translateY(4px);transition:opacity .1s ease,transform .1s ease;color:var(--ink);background:linear-gradient(180deg,#0e182cf7,#030a16fa);border:1px solid var(--gold-3);border-radius:3px;padding:10px 12px;box-shadow:0 14px 30px #0009,0 0 0 1px #0000008c,inset 0 1px #f0e6d21f,0 0 22px #c89b3c2e}.stat-tooltip-host.stat-tooltip-visible{opacity:1;transform:translateY(0)}.stat-tooltip-head{display:flex;align-items:center;gap:8px;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid rgba(200,155,60,.25)}.stat-tooltip-icon{width:18px;height:18px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.stat-tooltip-name{font-weight:700;font-size:13px;letter-spacing:.4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stat-tooltip-desc{margin:0;color:var(--ink-soft);font-size:11.5px;line-height:1.45}.stat-chip[data-stat],.tab-stats-table tr[data-stat]{cursor:help}.combat-feed{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px}.combat-feed li{position:relative;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0a1428d1,#030a16e6);color:var(--ink-soft);font-size:12px;padding:5px 10px 5px 14px}.combat-feed li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold-3)}.training-layout{padding:14px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start;height:calc(100vh - 36px);font-size:12px}.training-layout .menu-title{font-size:clamp(22px,2.4vw,30px);line-height:1.02;margin-bottom:2px}.training-layout .menu-subtitle{font-size:12px;margin-top:6px}.training-panel,.training-stage{position:relative;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0a1428f0,#030a16fa)}.training-panel:before,.training-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-1),transparent);opacity:.6}.training-panel{padding:14px;display:grid;gap:10px;align-content:start;max-height:100%;overflow:auto;min-width:0}.training-stage{padding:10px;min-width:0;display:flex;flex-direction:column;gap:10px}.training-section{position:relative;border:1px solid var(--gold-5);border-radius:2px;background:linear-gradient(180deg,#0f1b33d1,#030a16e6);padding:12px}.training-section:before{content:"";position:absolute;top:0;left:0;width:8px;height:8px;background:var(--gold-3);clip-path:polygon(0 0,100% 0,0 100%);opacity:.7}.training-section h3{margin:0 0 10px;font-size:11px;color:var(--gold-1);text-transform:uppercase;letter-spacing:1.8px;font-weight:700;padding-bottom:6px;border-bottom:1px solid var(--gold-5)}.training-actions{display:grid;gap:6px}.training-actions .btn{width:100%}.training-note{color:var(--ink-soft);font-size:11px;line-height:1.5}.training-layout .btn{font-size:11px;padding:8px 12px;letter-spacing:1px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#010610c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:4;animation:overlayIn .25s ease}@keyframes overlayIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.overlay-panel{position:relative;width:min(880px,calc(100% - 24px));border:1px solid var(--gold-3);border-radius:2px;background:radial-gradient(640px 300px at 50% -10%,rgba(200,155,60,.1),transparent 65%),linear-gradient(180deg,#0a1428f7,#030a16fc);padding:26px 28px;box-shadow:0 0 0 1px #0009,0 28px 58px #0009,inset 0 1px #f0e6d22e,0 0 48px #c89b3c2e}.overlay-panel:before,.overlay-panel:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--gold-1);pointer-events:none}.overlay-panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.overlay-panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.overlay-title{margin:0;font-size:30px;color:var(--gold-2);font-weight:700;letter-spacing:2.2px;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 28px rgba(200,155,60,.35)}.overlay-title-centered{text-align:center;position:relative;padding-bottom:14px}.overlay-title-centered:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:140px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-1),transparent)}.overlay-sub{margin:10px 0 0;color:var(--ink-soft);font-size:13px;letter-spacing:1px;text-transform:uppercase;text-align:center}.cards{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{--card-border: linear-gradient(135deg, rgba(148, 163, 184, .5), rgba(71, 85, 105, .42));--card-glow: rgba(148, 163, 184, .3);position:relative;border-radius:2px;background:linear-gradient(180deg,#0f1b33f5,#030a16fa);padding:16px 16px 18px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,box-shadow .2s ease;cursor:pointer;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.9;transition:opacity .2s ease;pointer-events:none}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5px;background:var(--card-border);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.card>*{position:relative;z-index:1}.card-corner-tl,.card-corner-br{display:none}.card-silver{--card-border: linear-gradient(135deg, #e6eef7 0%, #a9b4c4 50%, #4a5264 100%);--card-glow: rgba(203, 213, 225, .4)}.card-silver:before{background:radial-gradient(300px 160px at 50% 0%,rgba(203,213,225,.14),transparent 70%),linear-gradient(180deg,rgba(80,95,120,.18) 0%,transparent 100%)}.card-silver:hover{box-shadow:0 0 0 1px #00000080,0 0 26px var(--card-glow),inset 0 0 18px #cbd5e11a}.card-gold{--card-border: linear-gradient(135deg, #fef3c7 0%, #f5c44a 35%, #c89b3c 65%, #785a28 100%);--card-glow: rgba(200, 155, 60, .55)}.card-gold:before{background:radial-gradient(320px 180px at 50% 0%,rgba(200,155,60,.26),transparent 70%),linear-gradient(180deg,rgba(120,90,40,.24) 0%,transparent 100%)}.card-gold:hover{box-shadow:0 0 0 1px #00000080,0 0 32px var(--card-glow),inset 0 0 20px #c89b3c2e}.card-prismatic{--card-border: linear-gradient(135deg, #ff72c1 0%, #c084fc 28%, #60a5fa 55%, #34d399 82%, #fbbf24 100%);--card-glow: rgba(180, 100, 255, .5)}.card-prismatic:before{background:radial-gradient(320px 180px at 50% 0%,rgba(192,132,252,.22),transparent 70%),conic-gradient(from 180deg at 50% 50%,#ff72c12e,#c084fc29,#60a5fa29,#34d39929,#ff72c12e 360deg)}.card-prismatic:hover{box-shadow:0 0 0 1px #00000080,0 0 32px var(--card-glow),inset 0 0 22px #c084fc33}.card-spell{--card-border: linear-gradient(135deg, #bae6fd 0%, #60a5fa 45%, #3b82f6 70%, #1e40af 100%);--card-glow: rgba(96, 165, 250, .45)}.card-spell:before{background:radial-gradient(320px 180px at 50% 0%,rgba(96,165,250,.2),transparent 70%),linear-gradient(180deg,rgba(30,64,175,.22) 0%,transparent 100%)}.card-spell:hover{box-shadow:0 0 0 1px #00000080,0 0 28px var(--card-glow),inset 0 0 20px #60a5fa24}.card-spell .card-tag{color:#bfdbfe}.card-spell-r{--card-border: linear-gradient(135deg, #fde68a 0%, #f59e0b 35%, #e11d48 65%, #c026d3 100%);--card-glow: rgba(244, 114, 182, .55)}.card-spell-r:before{background:radial-gradient(320px 180px at 50% 0%,rgba(244,114,182,.26),transparent 70%),conic-gradient(from 180deg at 50% 50%,#fde68a2e,#f59e0b2e,#e11d482e,#fde68a2e 360deg)}.card-spell-r:hover{box-shadow:0 0 0 1px #00000080,0 0 34px var(--card-glow),inset 0 0 22px #f472b633}.card-spell-r .card-tag{background:linear-gradient(90deg,#fde68a,#f59e0b,#e11d48,#c026d3);-webkit-background-clip:text;background-clip:text;color:transparent}.card:hover{transform:translateY(-5px)}.card-tag{font-size:10px;color:var(--gold-1);text-transform:uppercase;letter-spacing:2.2px;font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--gold-5)}.card-silver .card-tag{color:#cbd5e1}.card-prismatic .card-tag{background:linear-gradient(90deg,#ff72c1,#c084fc,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}.card-title{margin-top:10px;font-size:17px;color:var(--gold-2);font-weight:700;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.4)}.card-desc{margin-top:10px;color:var(--ink-soft);font-size:13px;line-height:1.5}.card-btn{display:none}.card-diff{margin-top:12px;padding:10px 12px 8px;list-style:none;border-top:1px solid rgba(148,163,184,.2);background:#0f172a59;border-radius:6px;display:flex;flex-direction:column;gap:4px}.card-diff li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;line-height:1.3}.card-diff-label{color:var(--ink-soft);letter-spacing:.3px}.card-diff-values{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;font-weight:600}.card-diff-before{color:#94a3b8;text-decoration:line-through;text-decoration-color:#94a3b873}.card-diff-arrow{color:#fbbf24;font-weight:700}.card-diff-after{color:#fde68a}.result-stats{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.result-stat{position:relative;border:1px solid var(--gold-5);background:linear-gradient(180deg,#0f1b33db,#030a16f0);border-radius:2px;padding:12px 14px;color:var(--ink-soft);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.result-stat:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold-1),var(--gold-4))}.result-stat b{color:var(--gold-2);font-size:22px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}.result-mastery{position:relative;margin-top:18px;padding:14px 16px;border:1px solid var(--gold-5);background:linear-gradient(180deg,#0f1b33db,#030a16f0);border-radius:2px}.result-mastery-head{display:flex;align-items:baseline;gap:14px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:var(--gold-3);margin-bottom:8px}.result-mastery-label{color:var(--gold-1)}.result-mastery-level{color:var(--gold-2);letter-spacing:1.2px}.result-mastery-gain{margin-left:auto;color:var(--gold-1);font-variant-numeric:tabular-nums}.result-mastery-bar{height:10px;border:1px solid var(--gold-5);background:#030a16d9;border-radius:2px;overflow:hidden}.result-mastery-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-3),var(--gold-1));box-shadow:0 0 10px #d5a9568c;transition:width 80ms linear}.result-mastery-progress{margin-top:6px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--gold-3);letter-spacing:1px;text-align:right}.result-mastery-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);font-size:22px;font-weight:900;letter-spacing:3px;color:var(--gold-1);text-transform:uppercase;pointer-events:none;opacity:0;text-shadow:0 0 18px rgba(213,169,86,.85)}.result-mastery-flash-active{animation:resultMasteryFlash 1.1s ease-out forwards}@keyframes resultMasteryFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.overlay-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hud-column::-webkit-scrollbar,.training-panel::-webkit-scrollbar{width:6px}.hud-column::-webkit-scrollbar-track,.training-panel::-webkit-scrollbar-track{background:#030a1699}.hud-column::-webkit-scrollbar-thumb,.training-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-4),var(--gold-5));border-radius:0}.hud-column::-webkit-scrollbar-thumb:hover,.training-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--gold-1),var(--gold-4))}@media(max-width:980px){body{padding:8px}.menu-screen{padding:12px;min-height:0}.menu-panel-main{padding:18px}.menu-action-grid{grid-template-columns:1fr}.game-intro{grid-template-columns:1fr;padding:12px}.game-play{grid-template-columns:1fr}.bottom-game-hud{position:static;transform:none;min-width:0;width:100%;gap:10px}.lol-stats-panel{grid-template-columns:1fr 1fr}.ability-slot{width:52px;height:52px}.cards,.hero-select-body{grid-template-columns:1fr}.hero-select-head{flex-direction:column;align-items:flex-start;gap:10px}.spell-bubble{width:68px;height:68px}.spell-bubble-glyph{font-size:26px}.training-layout{grid-template-columns:1fr;height:auto}.training-panel{max-height:none}.tab-stats-modal{width:calc(100% - 12px)}.shop-heroes,.shop-grid{grid-template-columns:1fr}}.shop-screen{padding:24px 32px;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid var(--gold-5);padding-bottom:14px}.shop-head-actions{display:flex;align-items:center;gap:14px}.shop-wallet{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #f59e0b;border-radius:2px;background:linear-gradient(180deg,#452a08e6,#1a0e02eb);color:#facc15;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1.2px;text-shadow:0 0 8px rgba(250,204,21,.35)}.shop-wallet-icon{color:#fde68a;font-size:10px}.shop-wallet-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#fde68a}.shop-tabs{display:flex;gap:6px;border-bottom:1px solid var(--gold-5)}.shop-tab{background:transparent;border:1px solid transparent;border-bottom:none;color:var(--gold-3);padding:10px 22px;cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;border-radius:2px 2px 0 0;transition:color .14s,background .14s,border-color .14s}.shop-tab:hover{color:var(--gold-1)}.shop-tab-active{color:var(--gold-1);background:linear-gradient(180deg,rgba(200,155,60,.15),transparent);border-color:var(--gold-4)}.shop-body{min-height:480px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.shop-card{position:relative;border:1px solid var(--gold-5);background:linear-gradient(180deg,#0a1428eb,#030a16f5);padding:16px;display:flex;flex-direction:column;gap:10px;border-radius:2px;box-shadow:inset 0 0 0 1px #c89b3c14;transition:border-color .14s,transform .14s}.shop-card:hover{transform:translateY(-2px);border-color:var(--gold-3)}.shop-card-offense{border-top:2px solid #f97316}.shop-card-defense{border-top:2px solid #38bdf8}.shop-card-utility{border-top:2px solid #a78bfa}.shop-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.shop-card-title{font-weight:800;color:var(--gold-1);letter-spacing:1.2px;text-transform:uppercase;font-size:14px}.shop-card-level{font-size:12px;color:var(--gold-3);font-variant-numeric:tabular-nums}.shop-card-desc{color:#cbd5e1;font-size:13px;line-height:1.45;margin:0}.shop-card-pips{display:flex;gap:6px}.shop-pip{width:14px;height:6px;border:1px solid rgba(200,155,60,.45);background:#0f1b33e6;border-radius:1px}.shop-pip-filled{background:linear-gradient(90deg,var(--gold-3),var(--gold-1));border-color:var(--gold-1);box-shadow:0 0 6px #facc1566}.shop-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:10px}.shop-card-price{font-weight:700;color:#facc15;font-variant-numeric:tabular-nums;font-size:14px}.shop-card-price-low{color:#f87171}.shop-card-price-maxed{color:#94a3b8}.shop-buy{min-width:96px}.shop-heroes{display:grid;grid-template-columns:320px 1fr;gap:20px}.shop-hero-roster{display:flex;flex-direction:column;gap:6px}.shop-hero-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--gold-5);background:linear-gradient(180deg,#0a1428e6,#030a16f0);color:var(--gold-1);text-align:left;cursor:pointer;font-family:inherit;border-radius:2px;transition:border-color .14s,background .14s}.shop-hero-row:hover{border-color:var(--gold-3)}.shop-hero-row-active{border-color:var(--gold-1);background:linear-gradient(180deg,#c89b3c29,#0a1428f2)}.shop-hero-row-locked{opacity:.82}.shop-hero-row-unreleased{cursor:not-allowed;opacity:.55;filter:grayscale(.45)}.shop-hero-row-unreleased:hover{border-color:var(--gold-5)}.shop-hero-row-unreleased .shop-hero-row-status{color:#94a3b8}.shop-hero-row-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px #ffffff59}.shop-hero-row-text{display:flex;flex-direction:column;gap:3px}.shop-hero-row-name{font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase}.shop-hero-row-role{font-size:11px;color:var(--gold-3);letter-spacing:.6px}.shop-hero-row-lock{font-size:11px;margin-left:4px}.shop-hero-row-status{font-size:12px;font-weight:700;color:#facc15;font-variant-numeric:tabular-nums}.shop-hero-row-owned .shop-hero-row-status{color:#4ade80}.shop-hero-stage{border:1px solid var(--gold-5);background:linear-gradient(180deg,#0a1428eb,#030a16f5);padding:20px;display:flex;flex-direction:column;gap:16px;border-radius:2px}.shop-preview-frame{position:relative;overflow:hidden;width:100%;margin:0 auto}.shop-preview-frame .pixi-host{aspect-ratio:1400 / 820;width:100%}.shop-hero-head{display:flex;align-items:center;gap:14px}.shop-hero-head-text{flex:1;min-width:0}.shop-hero-head-action{margin-left:auto;display:flex;align-items:center}.shop-hero-head-action .shop-hero-status{padding-top:0;border-top:none;flex-direction:row;gap:12px}.shop-hero-status{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:6px;border-top:1px dashed rgba(200,155,60,.25)}.shop-hero-status-owned{color:#4ade80;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;justify-content:flex-end}.shop-hero-price{font-weight:800;color:#facc15;font-size:15px;font-variant-numeric:tabular-nums}.hero-row-locked{opacity:.7}.hero-row-locked .hero-row-chev{color:#f87171;font-size:14px}.menu-user{display:flex;align-items:center;gap:14px;padding:10px 14px;margin:-18px -8px 18px;border-radius:14px;background:#0a1628b8;border:1px solid rgba(80,110,170,.28)}.menu-user-guest{justify-content:space-between}.menu-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#3c5a8c66;border:1px solid rgba(140,180,230,.4);flex-shrink:0}.menu-user-avatar-fallback{display:grid;place-items:center;font-weight:800;color:#e5e7eb}.menu-user-info{flex:1;min-width:0}.menu-user-pseudo{font-weight:800;color:#f1f5f9;letter-spacing:.4px}.menu-user-pseudo-missing{color:#fbbf24}.menu-user-email{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-user-edit{background:transparent;color:#cbd5f5;border:1px solid rgba(140,180,230,.36);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px;transition:background-color .15s}.menu-user-edit:hover{background:#8cb4e61a}.menu-user-edit-warn{border-color:#fbbf24;color:#fbbf24}.menu-user-out{padding:6px 12px;font-size:12px}.menu-user-in{margin-left:auto}.menu-flash{margin:-8px -8px 16px;padding:10px 14px;border-radius:10px;font-weight:600;font-size:13px}.menu-flash-error{background:#f8717124;border:1px solid rgba(248,113,113,.45);color:#fecaca}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030a16b8;display:grid;place-items:center;z-index:200;animation:menuFadeUp .18s ease-out both}.modal-card{width:min(440px,calc(100vw - 32px));padding:22px;background:linear-gradient(180deg,#0e1a30fa,#060e1cfa);border:1px solid rgba(140,180,230,.3);border-radius:16px;box-shadow:0 18px 60px #00000080}.modal-title{font-size:20px;margin:0 0 6px;color:#f1f5f9}.modal-sub{font-size:13px;color:#94a3b8;margin:0 0 14px}.modal-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:10px}.pseudo-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(140,180,230,.36);background:#050c18d9;color:#f1f5f9;font-size:16px;font-weight:600;letter-spacing:.6px;outline:none;transition:border-color .15s,box-shadow .15s}.pseudo-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.pseudo-status{min-height:18px;margin-top:10px;font-size:13px;font-weight:600}.pseudo-status-ok{color:#4ade80}.pseudo-status-err{color:#f87171}.pseudo-status-neutral{color:#94a3b8}