:root{--bg:#060508;--panel:#0e0a0ae0;--edge:#3a2a22;--text:#d8cbb8;--muted:#8a7d6c;--blood:#b01818;--ember:#e07028;--gold:#d8b060;--xp:#4a8ad8}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-family:Spectral,Georgia,serif;overflow:hidden}#app,#app canvas{display:block;position:fixed;inset:0}#numbers{pointer-events:none;position:fixed;inset:0;overflow:hidden}h1,h2,h3,#topbar,button{font-family:Cinzel,Georgia,serif}.dmg{color:#e8e0d0;text-shadow:0 0 3px #000,0 1px 2px #000;white-space:nowrap;will-change:transform;font:600 15px Spectral,serif;position:absolute;top:0;left:0}.dmg.over{color:#70d8ff;text-shadow:0 0 8px #2080c0;font-size:26px;font-weight:700}.dmg.crit{color:#ffb030;font-size:21px;font-weight:700}#hud{pointer-events:none;position:fixed;inset:0}#xp{background:#120e10;border-bottom:1px solid #2a2020;height:6px;position:absolute;top:0;left:0;right:0}#xp-fill{background:linear-gradient(90deg,#2a5aa8,#6ab0ff);width:0;height:100%;box-shadow:0 0 8px #3a7ad8}#topbar{letter-spacing:.06em;text-shadow:0 1px 3px #000;justify-content:space-between;align-items:center;font-size:15px;display:flex;position:absolute;top:12px;left:16px;right:16px}#timer{color:#ecdcc0;font-size:26px}#boss{text-align:center;width:min(560px,80vw);display:none;position:absolute;top:52px;left:50%;transform:translate(-50%)}#boss-name{color:var(--ember);letter-spacing:.1em;text-shadow:0 0 8px #000;margin-bottom:4px;font-family:Cinzel,serif}#boss-bar{background:#1a0c0a;border:1px solid #5a2a1a;height:12px}#boss-fill{background:linear-gradient(#d0301a,#6a1008);height:100%}#toast{letter-spacing:.08em;opacity:0;text-shadow:0 0 12px #000,0 2px 4px #000;text-align:center;padding:0 16px;font-family:Cinzel,serif;font-size:26px;transition:opacity .4s,transform .4s;position:absolute;top:26%;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.boss{color:#ff6a3a}#toast.event{color:var(--gold)}#bottom{align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#life{background:#1a0808;border:1px solid #4a1a14;width:300px;height:22px;position:relative;box-shadow:0 0 12px #000}#life-fill{background:linear-gradient(#c82020,#6a0808);height:100%;transition:width .1s}#life-text{text-shadow:0 1px 2px #000;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}#resolve{color:#80c8ff;letter-spacing:1px;text-shadow:0 0 6px #246;font-size:14px}#lives{color:#ffd080;letter-spacing:2px;text-shadow:0 0 6px #640;font-size:18px}#potions{color:#e03040;letter-spacing:2px;text-shadow:0 0 6px #600;font-size:18px}#dash{--cd:0;border:1px solid var(--edge);background:conic-gradient(#000000bf calc(var(--cd) * 360deg), transparent 0) , #1a1412;width:34px;height:34px;color:var(--muted);place-items:center;font-size:18px;display:grid}#dash.ready{color:var(--gold);border-color:#6a5030}#loadout{gap:4px;display:flex}.slot{border:1px solid var(--edge);background:#16100e;place-items:center;width:34px;height:34px;font-size:17px;display:grid;position:relative}.slot.weapon{border-color:#6a4022}.slot b{color:var(--gold);font-size:10px;position:absolute;bottom:0;right:2px}#debug{color:#9f9;text-shadow:0 0 2px #000;font:12px monospace;position:absolute;bottom:12px;left:12px}.overlay{background:radial-gradient(#140806bf,#000000eb);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;display:flex;position:fixed;inset:0}.overlay h1{color:#c8301c;letter-spacing:.12em;text-shadow:0 0 24px #c8281480;margin:0;font-size:clamp(40px,8vw,76px)}.overlay h2{color:var(--gold);letter-spacing:.1em;margin:0;font-size:28px}.sub{color:var(--muted);letter-spacing:.08em;margin:-8px 0 8px}.controls{color:var(--muted);text-align:center;margin-top:12px;font-size:14px}button{cursor:pointer;color:var(--text);letter-spacing:.06em;background:linear-gradient(#2a1c16,#160e0c);border:1px solid #5a3a26;padding:10px 22px;font-size:16px}button:hover:not(:disabled){border-color:var(--ember);box-shadow:0 0 14px #e0702859}button:disabled{opacity:.4;cursor:default}button.ghost{background:0 0}.choices{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.choices button{flex-direction:column;align-items:center;gap:6px;width:170px;padding:18px 10px;display:flex}.choices span{font-size:34px}.choices small{color:var(--muted);letter-spacing:0;font-family:Spectral,serif}#cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.card{text-align:center;flex-direction:column;align-items:center;gap:6px;width:220px;min-height:230px;padding:20px 14px;display:flex;position:relative}.card .key{color:var(--muted);font-size:12px;position:absolute;top:8px;left:10px}.card .glyph{color:var(--ember);font-size:40px}.card.passive .glyph{color:#8ab0e0}.card h3{color:#ecdcc0;margin:4px 0 0;font-size:18px}.card em{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-style:normal}.card p{color:var(--text);letter-spacing:0;margin:6px 0 0;font-family:Spectral,serif;font-size:15px}#end-title.won{color:var(--gold)}#end-stats{grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px 32px;display:grid}#end-stats div{border-bottom:1px solid #2a2020;justify-content:space-between;gap:16px;padding:4px 0;display:flex}#end-stats span{color:var(--muted)}@media (width<=640px){#life{width:160px}#loadout{display:none}.card{width:100%;min-height:0}}.credits{color:#5a5048;margin:0;font-size:12px;position:fixed;bottom:10px;right:14px}.bars{flex-direction:column;gap:4px;display:flex}#life{position:relative;overflow:hidden}#barrier-fill{background:linear-gradient(#dce6ff8c,#8ca0d259);width:0;height:100%;position:absolute;top:0;left:0}#fortify-fill{background:#e8a040;width:0;height:4px;position:absolute;bottom:0;left:0;box-shadow:0 0 4px #e8a040}#resource{background:#0e0c14;border:1px solid #2a2438;width:300px;height:10px;position:relative}#resource-fill{width:0;height:100%;transition:width .1s}#resource-text{letter-spacing:.08em;color:#cfd6ff;text-shadow:0 1px 2px #000;place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.slot.skill{border-color:var(--c)}.slot.skill span{color:var(--c);font-family:Cinzel,serif;font-size:12px}.slot.skill i{color:var(--gold);letter-spacing:-1px;font-size:7px;font-style:normal;position:absolute;top:-1px;left:2px}.slot.key{color:var(--gold);border-color:var(--gold)}.card-actions{gap:10px;display:flex}.card .tag{color:var(--muted);letter-spacing:0;font-family:Spectral,serif;font-size:11px;position:absolute;top:8px;right:10px}.card.upgrade .glyph{color:var(--gold)}.card.key .glyph{color:#ffcf70}.card.banishing{border-color:#a02020}#end-rewards .rewards{min-width:min(520px,90vw)}#end-rewards ul{margin:4px 0 10px;padding:0;list-style:none}#end-rewards li{padding:3px 0}#end-rewards h4{color:var(--gold);margin:10px 0 2px;font-family:Cinzel,serif}.unlock{color:var(--gold)}.r-magic{color:#6a9aff}.r-rare{color:#f0d050}.r-legendary{color:#ff8a2a}.r-unique{color:#d8b880}.overlay.menu{background:radial-gradient(at top,#1a0e0b 0%,#070506 70%);justify-content:flex-start;align-items:stretch;gap:0;padding:0;overflow:hidden}.menu-head{background:#00000059;border-bottom:1px solid #2a1c16;flex-wrap:wrap;align-items:center;gap:28px;padding:14px 24px;display:flex}.menu-head h1{letter-spacing:.14em;font-size:30px}#menu-tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{color:var(--muted);background:0 0;border-color:#0000;padding:7px 14px;font-size:13px}#menu-body{flex:1;gap:18px;min-height:0;padding:18px 24px;display:flex;overflow:auto}.menu-foot{border-top:1px solid #1e1512;padding:6px 24px 10px}.menu-foot .controls{margin:2px 0;font-size:12px}.menu-foot .credits{text-align:right;position:static}#menu-body h3{color:var(--gold);letter-spacing:.08em;margin:0 0 10px;font-family:Cinzel,serif;font-size:16px}#menu-body h4{color:#d0a070;margin:14px 0 6px;font-family:Cinzel,serif;font-size:14px}.hint{color:var(--muted);font-size:13px}.col{background:#0e0a0ab3;border:1px solid #2a1c16;padding:14px}.classes{flex-direction:column;gap:6px;width:220px;display:flex}.class-pick{text-align:left;grid-template-rows:auto auto;grid-template-columns:14px 1fr;column-gap:8px;padding:8px 10px;display:grid}.class-pick .dot{border-radius:50%;grid-row:span 2;align-self:center;width:12px;height:12px}.class-pick small{color:var(--muted);font-family:Spectral,serif;font-size:12px}.class-pick.on{border-color:var(--ember);box-shadow:0 0 12px #e070284d}.class-pick.locked{opacity:.45}.hero-main{flex-direction:column;flex:1;gap:10px;min-width:280px;display:flex}.hero-main h2{color:#e0c090;font-size:36px}.blurb{color:var(--text);margin:0}.kv{grid-template-columns:auto 1fr auto 1fr;gap:6px 14px;font-size:14px;display:grid}.kv span{color:var(--muted)}.diff select{color:var(--text);background:#160e0c;border:1px solid #5a3a26;margin-left:8px;padding:6px;font-family:Spectral,serif}.diff-note{color:var(--muted);margin:0;font-size:13px}button.big{background:linear-gradient(#4a1c12,#200a08);border-color:#8a3a1c;margin-top:auto;padding:16px;font-size:22px}.gear{width:280px}.gear-row{border-bottom:1px solid #1e1512;grid-template-columns:80px 1fr auto;gap:8px;padding:4px 0;font-size:13px;display:grid}.gear-row span,.gear-row i{color:var(--muted)}.gear-row em{color:var(--muted);font-style:normal}.tree{flex:1;min-width:0}.cluster{margin-bottom:8px}.skill-card{vertical-align:top;background:#140e0cd9;border:1px solid #2a1c16;border-left:3px solid #888;width:260px;margin:0 8px 8px 0;padding:8px 10px;display:inline-block}.skill-card h5{justify-content:space-between;margin:0;font-family:Cinzel,serif;font-size:14px;display:flex}.skill-card h5 small{color:var(--muted);font-family:Spectral,serif}.skill-card p{margin:4px 0;font-size:13px}.tier{color:var(--muted);font-size:12px}.tier span{color:#8a7050;margin-right:6px}.tier em{color:#d8c8a8;font-style:normal}.tier i{margin:0 4px;font-size:11px}.t-physical{border-left-color:#d8c8b0}.t-fire{border-left-color:#ff7a30}.t-cold{border-left-color:#80d8ff}.t-lightning{border-left-color:#b8c8ff}.t-poison{border-left-color:#8ad050}.t-shadow{border-left-color:#b070ff}.t-holy{border-left-color:#ffd870}.side{flex-shrink:0;width:320px}.passive{border-bottom:1px solid #1e1512;padding:6px 0;font-size:13px}.passive p{color:var(--muted);margin:2px 0 0}.passive.key b{color:#ffcf70}.board{grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;flex-shrink:0;gap:3px;width:min(70vh,640px);display:grid}.pc{cursor:default;background:#2a201c;border:1px solid #3a2c24;border-radius:3px}.pc.empty{background:0 0;border:none}.pc.magic{background:#1c2a4a;border-color:#34528a}.pc.rare{background:#4a3a10;border-color:#a08020}.pc.legendary{background:#5a2a08;border-color:#ff8a2a;border-radius:50%}.pc.glyph{background:#3a1240;border-color:#b040d0;border-radius:50%}.pc.start{background:#6a2a1a;border-color:#e07028}.pc.in-glyph{box-shadow:inset 0 0 0 1px #b040d059}.pc.own{filter:brightness(2.2)saturate(1.3);box-shadow:0 0 6px #ffaa5059}.pc.can{cursor:pointer;outline:1px solid #e0a050;animation:1.4s infinite pulse}@keyframes pulse{50%{outline-color:#0000}}.big-num{color:var(--gold);margin:0;font-family:Cinzel,serif;font-size:30px}.big-num small{color:var(--muted);font-size:13px}.node-info{border:1px solid #2a1c16;min-height:80px;margin:8px 0;padding:8px}.node-info small{color:var(--muted);margin-left:8px}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.legend .pc{width:12px;height:12px;display:inline-block}.armory{flex:1}.slot-group{margin-bottom:6px}.item{vertical-align:top;background:#140e0ce6;border:1px solid #2a1c16;width:250px;margin:0 8px 8px 0;padding:8px 10px;font-size:13px;display:inline-block}.item.worn{border-color:#8a6a30}.item small{color:var(--muted);display:block}.item ul{margin:6px 0;padding-left:16px}.item .aspect{color:#ff9a4a;margin:4px 0}.item em{color:var(--gold);font-style:normal}.item button{padding:4px 10px;font-size:12px}.item select{width:100%;color:var(--text);background:#160e0c;border:1px solid #5a3a26;margin:4px 0}.codex,.ach,.perks{flex:1;max-width:900px}.aspect-row{border-bottom:1px solid #1e1512;padding:6px 0}.aspect-row b{color:#ff9a4a}.aspect-row p{margin:2px 0 0;font-size:13px}.aspect-row.unknown{opacity:.4}.ach-row,.perk{border-bottom:1px solid #1e1512;grid-template-columns:220px 1fr 50px 140px;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:grid}.perk{grid-template-columns:180px 1fr 50px 150px 70px}.ach-row em,.perk em{color:var(--gold);text-align:right;font-style:normal}.ach-row small,.perk small{color:var(--muted)}.perk.locked{opacity:.5}@media (width<=900px){#menu-body{flex-direction:column}.classes,.gear,.side{width:auto}.board{width:100%}.ach-row,.perk{grid-template-columns:1fr}}.aspect-on{color:#e8913a;font-weight:600}.badge{color:#1a1008;background:#e8913a;border-radius:9px;padding:0 6px;font-size:12px}.tips{text-align:left;margin-top:10px}.tips li{margin:3px 0}#menu-body.tab-skills,#menu-body.tab-talents{align-items:flex-start}.skill-map{flex:1;min-width:0}.skill-row{border-top:1px solid #1e1512;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;display:grid}.skill-row-head b{color:#d0a070;font-family:Cinzel,serif;font-size:14px;display:block}.skill-row-head small{color:var(--muted);font-size:12px}.skill-tiles{grid-template-columns:repeat(auto-fill,92px);gap:8px;display:grid}.skill-tile{color:var(--text);text-transform:none;letter-spacing:0;background:#140e0cd9;border:1px solid #2a1c16;border-bottom-width:3px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;display:flex;position:relative}.skill-tile small{text-align:center;min-height:26px;font-family:Spectral,serif;font-size:11px;line-height:1.15}.skill-tile.on{box-shadow:0 0 0 1px var(--gold);background:#2a1c16}.tile-glyph{font-size:22px;line-height:1}.tile-aspect{color:#e8913a;font-size:11px;font-style:normal;position:absolute;top:3px;right:5px}.skill-tile.t-physical{border-bottom-color:#d8c8b0}.skill-tile.t-physical .tile-glyph,.t-text-physical{color:#d8c8b0}.skill-tile.t-fire{border-bottom-color:#ff7a30}.skill-tile.t-fire .tile-glyph,.t-text-fire{color:#ff7a30}.skill-tile.t-cold{border-bottom-color:#80d8ff}.skill-tile.t-cold .tile-glyph,.t-text-cold{color:#80d8ff}.skill-tile.t-lightning{border-bottom-color:#b8c8ff}.skill-tile.t-lightning .tile-glyph,.t-text-lightning{color:#b8c8ff}.skill-tile.t-poison{border-bottom-color:#8ad050}.skill-tile.t-poison .tile-glyph,.t-text-poison{color:#8ad050}.skill-tile.t-shadow{border-bottom-color:#b070ff}.skill-tile.t-shadow .tile-glyph,.t-text-shadow{color:#b070ff}.skill-tile.t-holy{border-bottom-color:#ffd870}.skill-tile.t-holy .tile-glyph,.t-text-holy{color:#ffd870}.skill-detail{max-height:100%;font-size:14px}.detail-sub{margin:-6px 0 8px;font-size:13px}.kv.two{grid-template-columns:auto 1fr;margin-bottom:8px}.up-tier h5{color:#d0a070;margin:12px 0 4px;font-family:Cinzel,serif;font-size:13px}.up-opt{background:#140e0cd9;border-left:2px solid #5a3a26;margin-bottom:4px;padding:5px 8px;font-size:13px}.up-opt p{color:var(--muted);margin:2px 0 0}.talent-trees{flex:1;grid-template-columns:repeat(3,minmax(190px,1fr));gap:12px;min-width:0;display:grid}.talent-tree{border:1px solid hsl(var(--h), 35%, 22%);background:linear-gradient(180deg, hsla(var(--h), 55%, 16%, .75), hsla(var(--h), 40%, 7%, .9));flex-direction:column;display:flex}.talent-tree header{border-bottom:1px solid hsl(var(--h), 35%, 20%);justify-content:space-between;align-items:baseline;padding:8px 12px;display:flex}.talent-tree header b{color:hsl(var(--h), 55%, 75%);font-family:Cinzel,serif;font-size:16px}.talent-tree header small{color:var(--muted)}.talent-grid{flex:1;grid-template-columns:repeat(2,56px);place-content:start space-evenly;row-gap:12px;padding:14px 8px;display:grid}.talent{background:hsl(var(--h), 25%, 12%);border:2px solid hsl(var(--h), 25%, 28%);width:56px;height:56px;color:hsl(var(--h), 60%, 75%);place-items:center;padding:0;display:grid;position:relative}.talent i{color:var(--muted);background:#0a0706;border:1px solid #3a2c24;padding:0 4px;font-size:11px;font-style:normal;position:absolute;bottom:-6px;right:-4px}.talent.linked:before{content:"";background:hsl(var(--h), 25%, 28%);width:2px;height:14px;position:absolute;top:-16px;left:50%}.talent.locked{opacity:.55;filter:saturate(.4)}.talent.open{border-color:#7ac060;box-shadow:0 0 8px #7ac06059}.talent.open i{color:#9ae080;border-color:#7ac060}.talent.some{border-color:#7ac060}.talent.some i{color:#9ae080;border-color:#7ac060}.talent.max{border-color:var(--gold);box-shadow:0 0 8px #e8c07059}.talent.max i{color:var(--gold);border-color:var(--gold)}.talent.on{outline-offset:2px;outline:2px solid #fff3}.talent-tree footer{border-top:1px solid hsl(var(--h), 35%, 20%);color:var(--muted);padding:8px 12px;font-size:12px}.talent-tree footer b{color:var(--gold)}.specs{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.spec{text-transform:none;flex-direction:column;align-items:center;padding:6px 2px;font-size:13px;display:flex}.spec small{color:var(--muted);font-family:Spectral,serif;font-size:11px}.spec.on{border-color:var(--gold);color:var(--gold)}.xp-track{background:#0e0c14;border:1px solid #2a2438;height:6px;margin-bottom:8px}.xp-track div{background:#7ac060;height:100%}.talent-info{border-top:1px solid #2a1c16;margin-top:12px;padding-top:10px}.talent-info b{color:#e0c090;font-family:Cinzel,serif;font-size:16px;display:block}.talent-info small{color:var(--muted)}.talent-info .req{color:#e05a4a;margin:6px 0 0;font-size:13px}.talent-actions{gap:8px;display:flex}.talent-actions button{padding:6px 14px;font-size:13px}.talent-actions button:disabled,#talent-reset:disabled{opacity:.35;cursor:default}@media (width<=1000px){.talent-trees{grid-template-columns:1fr}}.forge{background:#0e0a0ab3;border:1px solid #2a1c16;margin-bottom:8px;padding:10px 12px}.forge-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.forge-head button{padding:6px 12px;font-size:13px}.forge .hint{margin:6px 0 0}.drops{color:var(--muted);margin-bottom:8px;font-size:13px}.drops summary{cursor:pointer;color:#d0a070;font-family:Cinzel,serif}.drops td{padding:2px 14px 2px 0}.item .craft{flex-wrap:wrap;gap:4px;margin:6px 0 4px;display:flex}.item li.tempered{color:#80d8ff}.item li.boosted{color:var(--gold)}.item li small{display:inline}.item button.salvage{color:var(--muted)}.zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.zone{text-align:left;text-transform:none;letter-spacing:0;border-left:3px solid var(--z);flex-direction:column;gap:2px;padding:8px 10px;display:flex;position:relative}.zone b{font-family:Cinzel,serif;font-size:14px}.zone small{color:var(--muted);font-family:Spectral,serif;font-size:12px;line-height:1.2}.zone i{color:var(--gold);font-size:11px;font-style:normal}.zone.on{box-shadow:0 0 0 1px var(--z);background:#2a1c16}:root{--iron-1:#1e1612eb;--iron-2:#0c0807f0;--bronze:#7a5a36;--bronze-dim:#46331f;--bright:#f0d8a8;--corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M1 21V5l4-4h16v2H6L3 6v15z' fill='%23b08a50'/%3E%3Cpath d='M6 8l2-2 2 2-2 2z' fill='%23e8c078'/%3E%3C/svg%3E")}.ico{vertical-align:-.14em;flex-shrink:0;width:1em;height:1em;display:inline-block}.overlay.menu{background:0 0}.overlay.menu:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(46% 62% at 50% 52%,#0000 40%,#040202b8 100%),linear-gradient(#040202bf 0%,#0000 18% 70%,#040202d9 100%);position:absolute;inset:0}.overlay.menu.dim:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050303c7}.menu-head{background:0 0;border:0;align-items:center;gap:20px;padding:14px 28px 0;display:flex}.menu-head h1{letter-spacing:.14em;white-space:nowrap;background:linear-gradient(#ffe0a0 0%,#e88a30 45%,#8a1a08 100%);color:#0000;filter:drop-shadow(0 0 14px #e86e1e73)drop-shadow(0 2px 1px #000);-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:700}#menu-tabs{flex:1;justify-content:flex-end;gap:2px}.tab{letter-spacing:.06em;white-space:nowrap;color:#a89478;text-shadow:0 1px 2px #000;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:9px;font-size:12px;display:inline-flex}.tab .ico{opacity:.75;font-size:15px}.tab:hover:not(:disabled){color:var(--bright);box-shadow:none;border-color:#0000;border-bottom-color:var(--bronze)}.tab.on{color:#ffd890;background:linear-gradient(#e88c3200,#e88c3233);border-color:#0000 #0000 #e8a040}.tab.on .ico{opacity:1;filter:drop-shadow(0 0 5px #e88a30)}.badge{color:#1a0c04;background:linear-gradient(#ffb050,#d86a18);border-radius:9px;padding:0 6px;font-size:11px;font-weight:700;animation:1.8s infinite glowpulse;box-shadow:0 0 8px #ff9632b3}@keyframes glowpulse{50%{box-shadow:0 0 2px #ff963233}}#menu-body{gap:16px;padding:14px 28px}#menu-body.enter>*{animation:.28s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.menu-foot{background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:4px 28px 8px;display:flex}.menu-foot .controls{color:#8a7a64;text-shadow:0 1px 2px #000;margin:0;font-size:12px}.menu-foot kbd{font:inherit;color:#cdb890;background:#1a120d;border:1px solid #55402a;border-bottom-width:2px;border-radius:3px;margin:0 2px;padding:0 5px;font-size:11px}.menu-foot .credits{color:#5e5242;margin:0;font-size:11px}.col,.side,.armory .forge,.talent-side,.codex,.ach,.perks{background:linear-gradient(170deg, var(--iron-1), var(--iron-2));border:1px solid var(--bronze-dim);padding:16px;position:relative;box-shadow:0 8px 26px #000000a6,inset 0 0 0 1px #000000b3,inset 0 0 28px #0000008c}.col:before,.side:before,.codex:before,.ach:before,.perks:before{content:"";pointer-events:none;z-index:0;background:var(--corner) top left no-repeat, var(--corner) top left no-repeat;background-image:var(--corner);position:absolute;inset:3px}.col:after,.side:after,.codex:after,.ach:after,.perks:after{content:"";pointer-events:none;background:var(--corner) no-repeat;width:22px;height:22px;position:absolute;bottom:3px;right:3px;transform:rotate(180deg)}#menu-body h3{letter-spacing:.14em;color:#e8c88a;text-transform:uppercase;align-items:center;gap:10px;font-size:15px;display:flex}#menu-body h3:after{content:"";background:linear-gradient(90deg, var(--bronze), transparent);flex:1;height:1px}#menu-body h4{color:#d8a868;letter-spacing:.08em}.hint{color:#94866f}button{border-color:var(--bronze);color:#e4d2b0;text-shadow:0 1px 1px #000;background:linear-gradient(#3a2a1e,#1c130e);box-shadow:inset 0 1px #ffdca024,0 2px 4px #00000080}button:hover:not(:disabled){color:#fff0d0;border-color:#e8a040;box-shadow:inset 0 1px #ffdca033,0 0 14px #e88c3273}button:active:not(:disabled){transform:translateY(1px)}#menu-body.tab-hero{grid-template-columns:236px minmax(0,1fr) 300px;align-items:stretch;gap:16px;display:grid;overflow:hidden}.classes{gap:5px;width:auto;overflow:auto}.class-pick{border:1px solid var(--bronze-dim);text-transform:none;letter-spacing:0;box-shadow:none;background:linear-gradient(90deg,#281c14d9,#100a08d9);align-items:center;gap:10px;padding:7px 9px;display:flex;position:relative}.class-pick .sigil{width:38px;height:38px;color:var(--c);border:1px solid var(--bronze);background:radial-gradient(circle at 40% 35%,#2c2018,#0c0806);border-radius:50%;flex-shrink:0;place-items:center;font-size:22px;display:grid;box-shadow:inset 0 0 8px #000c}.class-pick b{letter-spacing:.05em;font-family:Cinzel,serif;font-size:14px;display:block}.class-pick small{color:#8a7a64;font-size:11px;display:block}.class-pick.on{border-color:var(--c);background:linear-gradient(90deg, color-mix(in srgb, var(--c) 28%, #1a120c), #100a08d9);box-shadow:0 0 14px color-mix(in srgb, var(--c) 45%, transparent)}.class-pick.on .sigil{box-shadow:0 0 12px var(--c), inset 0 0 6px #0009;border-color:var(--c)}.class-pick.on b{color:#fff0d0}.class-pick.locked{opacity:.55;filter:saturate(.2)}.class-pick.locked .sigil{color:#6a5e50}.stage{text-align:center;pointer-events:none;flex-direction:column;min-height:0;display:flex}.stage>*{pointer-events:auto}.stage-title{pointer-events:none}.stage-title h2{letter-spacing:.14em;color:#fff0d0;text-shadow:0 0 22px var(--c), 0 3px 3px #000, 0 0 3px #000;margin:0;font-size:46px}.stage-title p{color:#e0d2b8;text-shadow:0 1px 3px #000,0 0 8px #000;max-width:560px;margin:2px auto 0;font-size:15px}.stage-gap{pointer-events:none;flex:1;min-height:40px}.cta{text-transform:none;letter-spacing:.02em;border-color:#e8a040;align-self:center;margin-bottom:8px;padding:5px 14px;font-size:13px;animation:1.8s infinite glowpulse}.zones{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.zone{text-align:left;border:1px solid var(--bronze-dim);text-transform:none;letter-spacing:0;background:#0c0806;height:112px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 4px 12px #0009}.zone img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.zone:hover:not(:disabled) img{transform:scale(1.07)}.zone:after{content:"";background:linear-gradient(#0402021a 25%,#040202f5 82%);position:absolute;inset:0}.zone b,.zone small,.zone i{z-index:1;position:absolute;left:8px;right:8px}.zone b{color:#f0e0c0;text-shadow:0 1px 2px #000;font-family:Cinzel,serif;font-size:13px;line-height:1.1;bottom:30px}.zone small{color:#a89a84;height:25px;font-family:Spectral,serif;font-size:10.5px;line-height:1.15;bottom:5px;overflow:hidden}.zone i{color:#ffd890;border:1px solid var(--bronze);background:#000000b3;padding:0 5px;font-size:11px;font-style:normal;top:6px;left:auto}.zone.on{border-color:var(--z);box-shadow:0 0 16px var(--z), inset 0 0 0 1px var(--z)}.zone:disabled{opacity:1}.zone:disabled img{filter:grayscale()brightness(.45)}.zone .zone-lock{z-index:1;color:#a89a84;font-size:18px;position:absolute;top:8px;left:8px;right:auto}.diffs{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.diff-pick{letter-spacing:.02em;text-transform:none;border-color:var(--bronze-dim);background:linear-gradient(#281c14e6,#100a08eb);flex-direction:column;align-items:center;gap:1px;padding:5px 2px;font-size:11px;display:flex}.diff-pick .pips{color:#c04020;gap:1px;height:9px;font-size:8px;display:flex}.diff-pick.on{color:#ffd890;border-color:#e8a040;box-shadow:0 0 10px #e88c3280}.diff-pick:disabled{opacity:.35}.diff-note{text-align:center;color:#c4b498;text-shadow:0 1px 2px #000;margin:5px 0 6px;font-size:12.5px}button.big{letter-spacing:.2em;color:#ffe8c0;background:linear-gradient(#8a2a10 0%,#4a1208 55%,#2a0a04 100%);border:1px solid #e88a30;margin:0;padding:13px;font-size:22px;position:relative;overflow:hidden;box-shadow:0 0 24px #e85a1480,inset 0 1px #ffc88c66,inset 0 0 22px #ff781e38}button.big:after{content:"";background:linear-gradient(90deg,#0000,#ffdcaa47,#0000);width:22%;animation:3.4s infinite sheen;position:absolute;top:0;bottom:0;left:-30%}@keyframes sheen{60%,to{left:115%}}button.big:hover:not(:disabled){box-shadow:0 0 40px #ff781ed9,inset 0 1px #ffc88c80,inset 0 0 26px #ff8c2859}.hero-side{flex-direction:column;gap:12px;width:auto;display:flex;overflow:auto}.stats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat{background:#0006;border:1px solid #2c2016;padding:5px 8px}.stat span{letter-spacing:.06em;text-transform:uppercase;color:#8a7a64;font-size:10.5px;display:block}.stat b{color:#f0e0c0;font-family:Cinzel,serif;font-size:14px}.doll{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.doll-slot{aspect-ratio:1;color:#3e3224;background:radial-gradient(circle at 50% 40%,#241a14,#0a0605);border:1px solid #33261a;place-items:center;font-size:28px;display:grid;position:relative;box-shadow:inset 0 0 12px #000c}.doll-slot small{text-align:center;color:#6e6250;font-size:9.5px;position:absolute;bottom:2px;left:0;right:0}.doll-slot.r-magic{color:#6a9aff;border-color:#34528a;box-shadow:inset 0 0 14px #4678ff47}.doll-slot.r-rare{color:#f0d050;border-color:#8a7420;box-shadow:inset 0 0 14px #f0d05042}.doll-slot.r-legendary{color:#ff8a2a;border-color:#b05a1a;box-shadow:inset 0 0 16px #ff8a2a5c,0 0 8px #ff8a2a40}.doll-slot.r-unique{color:#e8c88a;border-color:#b09868;box-shadow:inset 0 0 16px #e8c88a5c,0 0 8px #e8c88a40}.perks{flex:1;max-width:none}.perk-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:10px 0;display:grid}.perk{border:1px solid var(--bronze-dim);background:#00000059;grid-template-columns:44px 1fr auto;align-items:center;gap:2px 10px;padding:10px;display:grid}.perk .perk-ico{color:#e8a040;border:1px solid var(--bronze);background:radial-gradient(circle,#2c2018,#0c0806);grid-row:span 2;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.perk b{color:#f0e0c0;font-family:Cinzel,serif}.perk span{color:#b0a288;grid-column:2/4;font-size:13px}.perk .pip-row{grid-column:2;gap:3px;display:flex}.perk .pip-row i{background:#2c2016;border:1px solid #4a3626;width:12px;height:5px}.perk .pip-row i.on{background:#e8a040;box-shadow:0 0 5px #e8a040}.perk small{color:#94866f;font-size:12px}.perk button{grid-column:3;padding:4px 12px;font-size:12px}.perk.locked{filter:saturate(.2);opacity:.6}.ach{flex:1;max-width:none;overflow:auto}.ach-summary{background:#120c08;border:1px solid #33261a;height:6px;margin-bottom:10px}.ach-summary div{background:linear-gradient(90deg,#a86a20,#ffc870);height:100%;box-shadow:0 0 8px #ffb45a99}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;display:grid}.ach-row{background:#00000059;border:1px solid #2c2016;grid-template-columns:34px 1fr auto;align-items:center;gap:0 10px;padding:7px 9px;display:grid}.ach-row .ach-ico{color:#4a3e2e;border:1px solid #33261a;border-radius:50%;grid-row:span 3;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.ach-row b{color:#a89a84;font-family:Cinzel,serif;font-size:13px}.ach-row span{color:#8a7a64;grid-column:2/4;font-size:12px}.ach-row em{color:#8a7a64;grid-area:1/3;font-size:12px;font-style:normal}.ach-row small{color:#8a6a3a;grid-column:2/4;font-size:11px}.ach-row:not(.done){opacity:1}.ach-row.done{background:linear-gradient(90deg,#5a3c1459,#00000059);border-color:#7a5a26}.ach-row.done .ach-ico{color:#ffc870;border-color:#b08a50;box-shadow:0 0 10px #ffc87066}.ach-row.done b,.ach-row.done em{color:#ffd890}.codex{flex:1;max-width:none;overflow:auto}.aspect-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;margin-bottom:14px;display:grid}.aspect-row{background:linear-gradient(135deg,#5a32104d,#00000059);border:1px solid #5a3a1a;padding:8px 10px}.aspect-row b{color:#ff9a4a;font-family:Cinzel,serif;font-size:13px}.aspect-row.unknown{opacity:1;background:#0000004d;border-color:#2c2016}.aspect-row.unknown b{color:#5e5242}.aspect-row.unknown p{color:#4a4034}.armory{flex:1;overflow:auto}.forge,.slot-group{margin-bottom:10px}.slot-group h4{align-items:center;gap:7px;display:flex}.item{background:linear-gradient(170deg, var(--iron-1), var(--iron-2));border:1px solid #33261a;padding:9px 11px;box-shadow:0 4px 12px #00000080}.item>b{font-family:Cinzel,serif;font-size:14px}.item.r-magic{border-color:#34528a}.item.r-rare{border-color:#8a7420}.item.r-legendary{border-color:#b05a1a;box-shadow:0 0 12px #ff8a2a38,inset 0 0 18px #ff8a2a12}.item.r-unique{border-color:#b09868;box-shadow:0 0 12px #e8c88a38,inset 0 0 18px #e8c88a12}.item.worn{outline-offset:1px;outline:1px solid #e8c078}.board{border:1px solid var(--bronze-dim);background:radial-gradient(circle,#2e1a0eeb,#0a0605f2);padding:12px;box-shadow:0 8px 26px #000000a6,inset 0 0 40px #000000b3}.pc{background:#241a14;border-color:#3e2e20;border-radius:2px}.pc.magic{background:radial-gradient(circle,#4a78d0,#1a2c56)}.pc.rare{background:radial-gradient(circle,#e0c040,#5a4410)}.pc.legendary{background:radial-gradient(circle,#ffb050,#8a3a08);box-shadow:0 0 10px #ff8a2a80}.pc.glyph{background:radial-gradient(circle,#d070f0,#3a1240);box-shadow:0 0 10px #c85af080}.pc.start{background:radial-gradient(circle,#ff8a40,#6a2a1a)}.talent-tree{box-shadow:0 8px 26px #000000a6,inset 0 0 40px #00000073}.talent{background:radial-gradient(circle at 50% 35%, hsl(var(--h), 32%, 20%), hsl(var(--h), 25%, 8%));box-shadow:inset 0 0 10px #000000b3}.skill-tile{text-transform:none;background:radial-gradient(circle at 50% 30%,#2a1e16,#0e0907);box-shadow:0 3px 8px #00000080}.skill-tile:hover:not(:disabled){transform:translateY(-1px)}.skill-map,.skill-detail{overflow:auto}#end{background:radial-gradient(#280804b8,#040202f0)}#end-rewards .rewards{background:linear-gradient(170deg, var(--iron-1), var(--iron-2));border:1px solid var(--bronze-dim);padding:14px 18px;box-shadow:0 8px 26px #000000a6}@media (width<=1100px){#menu-body.tab-hero{grid-template-columns:1fr;overflow:auto}.stage-gap{min-height:220px}.zones{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-head{flex-wrap:wrap}#menu-tabs{justify-content:flex-start}}.glyph-line{color:#c8a0e8;font-size:13px}.glyph-line b{color:#e0b8ff}