@font-face{font-family:Beaufort for LOL;src:url(/fonts/BeaufortforLOL-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Beaufort for LOL;src:url(/fonts/BeaufortforLOL-Bold.otf) format("opentype");font-weight:600 800;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel-SemiBold.otf) format("opentype");font-weight:500 600;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel-Bold.otf) format("opentype");font-weight:700 900;font-display:swap}:root{--hx-blue-1: #cdfafa;--hx-blue-2: #0ac8b9;--hx-blue-3: #0397ab;--hx-blue-4: #005a82;--hx-blue-5: #0a323c;--hx-blue-6: #091428;--hx-blue-7: #0a1428;--hx-blue-8: #010a13;--hx-gold-1: #f0e6d2;--hx-gold-2: #c8aa6e;--hx-gold-3: #c89b3c;--hx-gold-4: #785a28;--hx-gold-5: #463714;--hx-gold-6: #32281e;--hx-grey-1: #a09b8c;--hx-grey-1-5: #5b5a56;--hx-grey-2: #3c3c41;--hx-grey-3: #1e2328;--hx-grey-cool: #1e282d;--bg: var(--hx-blue-8);--bg-elev: #0b1622;--bg-panel: linear-gradient(180deg, #0f1f2e 0%, #081019 100%);--border: var(--hx-gold-4);--border-strong: var(--hx-gold-2);--text: var(--hx-gold-1);--text-muted: var(--hx-grey-1);--text-dim: #7d7868;--accent: var(--hx-blue-2);--accent-2: var(--hx-blue-3);--gold: var(--hx-gold-2);--danger: #e04b4b;--warn: #e0a83c;--ok: #3ccf91;--font-title: "Beaufort for LOL", "Cinzel", "Times New Roman", serif;--font-body: "Spiegel", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 4px;--shadow: 0 8px 30px rgba(0, 0, 0, .55);--glow-blue: 0 0 18px rgba(10, 200, 185, .35);--glow-gold: 0 0 18px rgba(200, 170, 110, .35);--sidebar-w: 240px;--header-h: 60px;--ease: cubic-bezier(.2, .8, .2, 1)}.quiz-choices{display:grid;gap:8px;margin:12px 0}.quiz-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;background:#00000059;border:1px solid var(--hx-gold-5);border-radius:4px;color:var(--text);cursor:pointer;font:inherit;transition:all .15s var(--ease)}.quiz-choice:hover:not(:disabled){border-color:var(--hx-gold-3);background:#c8aa6e0f}.quiz-choice.picked{border-color:var(--hx-blue-2);box-shadow:0 0 0 1px var(--hx-blue-2) inset}.quiz-choice.right{border-color:var(--ok);background:#3ccf911a}.quiz-choice.wrong{border-color:var(--danger);background:#e04b4b1a}.quiz-choice:disabled{cursor:default}.quiz-letter{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--hx-gold-4);font-family:var(--font-title);font-weight:700;font-size:.8rem;color:var(--gold)}.cat-card{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center}.ring{position:relative;width:64px;height:64px;flex:none}.ring svg{transform:rotate(-90deg);display:block}.ring .v{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:.85rem;color:var(--hx-gold-1)}.lesson-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid transparent;border-bottom-color:#c8aa6e1a;color:inherit;transition:background .15s}.lesson-row:hover{background:#c8aa6e0d;color:inherit}.lesson-row .st{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--hx-gold-4);display:grid;place-items:center;color:var(--text-dim);font-size:.75rem;font-weight:700}.lesson-row .st.done{background:linear-gradient(180deg,var(--hx-blue-3),var(--hx-blue-4));border-color:var(--hx-blue-2);color:#fff}.lesson-row .st.started{border-color:var(--gold);color:var(--gold)}.lesson-row .meta{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.lvl{display:inline-flex;gap:2px;align-items:flex-end}.lvl i{width:6px;height:10px;background:var(--hx-gold-6);border-radius:1px}.lvl i.on{background:var(--gold)}.lesson-bar{position:sticky;top:0;z-index:20;margin:-28px -36px 22px;padding:10px 36px;background:#010a13eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hx-gold-5)}@media(max-width:900px){.lesson-bar{top:var(--header-h);margin:-16px -14px 16px;padding:8px 14px}}.lesson-body>*+*{margin-top:18px}.steps{counter-reset:s;display:grid;gap:10px}.step{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:12px 14px;background:#0000004d;border:1px solid var(--hx-gold-5);border-radius:4px}.step:before{counter-increment:s;content:counter(s);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;color:var(--hx-blue-8);background:linear-gradient(180deg,var(--hx-gold-2),var(--hx-gold-4))}.step h4{margin:4px 0;color:var(--hx-gold-1);font-family:var(--font-body);font-size:1rem}.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.compare>div{padding:14px 16px;border-radius:4px;border:1px solid var(--hx-gold-5);background:#0000004d}.compare>div:first-child{border-color:#e04b4b73}.compare>div:last-child{border-color:#3ccf9173}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:6px}.checklist li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:#0000004d;border:1px solid var(--hx-gold-5);border-radius:4px;cursor:pointer}.checklist li.on{border-color:var(--hx-blue-3);color:var(--text-muted)}.checklist li .box{flex:none;width:20px;height:20px;border:1px solid var(--hx-gold-4);border-radius:3px;display:grid;place-items:center;color:var(--accent);margin-top:2px}.video-ref{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--hx-gold-5);background:#0000004d;border-radius:4px}.video-ref .src{flex:none;width:44px;height:44px;border-radius:4px;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;background:linear-gradient(180deg,#1e2328,#0b1016);border:1px solid var(--hx-gold-4);color:var(--gold)}.champ-row{display:flex;gap:10px;flex-wrap:wrap}.champ-row a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted);width:64px;text-align:center}.champ-row img,.item-row img{width:48px;height:48px;border-radius:4px;border:1px solid var(--hx-gold-4)}.item-row{display:flex;gap:10px;flex-wrap:wrap}.item-row>div{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted);width:74px;text-align:center}.ability-card{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:16px;align-items:start;border:1px solid var(--hx-gold-5);border-radius:4px;overflow:hidden;background:#0000004d}.ability-card video{width:100%;display:block;background:#000;aspect-ratio:1056 / 720;object-fit:cover}.ability-card .body{padding:12px 14px 12px 0}@media(max-width:700px){.ability-card{grid-template-columns:1fr}.ability-card .body{padding:0 14px 12px}}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.champ-tile{position:relative;display:block;border:1px solid var(--hx-gold-5);border-radius:4px;overflow:hidden;background:#000;color:inherit;aspect-ratio:1;transition:transform .15s var(--ease),border-color .15s}.champ-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--ease)}.champ-tile:hover{transform:translateY(-2px);border-color:var(--gold);color:inherit}.champ-tile:hover img{transform:scale(1.06)}.champ-tile .n{position:absolute;left:0;right:0;bottom:0;padding:14px 6px 5px;font-size:.7rem;font-weight:600;text-align:center;background:linear-gradient(transparent,#000000e6);color:var(--hx-gold-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-tile .seen{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--hx-blue-3);border:1px solid var(--hx-blue-1);display:grid;place-items:center}.champ-tile .pool{position:absolute;top:4px;left:4px}.hero{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--hx-gold-4);min-height:260px;display:flex;align-items:flex-end}.hero img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero .over{position:relative;width:100%;padding:60px 26px 22px;background:linear-gradient(transparent,#010a13bf 40%,#010a13fa)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--hx-gold-5);margin:18px 0;overflow-x:auto}.tabs button{background:none;border:none;color:var(--text-muted);padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--gold);border-bottom-color:var(--gold)}.stat-bars{display:grid;gap:6px}.stat-bars>div{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center;font-size:.85rem}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.filters .input{max-width:280px}.pill{padding:6px 12px;border-radius:999px;border:1px solid var(--hx-gold-5);background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.8rem}.pill.on{border-color:var(--gold);color:var(--gold);background:#c8aa6e14}.spell-icon{width:56px;height:56px;border-radius:4px;border:1px solid var(--hx-gold-4);display:block}.slot-wrap{position:relative;display:inline-block}.kbd-slot{position:absolute;bottom:-6px;right:-6px;width:20px;height:20px;border-radius:4px;background:var(--hx-blue-8);border:1px solid var(--gold);color:var(--gold);font-size:.65rem;font-weight:700;display:grid;place-items:center}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.item-card{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--hx-gold-5);border-radius:4px;background:#0000004d;cursor:pointer;color:inherit;text-align:left;font:inherit;transition:border-color .15s,transform .15s}.item-card:hover{border-color:var(--gold);transform:translateY(-1px)}.item-card img{width:44px;height:44px;border-radius:4px;border:1px solid var(--hx-gold-4);flex:none}.item-card .nm{font-size:.8rem;font-weight:600;line-height:1.2}.item-card .g{font-size:.72rem;color:var(--gold)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;display:grid;place-items:center;padding:16px}.modal{width:100%;max-width:640px;max-height:90vh;overflow-y:auto}.item-desc{font-size:.92rem}.item-desc .stats{color:var(--hx-blue-1);margin-bottom:8px}.item-desc .passive{color:var(--gold);font-weight:600}.item-desc .active{color:var(--ok);font-weight:600}.build-path{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.build-path img{width:36px;height:36px;border-radius:4px;border:1px solid var(--hx-gold-5)}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.kpi>div{padding:12px 14px;border:1px solid var(--hx-gold-5);border-radius:4px;background:#0000004d}.kpi .v{font-family:var(--font-title);font-size:1.5rem;font-weight:700;color:var(--hx-gold-1);line-height:1.1}.kpi .l{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}.kpi .d{font-size:.75rem;margin-top:4px}.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.heat i{display:block;aspect-ratio:1;border-radius:2px;background:#c8aa6e14;border:1px solid rgba(200,170,110,.08)}.heat i.l1{background:#0ac8b940}.heat i.l2{background:#0ac8b980}.heat i.l3{background:#0ac8b9d9}.match-row{display:grid;grid-template-columns:6px 56px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--hx-gold-5);border-left:none;border-radius:4px;background:#0000004d;color:inherit;margin-bottom:8px;transition:border-color .15s}.match-row:hover{border-color:var(--gold);color:inherit}.match-row .bar{height:100%;min-height:56px;border-radius:3px 0 0 3px;background:var(--danger)}.match-row.win .bar{background:var(--ok)}.match-row img.c{width:56px;height:56px;border-radius:4px;border:1px solid var(--hx-gold-4)}.match-row .kda{font-family:var(--font-title);font-weight:700;font-size:1.05rem}.tiny-items{display:flex;gap:3px}.tiny-items img,.tiny-items span{width:24px;height:24px;border-radius:3px;border:1px solid var(--hx-gold-5);background:#000;display:block}.minimap{position:relative;width:100%;max-width:512px;aspect-ratio:1;border:1px solid var(--hx-gold-4);border-radius:4px;overflow:hidden;background:#000}.minimap img{width:100%;height:100%;display:block}.minimap .dot{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #fff;box-shadow:0 0 6px #000c}.gold-chart{width:100%;height:200px}.scoreboard td img{width:26px;height:26px;border-radius:3px;border:1px solid var(--hx-gold-5);vertical-align:middle}.scoreboard tr.me td{background:#c8aa6e14}.insight{display:grid;grid-template-columns:4px 1fr;gap:12px;border:1px solid var(--hx-gold-5);border-radius:4px;overflow:hidden;background:#0000004d}.insight>i{display:block;background:var(--accent)}.insight.danger>i{background:var(--danger)}.insight.warn>i{background:var(--warn)}.insight.ok>i{background:var(--ok)}.insight .in{padding:12px 14px}.insight h4{margin:0 0 4px;font-family:var(--font-body);color:var(--hx-gold-1)}.game-card{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center}.game-ic{width:56px;height:56px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(180deg,#14232f,#0a141d);border:1px solid var(--hx-gold-4);color:var(--gold)}.game-ic svg{width:28px;height:28px}.arena{position:relative;border:1px solid var(--hx-gold-4);border-radius:6px;background:#000;overflow:hidden}.hud{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.hud .score{font-family:var(--font-title);font-weight:700;font-size:1.3rem;color:var(--gold)}.timer{font-family:var(--font-title);font-weight:700;font-variant-numeric:tabular-nums;color:var(--hx-blue-1)}.big-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.big-choice button{padding:14px;border:1px solid var(--hx-gold-5);border-radius:4px;background:#00000059;color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:all .15s}.big-choice button:hover:not(:disabled){border-color:var(--gold)}.big-choice button.right{border-color:var(--ok);background:#3ccf9126}.big-choice button.wrong{border-color:var(--danger);background:#e04b4b26}.flash{animation:flash .4s}@keyframes flash{0%{background:#e04b4b66}to{background:transparent}}.wave-lane{position:relative;height:120px;background:linear-gradient(90deg,rgba(10,200,185,.15),transparent 50%,rgba(224,75,75,.15));border:1px solid var(--hx-gold-5);border-radius:6px;overflow:hidden}.minion{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.4)}.minion.blue{background:var(--hx-blue-3)}.minion.red{background:var(--danger)}.minion.cannon{width:20px;height:20px;border-radius:4px}.tower{position:absolute;top:50%;transform:translate(-50%,-50%);width:26px;height:46px;border-radius:4px 4px 2px 2px}.tower.blue{background:linear-gradient(180deg,var(--hx-blue-2),var(--hx-blue-4))}.tower.red{background:linear-gradient(180deg,#ff8c8c,var(--danger))}.flashcard{min-height:220px;display:grid;place-items:center;text-align:center;padding:24px;cursor:pointer;perspective:800px}.flashcard .face{width:100%}.st{font-weight:600}.st-ad{color:#ff9c3d}.st-ap{color:#22a6f7}.st-true{color:#f5f5f5}.st-pen{color:#c46bff}.st-armor{color:#f5d06c}.st-mr{color:#b478e6}.st-heal{color:#3ccf91}.st-shield{color:#d8dde6}.st-cc{color:#ff7373}.st-ms{color:#f0e6d2}.st-as{color:#ffc86e}.st-hp{color:#5fdd7a}.st-mana{color:#4f9dff}.st-haste{color:#6ad0ff}.st-level{color:#f0e6d2}.st-keyword,.st-attention{color:#f0e6d2;font-weight:700}.st-passive{color:#c8aa6e;font-weight:700}.st-active{color:#3ccf91;font-weight:700}.item-desc .st{font-weight:600}.viewer-banner{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;background:linear-gradient(90deg,#0a323cf2,#0a1428f2);border-bottom:1px solid var(--hx-blue-4);color:var(--hx-blue-1);font-size:.85rem}@media(max-width:900px){.viewer-banner{top:var(--header-h)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(ellipse at 20% 0%,rgba(0,90,130,.25),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(120,90,40,.15),transparent 55%);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-title);font-weight:600;letter-spacing:.02em;margin:0 0 .5em;color:var(--hx-gold-1)}h1{font-size:clamp(1.5rem,2.6vw,2.2rem);text-transform:uppercase;letter-spacing:.08em}h2{font-size:clamp(1.2rem,2vw,1.55rem)}h3{font-size:1.1rem;color:var(--gold)}h4{font-size:.95rem;color:var(--hx-blue-1)}p{margin:0 0 .9em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--hx-blue-1)}img{max-width:100%}button{font-family:inherit}::selection{background:#0ac8b959}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--hx-blue-8)}::-webkit-scrollbar-thumb{background:var(--hx-gold-5);border:2px solid var(--hx-blue-8);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--hx-gold-4)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#0c1a27,#050b12);border-right:1px solid var(--hx-gold-5);display:flex;flex-direction:column;padding:18px 14px}.brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 8px 18px;border-bottom:1px solid var(--hx-gold-5);margin-bottom:14px;color:inherit;text-align:center}.brand img{width:72px;height:72px;filter:drop-shadow(0 0 14px rgba(200,170,110,.35))}.brand-title{display:flex;flex-direction:column;align-items:center;font-family:var(--font-title);font-weight:700;text-transform:uppercase;line-height:1.05}.brand-title span{font-size:1.05rem;letter-spacing:.22em;color:var(--hx-gold-1)}.brand-title span:last-of-type{color:var(--gold)}.brand-title small{display:block;margin-top:8px;color:var(--accent);font-size:.58rem;letter-spacing:.3em;white-space:nowrap;font-weight:600}.brand-inline{font-family:var(--font-title);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--hx-gold-1);white-space:nowrap}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text-muted);border-left:2px solid transparent;border-radius:0 var(--radius) var(--radius) 0;font-weight:500;font-size:.92rem;transition:all .18s var(--ease)}.nav a svg{width:20px;height:20px;flex:none;opacity:.8}.nav a:hover{color:var(--hx-gold-1);background:#c8aa6e0f}.nav a.active{color:var(--hx-gold-1);border-left-color:var(--gold);background:linear-gradient(90deg,rgba(200,170,110,.14),transparent)}.nav a.active svg{opacity:1;color:var(--gold)}.sidebar-foot{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--hx-gold-5);font-size:.78rem;color:var(--text-dim)}.main{min-width:0;padding:28px 36px 80px;max-width:1240px;width:100%;margin:0 auto}.topbar{display:none}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.main{padding:16px 14px 90px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:30;height:var(--header-h);padding:0 14px;background:#010a13eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hx-gold-5)}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#010a13f5;border-top:1px solid var(--hx-gold-5);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-dim);font-size:.62rem;padding:4px 0}.bottomnav a svg{width:22px;height:22px}.bottomnav a.active{color:var(--gold)}}@media(min-width:901px){.bottomnav{display:none}}.panel{position:relative;background:var(--bg-panel);border:1px solid var(--hx-gold-5);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #c8aa6e1f}.panel.gold{border-color:var(--hx-gold-4)}.panel.tight{padding:14px 16px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2{margin:0}.eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:6px}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.small{font-size:.85rem}.gold-text{color:var(--gold)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--hx-gold-4),transparent);margin:22px 0}.btn{--b1: var(--hx-gold-4);--b2: var(--hx-gold-2);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:10px 20px;min-height:42px;border-radius:2px;font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hx-gold-1);background:linear-gradient(180deg,#1e2328,#0b1016);border:1px solid var(--b1);box-shadow:inset 0 0 0 1px #c8aa6e26,0 2px 10px #00000080;transition:all .16s var(--ease);text-decoration:none}.btn:hover{border-color:var(--b2);color:#fff;box-shadow:inset 0 0 0 1px #c8aa6e59,var(--glow-gold);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(180deg,#0a323c,#051a22);--b1: var(--hx-blue-3);--b2: var(--hx-blue-2);color:var(--hx-blue-1)}.btn.primary:hover{box-shadow:inset 0 0 0 1px #0ac8b959,var(--glow-blue)}.btn.gold{background:linear-gradient(180deg,#785a28,#463714);color:#fff;--b1: var(--hx-gold-2);--b2: var(--hx-gold-1)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn.ghost:hover{color:var(--text);border-color:var(--hx-gold-5);transform:none}.btn.sm{min-height:32px;padding:6px 12px;font-size:.72rem}.btn.danger{--b1: var(--danger);color:#ffb3b3}.btn.block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--hx-gold-5);color:var(--text-muted);background:#0000004d;white-space:nowrap}.chip.blue{border-color:var(--hx-blue-4);color:var(--hx-blue-1)}.chip.gold{border-color:var(--hx-gold-4);color:var(--gold)}.chip.ok{border-color:#3ccf9180;color:var(--ok)}.chip.warn{border-color:#e0a83c80;color:var(--warn)}.chip.danger{border-color:#e04b4b80;color:#ff9c9c}.progress{height:8px;background:#00000080;border:1px solid var(--hx-gold-5);border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--hx-blue-3),var(--hx-blue-2));border-radius:999px;transition:width .6s var(--ease);box-shadow:0 0 10px #0ac8b980}.progress.gold>i{background:linear-gradient(90deg,var(--hx-gold-4),var(--hx-gold-2));box-shadow:0 0 10px #c8aa6e80}.progress.lg{height:12px}.card-link{display:block;color:inherit;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s}.card-link:hover{transform:translateY(-2px);border-color:var(--hx-gold-3);box-shadow:var(--shadow),var(--glow-gold);color:inherit}.input,select.input,textarea.input{width:100%;padding:10px 12px;background:#050b12;border:1px solid var(--hx-gold-5);color:var(--text);border-radius:2px;font:inherit;outline:none}.input:focus{border-color:var(--hx-blue-3);box-shadow:0 0 0 2px #0ac8b933}label.field{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}label.field>span{display:block;margin-bottom:5px;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.callout{border-left:3px solid var(--accent);background:#0ac8b90f;padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0;margin:14px 0}.callout.warn{border-color:var(--warn);background:#e0a83c12}.callout.danger{border-color:var(--danger);background:#e04b4b12}.callout.gold{border-color:var(--gold);background:#c8aa6e12}.callout.ok{border-color:var(--ok);background:#3ccf9112}.callout-title{font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.callout p:last-child{margin-bottom:0}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:.9rem}table.tbl th,table.tbl td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(200,170,110,.12);vertical-align:top}table.tbl th{color:var(--gold);font-family:var(--font-title);font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}table.tbl tr:hover td{background:#c8aa6e0a}.term{border-bottom:1px dotted var(--accent);color:var(--hx-blue-1);cursor:help}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:linear-gradient(180deg,#14232f,#0a141d);border:1px solid var(--hx-gold-4);padding:12px 16px;border-radius:4px;box-shadow:var(--shadow),var(--glow-gold);min-width:240px;animation:toastIn .35s var(--ease)}.toast.xp{border-color:var(--hx-blue-3);box-shadow:var(--shadow),var(--glow-blue)}.toast .t{font-family:var(--font-title);font-weight:700;letter-spacing:.08em;font-size:.85rem;color:var(--gold)}.toast.xp .t{color:var(--accent)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:900px){.toast-wrap{left:12px;right:12px;bottom:78px}}.fade-in{animation:fadeIn .35s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0ac8b900}50%{box-shadow:0 0 24px #0ac8b973}}.hex-frame{position:relative;padding:2px;background:linear-gradient(135deg,var(--hx-gold-2),var(--hx-gold-5) 45%,var(--hx-gold-2));border-radius:6px}.hex-frame>*{border-radius:4px;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.prose{max-width:78ch;font-size:1rem}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em}.prose li{margin-bottom:.35em}.prose strong{color:var(--hx-gold-1)}.prose em{color:var(--hx-blue-1);font-style:normal}.prose code{background:#0006;border:1px solid var(--hx-gold-5);padding:1px 6px;border-radius:3px;font-size:.88em;color:var(--hx-blue-1)}.prose blockquote{margin:0 0 1em;padding:10px 16px;border-left:3px solid var(--hx-gold-4);color:var(--text-muted);background:#00000040}.prose h3{margin-top:1.4em}.kbd{display:inline-block;min-width:22px;text-align:center;padding:1px 6px;border:1px solid var(--hx-gold-4);border-bottom-width:3px;border-radius:4px;background:#0b1016;font-weight:700;font-size:.8em;color:var(--gold)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head h1{margin-bottom:4px}.page-head p{margin:0;color:var(--text-muted);max-width:70ch}.skeleton{background:linear-gradient(90deg,#0b1622 25%,#12222f,#0b1622 75%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:4px;min-height:16px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{width:100%;max-width:420px;text-align:center}.login-box .logo{width:84px;height:84px;margin:0 auto 10px;filter:drop-shadow(0 0 18px rgba(200,170,110,.35))}