@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cinzel-latin-ext-800-normal-BVA5zD9y.woff2)format("woff2"),url(/assets/cinzel-latin-ext-800-normal-gMcvnDsD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cinzel-latin-800-normal-CwkMVn6z.woff2)format("woff2"),url(/assets/cinzel-latin-800-normal-69OYDlL6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2"),url(/assets/alegreya-sans-latin-400-normal-DmA8jeke.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-ext-400-normal-D7N6b6bd.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-400-normal-DpBVrRWA.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2"),url(/assets/alegreya-sans-latin-500-normal-vXxrTKJT.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-ext-500-normal-TH5u60nj.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-500-normal-CxFoZ42m.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2"),url(/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-ext-700-normal-HuHd3-Mg.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-700-normal-CkNjzB9Y.woff)format("woff")}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-400-normal-BLlBRtDv.woff2)format("woff2"),url(/assets/alegreya-latin-400-normal-BuQWlRPA.woff)format("woff")}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-ext-400-normal-BJ1luULk.woff2)format("woff2"),url(/assets/alegreya-latin-ext-400-normal-I24-Fo_X.woff)format("woff")}@font-face{font-family:Alegreya;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-400-italic-BXpar-rJ.woff2)format("woff2"),url(/assets/alegreya-latin-400-italic-CJvUQvZT.woff)format("woff")}@font-face{font-family:Alegreya;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-ext-400-italic-Cf8WgXZg.woff2)format("woff2"),url(/assets/alegreya-latin-ext-400-italic-BQgzjtbe.woff)format("woff")}:root{--bg:#0f120d;--gold:#f0cf7a;--gold-bright:#ffe6a8;--gold-mid:#d9aa55;--gold-deep:#9a7330;--bronze:#6b5226;--bronze-dark:#3a2c18;--text:#f1e9d6;--parchment:#f0dcae;--text-soft:#d6c8ad;--muted:#b3a688;--faint:#8f8068;--up:#8fe36a;--down:#ff6f57;--warn:#ff8a6a;--gem:#7ee8ff;--shard:#9fe3ff;--coin:#ffd66b;--ember-text:#ffb08a;--hp-a:#49d14a;--hp-b:#1f7d21;--xp-a:#b07bff;--xp-b:#5b2fb3;--xp-light:#d2b4ff;--red-a:#8e2416;--red-b:#4c0f08;--line-faint:#c9a24a24;--line:#c9a24a47;--line-strong:#e0b26099;--well:#140e08;--inset:#00000059;--hover:#ffecc812;--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--surface-fill:linear-gradient(180deg, #261d14f2, #0f0b08f7);--surface:var(--noise), radial-gradient(ellipse 120% 60% at 50% 0%, #f0be6e12, transparent 60%), var(--surface-fill);--surface-soft:var(--noise), linear-gradient(180deg, #1e160fe0, #0c0906e6);--shadow-panel:0 0 0 1px #000, 0 18px 44px #0009, inset 0 1px 0 #ffe4aa14, inset 0 0 30px #00000059;--ember:linear-gradient(180deg, #a5381f, #6c180c 60%, #470d06);--ember-border:#c9874a;--ember-glow:0 0 24px #dc5a284d;--leather:linear-gradient(180deg, #3b2e21, #1f1710);--r-sm:5px;--r-md:8px;--r-lg:12px;--font-display:"Cinzel", Georgia, serif;--font-ui:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--font-lore:"Alegreya", Georgia, serif;font-family:var(--font-ui);font-variant-numeric:lining-nums tabular-nums;color:var(--text);font-size:16.5px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game canvas{touch-action:none;display:block}#ui{pointer-events:none;position:fixed;inset:0}h1,h2,h3,.brand,.btn,.tab,.timer,.unit-name,.zone-name,.tt-name,.power,.level-badge,.portrait:after{font-family:var(--font-display)}h1,h2,h3{color:var(--gold);letter-spacing:.04em;margin:0}h1{text-shadow:0 0 18px #f0be5a73,0 3px 8px #000;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800}h2{font-size:1.45rem;font-weight:800}h3{font-size:1.05rem;font-weight:600}p{margin:0;line-height:1.45}.muted{color:var(--muted)}.small{font-size:.85rem}.title-glow{text-shadow:0 0 22px #f0be5a8c,0 3px 8px #000;font-size:2.1rem}.frame{--fill:var(--surface-fill);border:1px solid var(--line);border-radius:var(--r-md);background:var(--noise), radial-gradient(ellipse 120% 60% at 50% 0%, #f0be6e12, transparent 60%), var(--fill);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative}.screen{text-align:center;pointer-events:auto;background:radial-gradient(#0e0a0699,#060403eb);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;display:flex;position:absolute;inset:0}.screen.loading{background:var(--bg)}.screen.loading .bar{border-radius:999px;width:min(360px,80vw)}.hint,.meta{color:var(--muted);font-size:.9rem}.panel-box{flex-direction:column;align-items:center;gap:14px;padding:28px 36px;display:flex}.cards{flex-wrap:wrap;justify-content:center;gap:16px;max-width:980px;display:flex}.card{text-align:left;width:270px;font:inherit;color:var(--text);cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:transform .12s,filter .12s;display:flex}.card:hover,.card:focus-visible{filter:brightness(1.15);outline:none;transform:translateY(-4px)}.talent-head{align-items:center;gap:10px;display:flex}.talent-icon{border:1px solid var(--gold-deep);width:34px;height:34px}.key{border:1px solid var(--gold-deep);background:var(--well);width:24px;height:24px;color:var(--gold);border-radius:6px;flex:none;place-items:center;font-size:.85rem;display:inline-grid}.buttons{gap:12px;display:flex}.btn{--btn-bg:var(--leather);--btn-text:var(--parchment);letter-spacing:.06em;cursor:pointer;color:var(--btn-text);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:linear-gradient(180deg, #ffebc814, #ffebc800 55%), var(--btn-bg);text-shadow:0 1px 1px #0009;padding:11px 22px;font-size:.95rem;font-weight:700;transition:background-color .15s,transform .12s,box-shadow .15s;box-shadow:0 0 0 1px #000,inset 0 1px #ffe4aa1f,0 6px 16px #00000073}.btn:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--inset) inset;transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{--btn-bg:#140e0999;border-color:var(--line);box-shadow:none}.btn.primary{--btn-bg:var(--ember);--btn-text:#fff0d0;border-color:var(--ember-border);box-shadow:0 0 0 1px #000, inset 0 1px 0 #ffc8964d, var(--ember-glow)}.btn.big{padding:16px 48px;font-size:1.15rem}.btn small{color:var(--gem);font-family:var(--font-ui)}.reward{color:var(--gem);text-shadow:0 0 12px #7ee8ff80;font-size:1.25rem;font-weight:700}.hub{--col-bg:var(--surface-soft);--col-line:var(--line);grid-template:"top top top""title title title""tabs tabs tabs""class hero zone"1fr"run run run"/minmax(270px,320px) 1fr minmax(300px,360px);gap:8px 22px;padding:14px 26px 18px;display:grid;position:absolute;inset:0}.hub:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(42% 60% at 50% 46%,#0000 0%,#08060459 55%,#060403e0 100%);position:absolute;inset:0}.hub>*{pointer-events:auto}.topbar{grid-area:top;justify-content:flex-end;align-items:center;min-height:38px;display:flex}.hub-title{text-align:center;pointer-events:none;grid-area:title;margin-top:-30px}.brand{color:var(--gold);letter-spacing:.06em;text-shadow:0 0 22px #f0b45073,0 3px 8px #000;margin:0;font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:800}.hub-sub{color:var(--text-soft);letter-spacing:.3em;text-transform:uppercase;margin-top:2px;font-size:.78rem}.currency{border:1px solid var(--col-line);background:#0e0b09cc;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.95rem;display:flex}.currency .gem{color:var(--gem);text-shadow:0 0 8px var(--gem);margin-right:6px}.hub-tabs{flex-wrap:wrap;grid-area:tabs;justify-content:center;gap:6px;display:flex}.hub-tab{font:600 .85rem var(--font-display);color:var(--parchment);cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--col-line);background:linear-gradient(#281e14e6,#100c08eb);padding:6px 14px;transition:color .15s,border-color .15s,background .15s}.hub-tab:hover{color:var(--gold-bright);border-color:#f0c86e99}.hub-tab.active{color:var(--gold-bright);border-color:var(--gold-mid);background:linear-gradient(#5a3c19f2,#281a0cf2)}.hub-col{border-radius:var(--r-md);border:1px solid var(--col-line);background:var(--col-bg);min-height:0;box-shadow:var(--shadow-panel);flex-direction:column;gap:10px;padding:14px 16px;display:flex;overflow:hidden auto}.col-class{grid-area:class}.col-zone{grid-area:zone}.col-hero{box-shadow:none;background:0 0;border-color:#0000;grid-area:hero;padding:6px 0 0;overflow:visible}.ornament{color:var(--gold);letter-spacing:.08em;align-items:center;gap:12px;margin:0;font-size:1.15rem;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg,#0000,#dcb464b3);flex:1;height:1px}.ornament:after{background:linear-gradient(90deg,#dcb464b3,#0000)}.class-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px;display:grid}.class-tile{cursor:pointer;color:var(--text-soft);font:600 .72rem var(--font-display);background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex}.class-tile img{border:1px solid var(--bronze-dark);filter:grayscale(.55)brightness(.8);border-radius:6px;width:52px;height:52px;transition:filter .15s,box-shadow .15s;box-shadow:0 0 0 1px #000,0 4px 10px #0009}.class-tile:hover img{filter:none}.class-tile.active{color:var(--gold)}.class-tile.active img{filter:none;border-color:var(--gold-mid);box-shadow:0 0 0 1px #000,0 0 14px #f0be5a8c}.class-name{color:var(--parchment);margin:4px 0 0;font-size:1.15rem}.stat-boxes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat-box{background:var(--inset);border:1px solid #c9a24a33;border-radius:4px;padding:6px 10px}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.66rem}.stat-value{font-family:var(--font-display);color:var(--parchment);font-size:1.05rem;font-weight:700}.pool-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:2px;font-size:.66rem}.ability-pool{flex-wrap:wrap;gap:6px;display:flex}.ability-pool img{border:1px solid var(--bronze-dark);cursor:help;border-radius:4px;width:34px;height:34px;box-shadow:0 0 0 1px #000}.hero-head{text-align:center}.hero-name{font-family:var(--font-display);color:var(--parchment);text-shadow:0 2px 6px #000,0 0 16px #000c;font-size:1.3rem;font-weight:800}.hero-head .muted{text-shadow:0 1px 4px #000}.hero-stage{flex:1;min-height:120px}.hero-slots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:440px;margin:0 auto;display:flex}.hero-slot{--rarity:var(--bronze-dark);cursor:pointer;border:1px solid color-mix(in srgb, var(--rarity) 70%, #000);width:48px;height:48px;box-shadow:0 0 0 1px #000, inset 0 0 14px color-mix(in srgb, var(--rarity) 25%, transparent);background:#0a0806d9;border-radius:6px;place-items:center;padding:0;display:grid}.hero-slot .item-icon{border-radius:4px;width:42px;height:42px}.hero-slot .slot-empty{color:var(--bronze-dark);font-size:1.3rem}.hero-buttons{justify-content:center;gap:10px;margin-top:4px;display:flex}.hero-btn{cursor:pointer;border-radius:var(--r-sm);min-width:150px;color:var(--parchment);background:var(--ember);border:1px solid #c9874ab3;flex-direction:column;align-items:center;gap:1px;padding:7px 18px;transition:filter .15s;display:flex;box-shadow:0 0 0 1px #000,0 6px 16px #00000080}.hero-btn:hover{filter:brightness(1.2)}.hero-btn-label{font:700 .95rem var(--font-display);letter-spacing:.04em}.hero-btn-sub{color:var(--text-soft);font-size:.68rem}.zone-list{flex-direction:column;gap:8px;display:flex}.zone-tile{text-align:left;cursor:pointer;color:var(--text);font:inherit;background:var(--inset);border:1px solid #c9a24a33;border-radius:4px;padding:10px 12px;transition:border-color .15s,background .15s}.zone-tile:hover{border-color:#dcb46480}.zone-tile.active{border-color:var(--gold-mid);background:linear-gradient(#4630168c,#140e0899);box-shadow:0 0 18px #e6aa462e}.zone-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.zone-title{font:700 1.05rem var(--font-display);color:var(--parchment)}.zone-tile .skulls{color:var(--text-soft);letter-spacing:2px;font-size:.85rem}.zone-desc{color:var(--text-soft);margin-top:3px;font-size:.82rem}.zone-enemies{color:var(--faint);margin-top:4px;font-size:.72rem}.boss-chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.boss-chip{border:1px solid var(--line);color:var(--parchment);background:#0006;border-radius:10px;padding:2px 7px;font-size:.68rem}.boss-chip.final{color:var(--ember-text);border-color:#e07a50}.zone-meta{color:var(--faint);margin-top:6px;font-size:.68rem}.run-bar{flex-direction:column;grid-area:run;align-items:center;gap:6px;padding-top:6px;display:flex}.run-btn{cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--ember-border);color:#fff0d0;background:var(--ember);flex-direction:column;align-items:center;gap:2px;min-width:min(420px,90vw);padding:12px 40px;transition:filter .15s,transform .15s;display:flex;box-shadow:0 0 0 1px #000,0 0 30px #dc5a2859,inset 0 1px #ffc8964d}.run-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.run-label{font:800 1.35rem var(--font-display);letter-spacing:.05em;text-shadow:0 2px 4px #000}.run-sub{color:var(--ember-text);font-size:.75rem}.run-hint{color:var(--faint);text-shadow:0 1px 2px #000;font-size:.72rem}.hub-modal{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04030299;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.panel{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);min-height:0;box-shadow:var(--shadow-panel), 0 24px 60px #0000008c;flex-direction:column;display:flex;position:relative;overflow:hidden}.panel.modal-panel{width:min(560px,100%);max-height:min(78vh,760px);animation:.22s ease-out panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.panel-head{border-bottom:1px solid var(--line-faint);background:linear-gradient(#f0be6e12,#0000);justify-content:space-between;align-items:flex-start;padding:16px 18px 12px;display:flex;box-shadow:0 1px #0009}.panel-head h2{font-size:1.3rem}.panel-sub{color:var(--muted);margin-top:2px;font-size:.8rem}.close-btn{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;width:34px;height:34px;color:var(--muted);background:var(--leather);flex:none;font-size:1.3rem;line-height:1}.close-btn:hover{color:var(--gold-bright);border-color:var(--line-strong)}.panel-body{flex-direction:column;gap:10px;min-height:0;padding:12px 18px 18px;display:flex;overflow-y:auto}.panel-body.fill{flex:1;overflow:hidden}.section-title{font-size:.74rem;font-family:var(--font-display);color:var(--gold-mid);text-transform:uppercase;letter-spacing:.14em;margin-top:8px;font-weight:700}.odds{flex-direction:column;gap:4px;display:flex}.odds-row{border-radius:var(--r-sm);background:var(--inset);border:1px solid var(--line-faint);justify-content:space-between;padding:6px 10px;font-size:.9rem;display:flex}.pulls .btn{flex:1}.power{color:var(--gold);font-size:1.15rem;font-weight:600}.stats{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.9rem;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right;margin:0;font-weight:600}.filters{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;cursor:pointer;background:var(--inset);color:var(--text-soft);border:1px solid var(--line-faint);border-radius:999px;padding:5px 13px;font-size:.85rem}.chip:hover{color:var(--text);border-color:var(--line)}.chip.active{color:#2a1708;background:linear-gradient(180deg, var(--gold), var(--gold-mid));border-color:var(--gold);font-weight:700}.inventory{flex-direction:column;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.item-card{border-radius:var(--r-md);--rarity:var(--bronze-dark);text-align:left;font:inherit;color:var(--text);cursor:pointer;background:var(--inset);border:1px solid var(--line-faint);align-items:center;gap:10px;padding:6px 8px;transition:background .15s,border-color .15s;display:flex}.item-card:hover{background:var(--hover);border-color:var(--line)}.item-card.equipped{border-color:var(--line-strong);background:linear-gradient(90deg,#78551e4d,#00000040)}.item-card.equipped .item-name:after{content:" ✓";color:var(--gold)}.item-icon{object-fit:contain;background:radial-gradient(circle, color-mix(in srgb, var(--rarity,#444) 35%, #0d0a06), #0a0805 70%);border:1px solid var(--rarity,var(--bronze-dark));filter:drop-shadow(0 2px 3px #000);flex:none;width:54px;height:54px}.item-info{min-width:0}.item-name{color:var(--rarity,var(--text));text-shadow:0 1px 2px #000;font-size:.95rem;font-weight:700}.item-name .level{color:var(--gold)}.item-meta{color:var(--muted);font-size:.75rem}.item-mods{color:var(--up);font-size:.78rem}.pulls{gap:10px;display:flex}.tooltip{--fill:linear-gradient(180deg, #221a12fa, #0c0906fa);z-index:10;pointer-events:none;border-radius:var(--r-md);border-color:var(--line-strong);flex-direction:column;gap:4px;width:270px;padding:10px 12px;display:flex;position:fixed;top:0;left:0}.tt-name{text-shadow:0 1px 2px #000;font-size:1.05rem;font-weight:600}.tt-line{color:var(--text-soft);max-width:300px;font-size:.85rem}.tt-meta{color:var(--muted);font-size:.8rem}.tt-stats{margin:4px 0;font-size:.88rem}.tt-stats .up{color:var(--up)}.tt-stats .down{color:var(--down)}.tt-flavor{color:#e9c77a;font-family:var(--font-lore);font-size:.92rem;font-style:italic}.zone-card{width:300px;min-height:190px}.zone-card.zone-cmentarz{--fill:linear-gradient(180deg, #302846f2, #140e12f5)}.zone-card.zone-las{--fill:linear-gradient(180deg, #503c14f2, #161e0cf5)}.skulls{color:var(--parchment);letter-spacing:4px;font-size:1.1rem}.gacha-results{justify-content:flex-start;gap:20px;overflow-y:auto}.result-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;width:min(760px,100%);display:grid}.result-card{border-radius:var(--r-md);--rarity:var(--bronze-dark);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--rarity) 32%, var(--well)), #110c07 70%);border:1px solid var(--rarity);opacity:0;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;animation:.35s ease-out forwards reveal;display:flex;transform:translateY(12px)scale(.92)}.result-card .item-icon{width:76px;height:76px}.result-card.tier-2{box-shadow:0 0 22px color-mix(in srgb, var(--rarity) 55%, transparent)}.result-card.tier-3{box-shadow:0 0 34px var(--rarity);animation:.35s ease-out forwards reveal,1.4s ease-in-out .4s infinite pulse}.badge{background:var(--well);color:var(--gold);border:1px solid var(--gold-deep);border-radius:999px;padding:2px 8px;font-size:.72rem}@keyframes reveal{to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 52px var(--rarity)}}.hud{position:absolute;inset:0}.pause-btn{z-index:5;width:52px;height:52px;font:700 1.1rem/1 var(--font-display);letter-spacing:2px;color:var(--gold);pointer-events:auto;cursor:pointer;touch-action:manipulation;place-items:center;display:grid;position:absolute;top:14px;right:14px}@media (pointer:coarse){.key-hint{display:none}}.unit-frame{align-items:center;gap:12px;width:min(340px,100% - 28px);padding:8px 14px 8px 8px;display:flex;position:absolute;top:14px;left:14px}.portrait{--accent:var(--gold);background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent) 40%, #120c06 95%);border:3px solid var(--gold-mid);border-radius:50%;flex:none;width:64px;height:64px;position:relative;box-shadow:0 0 0 2px #2a1c08,0 0 14px #000000b3,inset 0 0 12px #0009}.portrait:after{content:attr(data-initial);color:#fff6dc;text-shadow:0 2px 4px #000;place-items:center;font-size:1.9rem;font-weight:800;display:grid;position:absolute;inset:0}.level-badge{z-index:1;width:26px;height:26px;color:var(--gold);background:var(--well);border:2px solid var(--gold-mid);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;bottom:-6px;right:-6px}.unit-info{flex-direction:column;flex:1;gap:5px;display:flex}.unit-name{color:var(--gold);text-shadow:0 1px 3px #000;font-weight:600}.bar{height:18px;box-shadow:0 0 0 1px var(--bronze);background:#000000bf;border:1px solid #000;border-radius:4px;position:relative;overflow:hidden}.bar .fill{width:0;height:100%;transition:width .1s linear}.bar.hp .fill{background:linear-gradient(180deg, #8af07a, var(--hp-a) 40%, var(--hp-b))}.bar.xp .fill{background:linear-gradient(180deg, var(--xp-light), var(--xp-a) 40%, var(--xp-b))}.bar span{text-shadow:0 1px 2px #000;place-items:center;font-size:.72rem;font-weight:600;display:grid;position:absolute;inset:0}.top-banner{text-align:center;min-width:200px;padding:6px 22px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.zone-name{color:var(--muted);letter-spacing:.08em;font-size:.78rem}.timer{color:var(--gold);font-size:1.5rem;font-weight:800;line-height:1.1}.kills{color:var(--parchment);font-size:.85rem}.ability-bar{gap:8px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.ability-slot{border-radius:var(--r-md);width:58px;height:58px;padding:0;overflow:hidden}.ability-slot img{width:100%;height:100%;display:block}.ability-slot .sweep{background:conic-gradient(#000000b8 var(--left,0deg), transparent 0);position:absolute;inset:0}.ability-slot.ready{box-shadow:0 0 14px #f0cf7a8c,inset 0 0 0 1px #000}.keybind{color:#fff;text-shadow:0 1px 2px #000;font-size:.7rem;font-weight:700;position:absolute;top:2px;left:4px}.xp-bar{border-top:1px solid var(--bronze);background:#000c;height:14px;position:absolute;bottom:0;left:0;right:0}.xp-bar .fill{background:linear-gradient(180deg, var(--xp-light), var(--xp-a) 40%, var(--xp-b));width:0;height:100%;transition:width .15s linear}.xp-bar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(5% - 1px),#0009 calc(5% - 1px) 5%);position:absolute;inset:0}.xp-bar span{z-index:1;text-shadow:0 1px 2px #000;place-items:center;font-size:.68rem;display:grid;position:absolute;inset:0}.hurt{opacity:0;transition:opacity .15s;position:absolute;inset:0;box-shadow:inset 0 0 140px #c81e1499}.hurt.on{opacity:1}@media (max-width:900px){.hub{grid-template:"top""title""tabs""hero"44vh"run""class"max-content"zone"max-content/1fr;align-content:start;row-gap:10px;padding:10px 12px 18px;overflow-y:auto}.hub-title{margin-top:0}.hub-col{min-height:auto;overflow:visible}.col-hero{min-height:0}.top-banner{top:96px}}.top-right{align-items:center;gap:10px;display:flex}.icon-btn{border-radius:var(--r-sm);cursor:pointer;width:38px;height:38px;color:var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0b09bf;border:none;font-size:1.2rem;border:1px solid var(--line)!important}.icon-btn:hover{filter:brightness(1.3)}.settings-screen{z-index:20}.settings-box{text-align:left;align-items:stretch;gap:10px;width:min(440px,100%);padding:20px 24px 22px}.settings-box h2{text-align:left;border-bottom:1px solid var(--line-faint);padding-bottom:10px;font-size:1.35rem}.setting{cursor:pointer;align-items:flex-start;gap:12px;padding:6px 0;display:flex}.setting input[type=checkbox]{appearance:none;cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--well);flex:none;place-items:center;width:24px;height:24px;margin:1px 0 0;display:grid;box-shadow:inset 0 2px 4px #0009}.setting input[type=checkbox]:after{content:"";opacity:0;border:0 solid #2a1708;border-width:0 0 3px 3px;width:11px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.setting input[type=checkbox]:checked{background:linear-gradient(180deg, var(--gold), var(--gold-mid));border-color:var(--gold)}.setting input[type=checkbox]:checked:after{opacity:1}.setting input[type=range]{width:100%;accent-color:var(--gold-mid);margin-top:6px}.setting>div{flex:1}.setting-name{font-family:var(--font-display);color:var(--gold);font-weight:600}.settings-box .btn{align-self:center}.summon-portal{--rarity:#f0cf7a;place-items:center;width:220px;height:220px;display:grid;position:relative}.portal-ring{border:3px solid var(--rarity);box-shadow:0 0 30px var(--rarity), inset 0 0 30px var(--rarity);border-radius:50%;animation:1.1s linear infinite portal-spin,1.1s ease-out forwards portal-grow;position:absolute;inset:0}.portal-ring.r2{opacity:.7;border-style:dashed;animation-direction:reverse,normal;inset:28px}.portal-core{background:radial-gradient(circle, #fff, var(--rarity) 45%, transparent 70%);border-radius:50%;width:60px;height:60px;animation:1.1s ease-in forwards portal-core}.summon-portal.tier-3 .portal-ring{border-width:5px}@keyframes portal-spin{to{transform:rotate(360deg)}}@keyframes portal-grow{0%{opacity:0;transform:scale(.3)}30%{opacity:1}}@keyframes portal-core{0%{transform:scale(.4)}85%{transform:scale(1.4)}to{opacity:0;transform:scale(4)}}.flip-card{--rarity:var(--bronze-dark);perspective:700px;height:190px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.4,.5,1);position:relative}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.face{backface-visibility:hidden;border-radius:var(--r-md);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;display:flex;position:absolute;inset:0}.face.back{background:var(--noise) padding-box, radial-gradient(circle, #3b2b18, #140e08 75%) padding-box, linear-gradient(180deg, #f5d98a, #8f6a2a) border-box}.back-emblem{color:var(--gold);text-shadow:0 0 14px #f0be5a99;font-size:2.6rem}.face.front{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--rarity) 34%, var(--well)), #110c07 72%);border:2px solid var(--rarity);transform:rotateY(180deg)}.face.front .item-icon{width:76px;height:76px}.flip-card.tier-2.flipped .face.front{box-shadow:0 0 24px color-mix(in srgb, var(--rarity) 60%, transparent)}.flip-card.tier-3.flipped .face.front{box-shadow:0 0 40px var(--rarity);animation:1.4s ease-in-out infinite pulse}.flip-card.tier-3:not(.flipped) .face.back{box-shadow:0 0 22px var(--rarity)}.tt-compare{border-top:1px solid #f0cf7a33;margin-top:6px;padding-top:6px;font-size:.85rem}.tt-compare .up{color:var(--up)}.tt-compare .down{color:var(--down)}.card.talent .talent-head{align-items:center}.card.talent .talent-head>div{flex:1}.card.talent .talent-icon{border:none;border-radius:10px;flex:none;width:52px;height:52px}.card.talent.new-ability{box-shadow:0 0 22px #f0be5a59,inset 0 0 26px #000000a6}.pips{gap:5px;display:flex}.pip{border:1px solid var(--gold-deep);background:var(--well);width:10px;height:10px;transform:rotate(45deg)}.pip.on{background:var(--gold)}.pip.next{box-shadow:0 0 8px var(--gold);background:#fff2c2;animation:1s ease-in-out infinite pulse-pip}@keyframes pulse-pip{50%{opacity:.5}}.summary{min-width:min(520px,100%)}.summary-stats{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.summary-stat{border-radius:var(--r-md);background:var(--inset);border:1px solid var(--line);padding:8px 4px}.summary-value{font-family:var(--font-display);color:var(--gold);font-size:1.35rem;font-weight:800}.summary-talents{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.talent-chip{width:40px;height:40px;position:relative}.talent-chip img{border-radius:8px;width:100%;height:100%}.talent-chip span{background:var(--well);border:1px solid var(--gold);min-width:18px;height:18px;color:var(--gold);place-items:center;padding:0 3px;font-size:.7rem;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.record{color:#ffd860;font-family:var(--font-display);text-shadow:0 0 14px #ffc85099;font-weight:800;animation:1.2s ease-in-out infinite pulse-pip}@media (max-width:600px){.summary-stats{grid-template-columns:repeat(2,1fr)}}.bar .fill{border-radius:999px}.ability-slot img,.ability-slot .sweep{border-radius:var(--r-sm)}.talent-chip span{border-radius:999px}.btn:hover:not(:disabled){transform:translateY(-1px)}.style-options{gap:6px;margin:6px 0 2px;display:flex}.top-banner .counters{justify-content:center;align-items:center;gap:14px;display:flex}.gold-count{color:var(--coin);align-items:center;gap:5px;display:flex}.coin{background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc93a 45%,#b07a10 100%);border-radius:50%;width:13px;height:13px;display:inline-block;box-shadow:0 0 6px #ffc83c99,inset 0 0 0 1.5px #78460080}.loot-toasts{pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:50%;right:18px}.loot-toast{color:var(--rarity);text-shadow:0 0 12px color-mix(in srgb, var(--rarity) 60%, transparent);background:linear-gradient(90deg,#0000,#0c0804d9 30%);border-radius:10px;flex-direction:column;align-items:flex-end;padding:8px 14px;transition:opacity .5s,transform .5s;animation:.35s cubic-bezier(.2,1.4,.4,1) toast-in;display:flex}.loot-toast b{font-family:var(--font-display);font-size:17px}.loot-toast .rarity-name{opacity:.85;font-size:12px}.loot-toast.out{opacity:0;transform:translate(30px)}@keyframes toast-in{0%{opacity:0;transform:translate(40px)scale(.9)}}.ability-slot .rank{font-family:var(--font-display);color:var(--coin);text-shadow:0 0 4px #000,0 0 2px #000;font-size:11px;font-weight:700;position:absolute;top:2px;right:4px}.card.upgrade{--glow:#7ed4ff}.card.upgrade h3{color:#a8e4ff}.bar.hp .shield{pointer-events:none;background:linear-gradient(#bef5ffd9,#5ac8ff8c);width:0;height:32%;transition:width .1s linear;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #7ee8ff}.relic-bar{pointer-events:auto;flex-wrap:wrap;gap:5px;max-width:min(340px,100% - 28px);display:flex;position:absolute;top:100px;left:14px}.relic-slot{cursor:pointer;touch-action:manipulation;background:0 0;border:none;width:34px;height:34px;padding:0;position:relative}.relic-slot img{width:34px;height:34px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--rarity), 0 3px 8px #000000b3;border-radius:5px}.relic-count{font:700 .65rem var(--font-ui);color:#fff;background:#000c;border-radius:6px;padding:0 3px;position:absolute;bottom:-4px;right:-4px}.relic-tip{border-color:var(--rarity);pointer-events:none;flex-direction:column;gap:3px;width:min(280px,100% - 28px);padding:10px 12px;display:flex;position:absolute;top:142px;left:14px}.relic-tip b{color:var(--rarity);font-family:var(--font-display)}.relic-tip .rarity-name{color:var(--rarity);font-size:.72rem}.relic-tip p{margin:2px 0}.relic-mods{color:var(--up);font-size:.8rem}.summary-relics{opacity:.75;flex-wrap:wrap;justify-content:center;gap:5px;margin:4px 0 8px;display:flex}.summary-relics img{filter:saturate(.6);border-radius:4px;width:30px;height:30px;box-shadow:0 0 0 1px #000}.summary-loot{flex-direction:column;gap:4px;max-height:160px;margin:6px 0 10px;display:flex;overflow-y:auto}.loot-row{background:var(--inset);border:1px solid var(--line-faint);border-radius:var(--r-sm);justify-content:space-between;gap:12px;min-width:260px;padding:6px 12px;display:flex}.loot-row b{color:var(--rarity)}.reward{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.reward-gold{color:var(--coin)}.currencies{align-items:center;gap:8px;display:flex}.currency.gold b{color:var(--coin)}.currency .coin{margin-right:4px}.item-card{position:relative}.upgrade-btn{color:var(--gold-bright);background:var(--well);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:12.5px;font-weight:700;transition:filter .15s,transform .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.upgrade-btn .arrow{color:var(--up);font-size:10px}.upgrade-btn:hover{filter:brightness(1.35);transform:translateY(-50%)scale(1.06)}.upgrade-btn.disabled{opacity:.4;cursor:default;filter:grayscale(.6)}.upgrade-btn .coin{width:10px;height:10px}.card.evolution{--evo:#f0cf7a;box-shadow:0 0 0 1px color-mix(in srgb, var(--evo) 55%, transparent), 0 0 30px color-mix(in srgb, var(--evo) 40%, transparent), 0 12px 32px #00000080;background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--evo) 22%, transparent), transparent 70%), var(--noise), var(--fill);animation:1.6s ease-in-out infinite evo-glow}.card.evolution h3{color:var(--evo);text-shadow:0 0 12px color-mix(in srgb, var(--evo) 60%, transparent)}.evo-label{letter-spacing:.2em;text-transform:uppercase;color:var(--evo);font-size:.7rem;font-weight:800}.evo-icons{justify-content:center;align-items:center;gap:10px;margin:6px 0;display:flex}.evo-icons .talent-icon.big{width:52px;height:52px;box-shadow:0 0 16px var(--evo)}.evo-arrow{color:var(--evo);font-size:1.3rem}@keyframes evo-glow{50%{filter:brightness(1.15)}}.ability-slot.evolved{box-shadow:0 0 18px #ffd778b3,inset 0 0 0 1px #000}.ability-slot.evolved .rank{font-size:14px}.boss-bar{text-align:center;width:min(560px,100% - 40px);position:absolute;top:134px;left:50%;transform:translate(-50%)}.boss-name{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 0 12px #ff783c99,0 2px 4px #000;letter-spacing:.06em;margin-bottom:4px;font-weight:800}.bar.boss-hp{border-radius:8px;height:16px;box-shadow:0 0 0 1px #000c,0 0 18px #c8281459}.bar.boss-hp .fill{background:linear-gradient(180deg, var(--warn), #c42a1a 45%, #6a0e08);transition:width .15s linear}.next-boss{color:var(--ember-text);margin-top:2px;font-size:.75rem}.boss-banner{text-align:center;pointer-events:none;opacity:0;position:absolute;top:30%;left:0;right:0}.boss-banner.on{animation:3.2s ease-out forwards banner}.banner-title{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 0 30px #ff5a28b3,0 4px 10px #000;font-size:clamp(2rem,5vw,3.4rem);font-weight:800}.banner-sub{letter-spacing:.3em;text-transform:uppercase;color:var(--ember-text);text-shadow:0 2px 6px #000;font-size:.9rem}@keyframes banner{0%{opacity:0;letter-spacing:.3em;transform:scale(1.3)}12%{opacity:1;letter-spacing:.04em;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.title-glow.victory{color:var(--gold-bright);text-shadow:0 0 30px #ffd264cc,0 3px 8px #000}.markers{pointer-events:none;z-index:4;position:absolute;inset:0}.marker{width:0;height:0;position:absolute;top:0;left:0}.marker-icon{background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc93a 50%,#a06a10);border-radius:50%;width:26px;height:26px;animation:1.2s ease-in-out infinite marker-pulse;position:absolute;top:-13px;left:-13px;box-shadow:0 0 14px #ffc83ccc}.marker.chest .marker-icon:after{content:"▣";color:#5a3500;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.marker.boss .marker-icon{background:radial-gradient(circle at 35% 30%,#ffb0a0,#e0402a 50%,#6a0e08);box-shadow:0 0 16px #ff3c1ed9}.marker.boss .marker-icon:after{content:"☠";color:#fff;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.marker-arrow{transform-origin:7px 7px;border-left:12px solid var(--coin);filter:drop-shadow(0 0 4px #000c);border-top:7px solid #0000;border-bottom:7px solid #0000;width:0;height:0;position:absolute;top:-7px;left:-7px}.marker.boss .marker-arrow{border-left-color:#ff6a4a}@keyframes marker-pulse{50%{transform:scale(1.12)}}.joystick{pointer-events:none;z-index:5;background:radial-gradient(circle,#ffffff0f,#ffffff24 70%,#ffffff0a);border-radius:50%;width:112px;height:112px;position:fixed;top:0;left:0;box-shadow:inset 0 0 0 2px #ffffff2e}.joystick-knob{background:radial-gradient(circle at 35% 30%, #fff6dc, var(--gold-mid) 60%, #9a7330);border-radius:50%;width:48px;height:48px;position:absolute;top:32px;left:32px;box-shadow:0 4px 12px #00000080}.transition{z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle,#1a130c 0%,#050403 75%);flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .38s;display:flex;position:absolute;inset:0}.transition.on{opacity:1;pointer-events:auto}.transition-title{font-family:var(--font-display);color:var(--gold);text-shadow:0 0 24px #f0be5a73,0 3px 8px #000;opacity:0;font-size:clamp(1.8rem,5vw,3rem);font-weight:800;transition:opacity .5s .1s,transform .6s .1s;transform:translateY(8px)}.transition-sub{letter-spacing:.35em;text-transform:uppercase;color:var(--muted);opacity:0;font-size:.8rem;transition:opacity .5s}.transition.on.titled .transition-title{opacity:1;transform:none}.transition.on.titled .transition-sub{opacity:1}.growth-gold{border-radius:var(--r-sm);background:var(--inset);border:1px solid var(--line-faint);align-items:center;gap:6px;padding:8px 12px;display:flex}.growth-gold b{color:var(--coin);font-size:1.05rem}.growth-grid{flex-direction:column;gap:6px;display:flex}.growth-grid.locked{opacity:.5;filter:grayscale(.6)}.growth-card{background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.growth-card.maxed{background:#f0cf7a1a}.growth-icon{border-radius:10px;flex:none;width:40px;height:40px}.growth-info{flex:1;min-width:0}.growth-name{font-family:var(--font-display);color:var(--gold);font-weight:700}.growth-info .pips{margin-top:4px}.btn.growth-buy{flex:none;align-items:center;gap:5px;padding:7px 12px;font-size:.85rem;display:flex}.btn.growth-buy .coin{width:11px;height:11px}.panel.modal-panel.wide{width:min(1180px,100%);max-height:min(90vh,860px)}.tree-layout{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(168px,1fr)) minmax(220px,280px);align-items:start;gap:10px;min-height:0;padding:12px;display:grid;overflow:auto}.tree-node.capstone{width:66px;height:66px}.tree-node.capstone img{width:66px;height:66px;box-shadow:0 0 0 1px #000, 0 0 0 3px var(--bronze), 0 0 18px #f0be5a59;border-radius:50%}.tree-node.capstone.maxed img{box-shadow:0 0 0 1px #000, 0 0 0 3px var(--gold-bright), 0 0 22px #ffd278cc}.tree-node.capstone:after{content:"★";color:var(--gold-bright);text-shadow:0 0 4px #000;font-size:.8rem;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.tree-side{position:sticky;top:0}@media (pointer:coarse){.tree-node,.tree-node img{width:58px;height:58px}}.tree-branch{--tint:#3a2a20;border-radius:var(--r-md);border:1px solid var(--line);background:var(--noise), radial-gradient(ellipse 80% 60% at 50% 30%, color-mix(in srgb, var(--tint) 75%, transparent), transparent 75%), linear-gradient(180deg, #120e0a, #080605);flex-direction:column;gap:10px;padding:10px;display:flex;box-shadow:inset 0 0 40px #000000b3}.branch-atak{--tint:#6a2216}.branch-obrona{--tint:#1e3a52}.branch-fortuna{--tint:#4e4416}.tree-head{align-items:center;gap:8px;display:flex}.tree-head img{border-radius:4px;width:28px;height:28px}.tree-title{font:700 1.05rem var(--font-display);color:var(--gold);flex:1}.tree-points{color:var(--text-soft);font-size:.8rem}.tree-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(var(--rows), 72px);place-items:center;display:grid;position:relative}.tree-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tree-lines line{stroke:#96785059;stroke-width:.06px}.tree-lines line.on{stroke:var(--gold-mid);filter:drop-shadow(0 0 .05px #ffcf70)}.tree-node{z-index:1;cursor:pointer;background:0 0;border:none;width:54px;height:54px;padding:0;position:relative}.tree-node img{border-radius:6px;width:54px;height:54px;transition:filter .15s,box-shadow .15s;box-shadow:0 0 0 1px #000,0 4px 10px #000000b3}.tree-node.locked img{filter:grayscale(.9)brightness(.45)}.tree-node.open img{filter:grayscale(.25)brightness(.85)}.tree-node.partial img{box-shadow:0 0 0 1px #000,0 0 0 2px #6ec05a,0 0 12px #6ec05a73}.tree-node.maxed img{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--gold-mid), 0 0 14px #e6b45e99}.tree-node:hover img{filter:none}.tree-node.selected img{outline-offset:2px;outline:2px solid #fff3d0}.tree-rank{background:var(--well);color:var(--parchment);border:1px solid #c9a24a80;border-radius:4px;padding:1px 5px;font-size:.68rem;font-weight:700;position:absolute;bottom:-6px;right:-6px}.tree-node.maxed .tree-rank{color:var(--gold-bright);border-color:var(--gold-mid)}.tree-node.partial .tree-rank{color:var(--up)}.tree-milestones{flex-direction:column;gap:3px;margin-top:auto;display:flex}.milestone{color:var(--faint);font-size:.72rem}.milestone.done{color:#d8c08a}.tree-side{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-soft);box-shadow:var(--shadow-panel);flex-direction:column;gap:10px;padding:12px;display:flex}.tree-detail{border-top:1px solid var(--line-faint);flex-direction:column;gap:8px;padding-top:10px;display:flex}.tree-detail-head{align-items:center;gap:10px;display:flex}.tree-detail-head img{border-radius:6px;width:48px;height:48px;box-shadow:0 0 0 1px #000}.tree-desc{color:var(--parchment);font-size:.9rem}.tree-now{color:var(--up);font-size:.8rem}.tree-locked{color:var(--warn);font-size:.78rem}.btn.tree-buy{justify-content:center;align-items:center;gap:6px;display:flex}.btn.tree-buy .coin{width:11px;height:11px}@media (max-width:1100px) and (min-width:701px){.tree-layout{grid-template-columns:repeat(2,minmax(168px,1fr))}.tree-side{grid-area:1/1/auto/-1;position:static}}@media (max-width:700px){.tree-layout{grid-template-columns:1fr}}.item-icon.painted{box-shadow:0 0 0 2px var(--rarity), 0 0 10px color-mix(in srgb, var(--rarity) 45%, transparent);border-radius:8px}.zone-tile{background-image:linear-gradient(90deg, #0a0704eb 30%, #0a07048c), var(--art,none);background-position:50%;background-size:cover}.zone-tile.active{background-image:linear-gradient(90deg, #281a0ae0 30%, #281a0a66), var(--art,none)}.tree-branch{background-image:linear-gradient(180deg, #0806048c, #080604cc), var(--art,none), radial-gradient(ellipse 80% 60% at 50% 30%, color-mix(in srgb, var(--tint) 75%, transparent), transparent 75%), linear-gradient(180deg, #120e0a, #080605);background-position:50%;background-size:cover}.race-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.race-tile{cursor:pointer;aspect-ratio:1;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--bronze-dark);background:0 0;border:none;border-radius:6px;padding:0;overflow:hidden}.race-tile img{filter:grayscale(.5)brightness(.75);width:100%;height:100%;transition:filter .15s;display:block}.race-tile:hover img,.race-tile.active img{filter:none}.race-tile.active{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--gold-mid), 0 0 12px #f0be5a80}.race-letter{width:100%;height:100%;font:800 1.2rem var(--font-display);color:var(--parchment);background:var(--well);place-items:center;display:grid}.race-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.gender-toggle{gap:4px;display:flex}.gender-toggle .hub-tab{padding:3px 8px;font-size:.72rem}.race-traits{color:var(--text-soft);flex-direction:column;gap:2px;margin:0;padding-left:16px;font-size:.78rem;display:flex}.race-traits b{color:var(--parchment);font-weight:600}.tab-badge{min-width:18px;height:18px;font:700 .7rem/1 var(--font-ui);color:var(--well);background:var(--gold);border-radius:999px;place-items:center;margin-left:6px;padding:0 5px;display:inline-grid;box-shadow:0 0 8px #f0cf7ab3}.hero-title{font-family:var(--font-display);color:#d9b96a;text-shadow:0 1px 4px #000;letter-spacing:.04em;font-size:.82rem}.cosmetic-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cosmetic-label{min-width:56px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.frame-chip{box-shadow:inset 0 0 0 2px var(--frame)}.achievement-list{flex-direction:column;gap:6px;display:flex}.achievement{border-radius:var(--r-md);background:var(--inset);border:1px solid var(--line-faint);align-items:center;gap:12px;padding:10px 12px;display:flex}.achievement.done{background:linear-gradient(90deg,#78551e59,#ffffff08);border-color:#f0cf7ab3;box-shadow:0 0 14px #f0cf7a26}.achievement.claimed{opacity:.62}.ach-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ach-name{font-family:var(--font-display);color:var(--parchment);font-weight:600}.ach-reward{color:#e6c46e;font-size:.78rem}.ach-side{text-align:right;flex:none;min-width:74px}.ach-check{color:var(--up);font-size:1.3rem}.small-btn{padding:6px 12px;font-size:.8rem}.achievement-toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:76px;right:16px}.achievement-toast{opacity:0;border-color:#f0cf7a8c;align-items:center;gap:12px;min-width:260px;padding:10px 18px 10px 12px;transition:opacity .35s,transform .35s;display:flex;transform:translate(16px)scale(.96);box-shadow:0 0 24px #f0cf7a40,0 8px 24px #0009}.achievement-toast.on{opacity:1;transform:none}.ach-toast-icon{width:38px;height:38px;color:var(--well);background:radial-gradient(circle at 40% 35%, #fff2c4, var(--gold) 55%, var(--gold-deep));border-radius:50%;flex:none;place-items:center;font-size:1.2rem;display:grid}.ach-toast-label{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:700}.ach-toast-name{font-family:var(--font-display);color:var(--gold-bright);font-weight:700}.portrait.framed{border-color:var(--frame);box-shadow:0 0 0 2px #2a1c08, 0 0 16px var(--frame), inset 0 0 12px #0009}.currency.shards b{color:var(--shard)}.currency .shard,.upgrade-btn .shard{color:var(--shard);margin-right:3px}.upgrade-btns{flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.upgrade-btns .upgrade-btn{position:static;transform:none}.upgrade-btns .upgrade-btn:hover{transform:scale(1.06)}.upgrade-btn.shard{color:var(--shard);border-color:#78d2ff59}.banner-tabs{gap:6px;display:flex}.banner-tab{border-radius:var(--r-md) var(--r-md) 0 0;cursor:pointer;font:600 .85rem var(--font-display);color:var(--text-soft);background:var(--leather);border:1px solid var(--line);border-bottom:none;flex:1;padding:9px 10px}.banner-tab.active{color:var(--gold-bright);border-color:var(--gold-mid);background:linear-gradient(#5a3c19e6,#281a0c99)}.banner-hero{border-radius:0 0 var(--r-md) var(--r-md);border:1px solid var(--line);background:radial-gradient(at 50% 0,#b45cff2e,#0000 70%),#140f0a99;flex-direction:column;gap:8px;margin-top:-10px;padding:14px;display:flex}.banner-hero.banner-staly{background:radial-gradient(at 50% 0,#f0cf7a1f,#0000 70%),#140f0a99}.banner-name{font-family:var(--font-display);color:var(--parchment);font-size:1.15rem;font-weight:800}.banner-hero p{margin:0}.featured-row{flex-wrap:wrap;gap:10px;display:flex}.featured-item{text-align:center;border-radius:var(--r-md);background:var(--inset);border:1px solid #b45cff59;flex-direction:column;align-items:center;gap:4px;width:112px;padding:8px 6px;display:flex}.featured-item .item-icon{width:54px;height:54px}.featured-item .item-name{font-size:.78rem;line-height:1.2}.featured-badge{color:#ffd36b;text-shadow:0 0 6px #ffc850b3;font-size:.7rem;font-weight:700}.pity{flex-direction:column;gap:8px;display:flex}.pity-row{flex-direction:column;gap:4px;display:flex}.pity-label{color:var(--text);font-size:.82rem}.pity-track{height:8px;box-shadow:inset 0 0 0 1px var(--line);background:#0000008c;border-radius:999px;overflow:hidden}.pity-fill{background:linear-gradient(90deg, #8a6a2c, var(--gold));border-radius:999px;height:100%;transition:width .3s}.odds-row{align-items:center;gap:8px}.odds-row .muted{text-align:right;flex:1}@media (max-width:720px){.featured-item{width:calc(50% - 5px)}}.screen.gacha-results{z-index:20;background:radial-gradient(#1c120af0,#050302f7)}.zone-power{margin-top:6px;font-size:.78rem;font-weight:600}.zone-power.ok{color:var(--up)}.zone-power.low{color:var(--warn);text-shadow:0 0 8px #ff5a3259}.run-power{color:var(--gold);font-size:.85rem;font-weight:700}.run-power.low{color:var(--warn)}.run-event{font:600 .78rem var(--font-display);color:var(--ember-text);letter-spacing:.04em;text-shadow:0 1px 3px #000;margin-top:4px}*{scrollbar-width:thin;scrollbar-color:var(--bronze) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-deep), var(--bronze));background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.zone-desc,.lore,.banner-hero p,.tt-flavor{font-family:var(--font-lore)}.zone-desc{font-size:.88rem}@media (pointer:coarse){.hub-tab,.banner-tab,.btn,.run-btn,.hero-btn{min-height:44px}.chip{min-height:40px;padding:8px 14px}.close-btn,.icon-btn,.relic-slot,.relic-slot img{width:44px;height:44px}.gender-toggle .hub-tab{min-width:44px;min-height:44px}.upgrade-btn{padding:7px 11px}}@media (max-height:840px) and (min-width:901px){.hub{row-gap:6px;padding-top:10px;padding-bottom:12px}.hub-col{gap:7px;padding:10px 14px}.class-tile img{width:44px;height:44px}.race-traits{font-size:.76rem}.stat-box{padding:4px 8px}.run-btn{padding:9px 36px}.run-label{font-size:1.2rem}.hub-sub{display:none}}@media (max-width:1100px) and (min-width:901px){.hub{grid-template-columns:minmax(250px,290px) 1fr minmax(260px,300px);column-gap:14px;padding-left:16px;padding-right:16px}.class-grid{gap:4px}.class-tile{letter-spacing:0;font-size:.62rem}.class-tile img{width:42px;height:42px}}.glyph{fill:currentColor;vertical-align:-.16em;filter:drop-shadow(0 1px 1px #000000b3);flex:none;width:1.05em;height:1.05em}.gchip{color:var(--parchment);border:1px solid var(--line);white-space:nowrap;background:#0000006b;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.gchip .glyph{color:var(--gold-mid)}.gchip.boss .glyph{color:var(--gold)}.gchip.boss.final{color:var(--ember-text);border-color:#e07a50}.gchip.boss.final .glyph,.gchip.final .glyph{color:#ff9a6a}.gchip.rew .glyph{color:var(--coin)}.gchip.hp .glyph{color:#e0584a}.gchip.zone-power{align-self:flex-start;margin-top:6px}.gchip.zone-power.ok{color:var(--up);border-color:#8fe36a66}.gchip.zone-power.ok .glyph{color:var(--up)}.gchip.zone-power.low{color:var(--warn);border-color:#ff8a6a8c}.gchip.zone-power.low .glyph{color:var(--warn)}.zone-facts{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.zone-tile{flex-direction:column;display:flex}.stat-box{cursor:help;align-items:center;gap:8px;display:flex}.stat-ico{width:28px;height:28px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--bronze-dark);border-radius:5px;flex:none}.pool-ico{cursor:help;display:inline-flex}.race-traits{flex-flow:wrap;gap:5px;padding-left:0}.trait-chip{cursor:help;color:var(--parchment);background:var(--inset);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:600}.hub-tab.gender{min-width:40px;padding:3px 10px;font-size:1.05rem}.hero-power{text-shadow:0 1px 4px #000;cursor:help;margin-top:3px;font-size:.9rem}.hero-power .glyph{color:var(--gold)}.hero-btn{flex-direction:row;gap:8px;min-width:0;padding:8px 16px}.hero-btn .glyph{width:20px;height:20px;color:var(--gold-bright)}.hero-btn-count{min-width:24px;height:22px;color:var(--gold-bright);background:#00000073;border:1px solid #ffd28c66;border-radius:999px;place-items:center;padding:0 6px;font-size:.8rem;font-weight:700;display:grid}.run-sub .gchip{color:var(--ember-text);background:0 0;border:none;padding:0;font-size:.8rem}.run-sub .gchip .glyph{color:var(--gold)}.tree-milestones{flex-flow:wrap;gap:5px}.gchip.milestone{cursor:help;font-size:.75rem}.growth-gold .gchip.spent{margin-left:auto}.tree-pick{color:var(--faint);text-align:center;padding:10px 0;font-size:.85rem}.banner-name{cursor:help;align-items:center;gap:8px;display:flex}.info-ico{width:18px;height:18px;color:var(--gold-mid)}.gchip.rotation{align-self:flex-start}.pity-row{cursor:help;flex-direction:row;align-items:center;gap:10px}.pity-row .pity-track{flex:1}.pity-label{align-items:center;gap:5px;min-width:52px;display:flex}.pity-gem{text-shadow:0 0 6px;font-size:.95rem}.ach-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ach-text{cursor:help}.ach-reward{align-items:center;gap:8px;margin-left:auto;display:flex}.ach-reward .rw{align-items:center;gap:3px;display:inline-flex}.ach-reward .coin{width:11px;height:11px}.gchip.rw.title{color:#e6c46e;font-size:.72rem}.gchip.rw.title .glyph{color:var(--gold)}.frame-dot{border:2px solid var(--frame);width:14px;height:14px;box-shadow:0 0 6px var(--frame);border-radius:50%}.next-boss .gchip{color:var(--ember-text);background:0 0;border:none;padding:0;font-size:.8rem}.next-boss .gchip .glyph{color:var(--gold)}.loot-toast.with-ico{flex-direction:row;align-items:center;gap:10px}.loot-toast.with-ico>div{flex-direction:column;align-items:flex-end;display:flex}.toast-ico{width:38px;height:38px;box-shadow:0 0 0 1px #000, 0 0 10px color-mix(in srgb, var(--rarity) 50%, transparent);border-radius:6px}.card-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.new-tag{font:700 .65rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#1a1206;background:linear-gradient(#ffe39a,#d9aa55);border-radius:3px;margin-top:2px;padding:1px 7px;display:inline-block}.card.talent .talent-icon{width:60px;height:60px}.summary-stat{cursor:help;flex-direction:column;align-items:center;gap:2px;display:flex}.summary-stat .glyph{width:22px;height:22px;color:var(--gold-mid)}.summary .reward{font:700 1.1rem var(--font-display);justify-content:center;gap:16px;display:flex}.reward-gem{color:var(--gem)}.reward-gold{color:var(--coin);align-items:center;gap:4px;display:inline-flex}.reward-gold .coin{width:14px;height:14px}@media (pointer:coarse) and (max-width:1100px){.race-grid{grid-template-columns:repeat(3,52px);justify-content:center}}