: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;top:36%}#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)}.slot.charm{color:#c8a0ff;border-color:#7a50b0}.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.charm{border-color:#7a50b0}.card.charm .glyph{color:#c8a0ff}.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}.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.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.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}.board-tabs{gap:4px;margin:8px 0;display:flex}.board-tab{min-width:0;color:inherit;cursor:pointer;background:#1c1612;border:1px solid #3a2c24;flex:1;padding:5px 4px;font-size:11px}.board-tab small{opacity:.65;display:block}.board-tab.on{background:#2c2016;border-color:#e0a050}.board-tab.locked{opacity:.55}.glyph-list{margin:8px 0}.glyph-picks{flex-wrap:wrap;gap:3px;margin:6px 0;display:flex}.glyph-pick{color:inherit;cursor:pointer;background:#1c1612;border:1px solid #3a2c24;padding:3px 8px;font-size:12px}.glyph-pick.on{background:#2a1430;border-color:#b040d0}.glyph-desc{color:#d8b8e8;font-size:13px}.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.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;justify-content:center;align-items:flex-end;min-height:170px;display:flex}.stage-hint{color:#c8b89c;opacity:.65;text-shadow:0 1px 3px #000;margin-bottom:6px;font-size:12px}#menu-body.tab-hero{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}#menu-body.tab-hero.dragging{cursor:grabbing}#menu-body.tab-hero .col{cursor:default}.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-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}.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}.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-rows:none;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;overflow:auto}#menu-body.tab-hero>*{min-height:max-content}#menu-body.tab-hero .classes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}#menu-body.tab-hero .classes>h3{grid-column:1/-1}.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}::selection{color:#fff4dc;background:#e88c3273}*{scrollbar-color:#5a4028 #00000059;scrollbar-width:thin}:focus-visible{outline-offset:2px;outline:2px solid #ffc870}img.art{object-fit:cover;width:100%;height:100%;display:block}.menu-head{flex-wrap:nowrap}.menu-head h1{letter-spacing:.1em;flex-shrink:0;font-size:clamp(18px,1.9vw,28px)}#menu-tabs{flex-wrap:nowrap;min-width:0}.tab{letter-spacing:.03em;padding:9px clamp(4px,.6vw,11px);font-size:clamp(10.5px,.95vw,13px)}.overlay.menu.dim:before{background:linear-gradient(180deg, #050303b8, #050303cc 40%, #050303e6), var(--backdrop) center / cover no-repeat, #070506;-webkit-backdrop-filter:none;backdrop-filter:none}.hint,.class-pick small,.stat span,.perk small,.ach-row span,.ach-row em,.menu-foot .controls{color:#ac9d84}.doll-slot small{color:#a8987e}.menu-foot .credits{color:#8a7c66}.diff-pick:disabled{opacity:.55}.class-pick.locked{opacity:.8}.class-pick.locked small{color:#9c8e78}button:disabled{opacity:.6}.doll-slot{overflow:hidden}.doll-slot img.art{filter:grayscale(.9)brightness(.5);position:absolute;inset:0}.doll-slot:is(.r-magic,.r-rare,.r-legendary,.r-unique) img.art{filter:none}.doll-slot small{z-index:1;background:linear-gradient(#0000,#000000d9);padding:8px 2px 2px;bottom:0}.skill-tiles{grid-template-columns:repeat(auto-fill,84px)}.skill-tile{border-bottom-width:2px;padding:0 0 4px;overflow:hidden}.tile-art{width:100%;height:74px}.skill-tile small{color:#d4c6ac;min-height:28px;padding:3px 3px 0}.skill-tile:hover:not(:disabled) .tile-art{filter:brightness(1.2)}.skill-tile.on{box-shadow:0 0 0 1px #ffc870,0 0 14px #ffb45a73}img.art.detail-art{float:right;border:1px solid var(--bronze);width:84px;height:84px;margin:0 0 8px 10px;box-shadow:0 4px 12px #000000b3}.passive.key{grid-template-columns:44px 1fr;align-items:start;gap:10px;display:grid}img.art.passive-art{border:1px solid var(--bronze-dim);width:44px;height:44px}.talent{overflow:visible}.talent-art{position:absolute;inset:0}.talent.locked{opacity:1;filter:none}.talent.locked .talent-art{filter:grayscale(.7)brightness(.62)}.talent-grid{grid-template-columns:repeat(2,68px);row-gap:16px}.talent{width:68px;height:68px}.talent.linked:before{height:18px;top:-20px}.talent i{z-index:1;color:#d8cbb8}.perk{background:linear-gradient(120deg,#281c14b3,#00000073);grid-template-columns:64px 1fr auto;padding:8px}.perk .perk-ico{grid-row:span 3;width:64px;height:64px;padding:0;position:relative;overflow:hidden}.perk .perk-ico .ico{color:#e0d0b0;filter:drop-shadow(0 1px 2px #000);font-size:16px;position:absolute;bottom:3px;right:3px}.perk.locked{filter:none;opacity:1}.perk.locked .perk-ico img.art{filter:grayscale(.7)brightness(.62)}.perks,.codex,.ach,.talent-side{align-self:flex-start}.perk.locked b{color:#b8a88c}.perk span{color:#cabba0}.aspect-row.with-art{grid-template-columns:48px 1fr;align-items:center;gap:10px;display:grid}.aspect-row.with-art img.art{border:1px solid var(--bronze-dim);width:48px;height:48px}.aspect-row.unknown.with-art img.art{filter:grayscale(.9)brightness(.45)}.aspect-row.unknown b{color:#8f826c}.aspect-row.unknown p{color:#85785f}img.art.slot-art{border:1px solid var(--bronze-dim);width:28px;height:28px;display:inline-block}.empty-slots{background:linear-gradient(170deg, var(--iron-1), var(--iron-2));border:1px solid var(--bronze-dim);margin-top:12px;padding:14px 16px}.empty-slots h4{margin-top:0}.empty-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:8px;display:grid}.empty-slot{aspect-ratio:1;border:1px solid #33261a;position:relative;overflow:hidden}.empty-slot img.art{filter:grayscale()brightness(.45)}.empty-slot small{text-align:center;color:#c0b198;background:linear-gradient(#0000,#000000e6);padding:10px 2px 3px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.card{border:1px solid var(--bronze);background:linear-gradient(#1c130e,#0c0806);gap:4px;width:230px;min-height:300px;padding:0 0 16px;transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .14s;overflow:hidden;box-shadow:0 14px 34px #000000bf}.card:hover:not(:disabled){border-color:#ffc870;transform:translateY(-6px);box-shadow:0 20px 40px #000c,0 0 26px #ffaa5066}.card-art{background:var(--art) center / cover no-repeat;width:100%;height:150px;box-shadow:inset 0 -30px 30px -10px #150e0a}.card h3{margin:6px 12px 0}.card p{color:#dccdb2;margin:4px 14px 0}.card .key,.card .tag{z-index:1;border:1px solid var(--bronze-dim);color:#dccdb2;background:#000000b8;padding:1px 6px}.card .key{top:6px;left:6px}.card .tag{top:6px;right:6px}.card.charm{border-color:#a070e0;box-shadow:0 14px 34px #000000bf,0 0 20px #a06ef047}.card.upgrade{border-color:#d0a050}.card.key{border-color:#ffcf70;box-shadow:0 14px 34px #000000bf,0 0 20px #ffcf7047}.overlay#levelup{background:radial-gradient(#0e0805b8,#040202eb)}#bottom{align-items:flex-end;gap:14px;bottom:10px}#life.orb,#resource.orb{background:radial-gradient(circle at 50% 42%,#150c0a,#050303 72%);border:0;border-radius:50%;flex-shrink:0;width:104px;height:104px;position:relative;overflow:hidden;box-shadow:0 6px 18px #000c,0 0 0 2px #2a1c12,0 0 0 4px #8a6a3a,0 0 0 6px #1a110a}.orb-fill{width:100%;height:0;transition:height .12s ease-out;position:absolute;bottom:0;left:0;right:0}#life-fill.orb-fill{background:radial-gradient(80% 60% at 50% 100%,#ff5040,#b01212 55%,#5a0606)}#resource-fill.orb-fill{background:radial-gradient(ellipse 80% 60% at 50% 100%, color-mix(in srgb, var(--c) 60%, white), var(--c) 55%, color-mix(in srgb, var(--c) 45%, black))}.orb-fill:before{content:"";filter:blur(1px);background:#ffffff57;border-radius:50%;height:7px;position:absolute;top:-3px;left:-10%;right:-10%}.orb:after{content:"";pointer-events:none;background:radial-gradient(50% 32% at 40% 22%,#ffffff6b,#0000 70%),radial-gradient(circle,#0000 58%,#0000009e 100%);border-radius:50%;position:absolute;inset:0}.orb span{z-index:2;color:#fff4e0;text-shadow:0 1px 3px #000,0 0 8px #000;place-items:center;font:700 20px Cinzel,serif;display:grid;position:absolute;inset:0}.orb-ring{z-index:1;--v:0;background:conic-gradient(var(--ring) calc(var(--v) * 360deg), transparent 0);width:auto;height:auto;box-shadow:none;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}#barrier-fill.orb-ring,#fortify-fill.orb-ring{background:conic-gradient(var(--ring) calc(var(--v) * 360deg), transparent 0);width:auto;height:auto;box-shadow:none;inset:0}#life-fill.orb-fill,#resource-fill.orb-fill{width:100%}#barrier-fill.orb-ring{--ring:#dcebffd9}#fortify-fill.orb-ring{--ring:#e8a040;inset:7px}#life.low{animation:.9s ease-in-out infinite orb-low}@keyframes orb-low{50%{box-shadow:0 6px 18px #000c,0 0 0 2px #2a1c12,0 0 0 4px #ff5040,0 0 22px 6px #ff3c28b3}}.hud-center{flex-direction:column;align-items:center;gap:6px;padding-bottom:2px;display:flex}.hud-pips{align-items:center;gap:14px;min-height:15px;display:flex}.hud-pips>div{align-items:center;gap:3px;display:flex}#lives i{filter:drop-shadow(0 0 3px #ffb450b3);width:13px;height:12px;clip-path:path("M6.5 12 0.8 6C-1 3.600.4 0 3.400 0 5 0 6 1 6.500 2 7 1 8 0 9.600 0c3 0 4.400 3.600 2.600 6z");background:#ffd080}#potions i{background:radial-gradient(circle at 45% 65%,#ff5a5a,#a01018);border-radius:45% 45% 50% 50%/30% 30% 65% 65%;width:11px;height:14px;box-shadow:0 0 5px #f03c3cb3}#potions i.off{background:#241414;box-shadow:inset 0 0 0 1px #5a2a2a}#resolve i{background:#80c8ff;width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 5px #4090d0}.hud-slots{background:linear-gradient(#1a120ceb,#080504f0);border:1px solid #5a4226;align-items:center;gap:6px;padding:5px 7px;display:flex;box-shadow:0 6px 16px #000000b3,inset 0 1px #ffdca01a}#loadout{gap:5px}.slot{background:#0c0806;border:1px solid #5a4226;width:46px;height:46px;overflow:hidden}.slot img.art{position:absolute;inset:0}.slot.skill{border-color:var(--c);box-shadow:inset 0 0 0 1px #0009}.slot.skill u{z-index:1;background:conic-gradient(#000000b8 calc(var(--cd,0) * 360deg), transparent 0);text-decoration:none;position:absolute;inset:0}.slot.skill b{z-index:2;color:#ffe0a0;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;bottom:1px;right:3px}.slot.skill i{z-index:2;text-shadow:0 1px 2px #000;font-size:8px;top:1px;left:3px}.slot.charm{border-color:#a070e0;width:34px;height:34px}.slot.key{border-color:#ffcf70;width:34px;height:34px}#dash{color:#8a7a64;place-items:center;width:46px;height:46px;display:grid;position:relative}#dash svg{fill:currentColor;width:26px;height:26px}#dash.ready{color:#ffd890;box-shadow:0 0 10px #ffc8784d}#topbar{text-shadow:0 1px 3px #000,0 0 8px #000}#timer{font-size:28px}#xp{background:linear-gradient(#0c0a0e,#1a1418);border-bottom:1px solid #5a4226;height:8px;box-shadow:0 2px 8px #0009}#boss{width:min(680px,82vw);top:56px}#boss-name{color:#ffcf9a;letter-spacing:.14em;text-shadow:0 1px 3px #000,0 0 14px #ff5a1eb3;font-size:18px}#boss-bar{background:#120605;border:1px solid #8a6a3a;height:18px;position:relative;box-shadow:0 0 0 2px #1a110a,0 0 0 3px #4a3620,0 6px 16px #000000bf}#boss-fill{background:linear-gradient(#ff5a30 0%,#c0200e 40%,#6a0c06 100%);transition:width .12s ease-out;position:relative;box-shadow:0 0 12px #ff461e99}@media (width<=760px),(height<=520px){#life.orb,#resource.orb{width:76px;height:76px}.orb span{font-size:15px}.slot,#dash{width:34px;height:34px}.slot.charm,.slot.key{width:24px;height:24px}.card{width:min(46vw,210px);min-height:0}.card-art{height:90px}}.board{background:radial-gradient(circle at 50% 50%, #462a1480, #0a0605f5 72%), var(--backdrop) center / cover;gap:2px}.pc{background:radial-gradient(circle at 40% 35%,#3a2c20,#120c08);border:1px solid #4a3828;border-radius:50%;transition:transform .12s cubic-bezier(.16,1,.3,1);transform:scale(.5)}.pc.empty{transform:none}.pc.magic{background:radial-gradient(circle at 38% 32%,#9cc0ff,#2a4c9c 60%,#101c3c);border-color:#6a8ad0;transform:scale(.66)}.pc.rare{background:radial-gradient(circle at 38% 32%,#ffe890,#b08a20 60%,#3c2c08);border-color:#d0ac40;border-radius:3px;transform:scale(.62)rotate(45deg)}.pc.legendary{z-index:1;background:radial-gradient(circle at 38% 32%,#ffd8a0,#e87020 55%,#5a1c04);border-color:#ffb060;transform:scale(1.05);box-shadow:0 0 14px #ff8a2ab3}.pc.glyph{z-index:1;background:radial-gradient(circle at 38% 32%,#f0c0ff,#9c40c8 55%,#2c0c3c);border-color:#d890f0;transform:scale(1.05);box-shadow:0 0 14px #c85af0b3}.pc.start{background:radial-gradient(circle at 38% 32%,#ffc890,#c85a20 60%,#4a1808);border-color:#ff9a50;transform:scale(.9)}.pc.in-glyph{box-shadow:0 0 0 2px #b040d047}.pc:not(.own):not(.empty):not(.legendary):not(.glyph){filter:saturate(.55)brightness(.62)}.pc.own{filter:brightness(1.25)saturate(1.2);box-shadow:0 0 9px #ffaa50bf}.pc.can{filter:none;cursor:pointer;outline:0;animation:1.3s ease-in-out infinite can-pulse;box-shadow:0 0 0 2px #ffd890,0 0 12px #ffc878e6}.pc[data-node]:hover{z-index:2;transform:scale(1.15)}@keyframes can-pulse{50%{box-shadow:0 0 0 1px #ffd89066,0 0 5px #ffc8784d}}.legend .pc{filter:none;transform:rotate(0)}.board-tab{padding:7px 6px;font-family:Cinzel,serif}.node-info{border-color:var(--bronze-dim);background:#00000059}.node-info b{color:#f0d8a8;font-family:Cinzel,serif}#end{justify-content:flex-start;gap:12px;padding:5vh 16px;overflow:auto}#end h1{letter-spacing:.16em;text-shadow:0 0 34px #dc2814b3,0 4px 3px #000;margin:0}#end-title.won{text-shadow:0 0 34px #ffbe5ab3,0 4px 3px #000}#end-stats{grid-template-columns:repeat(4,minmax(96px,1fr));gap:8px;width:min(620px,92vw)}#end-stats div{border:1px solid var(--bronze-dim);background:linear-gradient(170deg, var(--iron-1), var(--iron-2));flex-direction:column-reverse;align-items:center;gap:2px;padding:8px 4px}#end-stats b{color:#fff0d0;font:700 24px Cinzel,serif}#end-stats span{color:#ac9d84;letter-spacing:.06em;text-transform:uppercase;font-size:12px}#end-rewards .rewards{width:min(620px,92vw)}.damage-list{margin:4px 0 10px;padding:0;list-style:none}.damage-list li{color:#d8c8a8;grid-template-columns:minmax(120px,34%) 1fr 38px;align-items:center;gap:8px;padding:2px 0;font-size:13px;display:grid}.damage-list i{width:var(--w);background:linear-gradient(90deg,#7a2410,#e08a3a);height:8px;display:block}.damage-list b{text-align:right;color:#f0dcb4;font-weight:600}#end-rewards li.loot{grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:4px 0;display:grid}#end-rewards li.loot img.art{border:1px solid;width:40px;height:40px}#end-rewards small{color:#ac9d84}#restart{letter-spacing:.16em;flex-shrink:0;padding:11px 42px;font-size:16px}#pause{background:radial-gradient(#0e08059e,#040202e0)}#pause h2{letter-spacing:.2em;color:#f0d8a8;text-shadow:0 0 22px #e88c3280,0 3px 3px #000;font-size:46px}#pause p{color:#cabba0}#toast{letter-spacing:.08em;text-align:center;background:linear-gradient(90deg,#0000,#060302d1 18% 82%,#0000);max-width:92vw;padding:8px 34px}#toast.loot{color:#ffd890}.dmg{text-shadow:0 1px #000,0 0 4px #000,0 2px 3px #000;font-family:Cinzel,serif;font-size:15px;font-weight:700}.dmg.crit{color:#ffbe40;text-shadow:0 1px #3c1a00,0 0 8px #ff8214cc,0 2px 3px #000;font-size:23px}.dmg.over{color:#80e0ff;font-size:28px}.overlay.menu:not(.dim):before{background:radial-gradient(60% 75% at 50% 42%,#0000 45%,#0402029e 100%),linear-gradient(#04020273 0%,#04020200 16% 58%,#040202d1 100%)}.menu-head{z-index:1;background:linear-gradient(#040202e0,#04020280 72%,#04020200);padding-bottom:8px;position:relative}@media (width<=1100px){.menu-head{flex-wrap:wrap;gap:6px 16px}#menu-tabs{flex-wrap:wrap;flex-basis:100%;justify-content:flex-start}}@media (width<=520px){.class-pick{gap:6px;padding:6px}.class-pick b{letter-spacing:0;font-size:11.5px}.class-pick .sigil{width:30px;height:30px;font-size:17px}}.class-pick{padding:5px 8px 5px 5px}.class-pick .sigil{border-color:var(--bronze-dim);border-radius:3px;width:46px;height:46px;position:relative;overflow:hidden}.class-pick .sigil .ico{color:#e0d0b0;filter:drop-shadow(0 1px 1px #000);font-size:13px;position:absolute;bottom:2px;right:2px}.class-pick.locked{filter:none;opacity:1}.class-pick.locked img.art{filter:grayscale(.85)brightness(.55)}.class-pick.locked b{color:#b8a88c}.class-pick.on .sigil{border-radius:3px}.lock-note{color:#e8d4a8;text-shadow:0 1px 2px #000;border:1px solid var(--bronze);background:linear-gradient(#1e1612eb,#0c0807f0);justify-content:center;align-items:center;gap:10px;margin:0;padding:14px;font:600 15px Cinzel,serif;display:flex}.lock-note .ico{color:#e8a040;font-size:20px}#boss-intro{opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;top:24%;left:0;right:0}#boss-intro b{letter-spacing:.14em;color:#ffe6c0;white-space:nowrap;text-shadow:0 0 34px #ff501ee6,0 3px 3px #000;font:700 clamp(30px,6vw,64px) Cinzel,serif}#boss-intro i{background:linear-gradient(90deg,#0000,#ff7a30);flex:0 18vw;height:2px;box-shadow:0 0 10px #ff6e28cc}#boss-intro i:last-child{background:linear-gradient(90deg,#ff7a30,#0000)}#boss-intro.show{animation:2.6s cubic-bezier(.16,1,.3,1) both boss-in}@keyframes boss-in{0%{opacity:0;letter-spacing:.2em;filter:blur(8px);transform:scale(1.28)}18%{opacity:1;filter:blur();transform:scale(1)}78%{opacity:1;transform:scale(.98)}to{opacity:0;transform:scale(.96)}}@media (width<=760px){#menu-body.tab-hero .stage{order:-1}#menu-body.tab-hero .classes{order:0}.stage-gap{min-height:340px}#boss-intro b{white-space:normal;text-align:center;font-size:28px}#boss-intro i{display:none}}html.touch #loadout{display:flex!important}@media (width<=760px){html.touch #loadout{gap:3px}html.touch #bottom{gap:6px}.slot.charm,.slot.key{display:none}}.armory-body{grid-template-columns:250px 1fr;align-items:start;gap:14px;margin-top:8px;display:grid}.slot-rail{flex-direction:column;gap:5px;display:flex}.slot-pick{text-align:left;background:linear-gradient(170deg, var(--iron-1), var(--iron-2));text-transform:none;letter-spacing:0;border:1px solid #33261a;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:4px 9px 4px 4px;display:grid}.slot-pick img.art{border:1px solid var(--bronze-dim);width:42px;height:42px}.slot-pick:not(.r-magic):not(.r-rare):not(.r-legendary):not(.r-unique) img.art{filter:grayscale(.85)brightness(.55)}.slot-pick span{gap:1px;min-width:0;display:grid}.slot-pick b{color:#d8c8a8;font:600 13px Cinzel,serif}.slot-pick small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:11px;overflow:hidden}.slot-pick em{color:#c8a060;font-size:12px;font-style:normal}.slot-pick:hover{border-color:#6a5030}.slot-pick.on{border-color:#e8c078;box-shadow:inset 0 0 14px #e8b45a24}.slot-pick.r-magic small{color:#7aa8ff}.slot-pick.r-rare small{color:#e8d050}.slot-pick.r-legendary small{color:#ff9a4a}.slot-pick.r-unique small{color:#e8c88a}.item-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-items:start;gap:10px;display:grid}.armory-shelf .empty-slots{grid-template-columns:96px 1fr;align-items:center;gap:16px;margin-top:0;display:grid}.armory-shelf .empty-slots img.art{border:1px solid var(--bronze-dim);filter:grayscale()brightness(.45);width:96px;height:96px}.aspect-row.unknown p svg{vertical-align:-1px;opacity:.7;width:12px;height:12px;margin-right:5px}@media (width<=760px){.armory-body{grid-template-columns:1fr}.slot-rail{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}}#account{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-size:12px;display:flex}#account:empty{display:none}.account-link{letter-spacing:.04em;text-transform:none;color:#e8c078;border:1px solid var(--bronze-dim);cursor:pointer;background:#00000059;padding:2px 8px;font:600 11px Cinzel,serif;text-decoration:none}.account-link:hover{color:#fff0d0;border-color:#e8c078}.sign-in{z-index:90;background:#040201b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sign-in-box{background:linear-gradient(170deg, var(--iron-1), var(--iron-2));border:1px solid #6a5030;max-width:460px;padding:22px 24px;box-shadow:0 12px 40px #000000b3}.sign-in-box h2{color:#e8c078;margin:0 0 8px;font:700 22px Cinzel,serif}.sign-in-box p{color:#c8b89c;margin:0 0 16px;line-height:1.5}.sign-in-acts{flex-wrap:wrap;gap:8px;display:flex}.sign-in-acts .account-link{padding:8px 14px;font-size:13px}.board{background:radial-gradient(circle at 50% 50%, #0a060433, #080504d1 78%), var(--plate) center / cover no-repeat, #080504e6;align-self:flex-start;position:relative}.board .edges{pointer-events:none;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.edge{stroke:#96764e57;stroke-width:.09px;stroke-linecap:round}.edge.own{stroke:#f0b860;stroke-width:.14px;filter:drop-shadow(0 0 .12px #ff9a40)}.edge.path{stroke:#fff0c8;stroke-width:.14px;stroke-dasharray:.22 .16;animation:.7s linear infinite edge-run}@keyframes edge-run{to{stroke-dashoffset:-.38px}}.board .pc{position:relative}.pc.normal.fam-damage{background:radial-gradient(circle at 38% 32%,#c86a50,#4a1a10 70%);border-color:#7a3424}.pc.normal.fam-defense{background:radial-gradient(circle at 38% 32%,#7aa868,#1e3a18 70%);border-color:#3e6430}.pc.normal.fam-speed{background:radial-gradient(circle at 38% 32%,#d0b860,#443610 70%);border-color:#7a6424}.pc.normal.fam-utility{background:radial-gradient(circle at 38% 32%,#7a9cc8,#182c4a 70%);border-color:#385a84}.pc.magic.fam-damage{background:radial-gradient(circle at 38% 32%,#ffb098,#c83a20 58%,#4a0c04);border-color:#ff8060}.pc.magic.fam-defense{background:radial-gradient(circle at 38% 32%,#c8f0a8,#4a9838 58%,#0e2c0a);border-color:#84d060}.pc.magic.fam-speed{background:radial-gradient(circle at 38% 32%,#fff0a8,#c8a020 58%,#3c2c04);border-color:#f0d050}.pc.magic.fam-utility{background:radial-gradient(circle at 38% 32%,#b8d8ff,#3a6cc8 58%,#0c1c44);border-color:#80a8f0}.pc.rare{background:radial-gradient(circle at 38% 32%,#fff0b0,#d8a428 58%,#4a3208);border-color:#f0cc58}.pc.rare.met.own{box-shadow:0 0 0 1px #fff0b0,0 0 13px #ffdc78f2}.pc.path{z-index:1;box-shadow:0 0 0 2px #fff0c8,0 0 12px #ffe6aae6;filter:none!important}.pc.just{animation:.7s cubic-bezier(.16,1,.3,1) node-bought}@keyframes node-bought{0%{filter:brightness(2.6);transform:scale(1.7)}to{filter:brightness(1.25)saturate(1.2)}}#node-tip{z-index:5;pointer-events:none;background:linear-gradient(170deg,#1e1610,#0c0806);border:1px solid #8a6a38;width:250px;padding:9px 11px;position:absolute;box-shadow:0 8px 22px #000c}#node-tip[hidden]{display:none}#node-tip b{color:#f0d8a8;font:700 14px Cinzel,serif}#node-tip b.k-rare{color:#f0cc58}#node-tip b.k-legendary{color:#ff9a4a}#node-tip b.k-glyph{color:#d890f0}#node-tip b.k-magic{color:#a8c8ff}#node-tip small{color:var(--muted);text-transform:capitalize;margin-bottom:4px;font-size:11px;display:block}#node-tip p{color:#d8c8a8;margin:3px 0 0;font-size:13px;line-height:1.35}#node-tip .threshold{color:#7a6c58}#node-tip .threshold.met{color:#f0cc58}#node-tip .tip-buy{color:#e8c078;border-top:1px solid #3a2c1c;margin-top:6px;padding-top:5px;font-size:12px}.attributes{grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0;display:grid}.attribute{text-align:center;background:#0006;border:1px solid #2c2016;padding:4px 2px}.attribute span{color:var(--muted);font-size:10px;display:block}.attribute b{color:#f0d8a8;font:700 15px Cinzel,serif}.board-tabs{flex-wrap:wrap}.board-tab{flex:30%;position:relative;overflow:hidden}.board-tab:after{content:"";height:2px;width:var(--done,0%);background:#f0b860;position:absolute;bottom:0;left:0}.board-count{color:var(--muted);margin:0 0 6px;font-size:12px}.tip-power{color:#ffb45a}.powers{background:#3c1c0466;border:1px solid #8a5a20;margin:8px 0;padding:6px 9px}.powers h4{color:#ffb45a;margin:0 0 4px;font:600 12px Cinzel,serif}.powers p{color:#e8d4b0;margin:4px 0;font-size:12px;line-height:1.4}.totals{border:1px solid var(--bronze-dim);background:#00000059;margin:8px 0;padding:6px 9px}.totals summary{cursor:pointer;color:#e8c078;font:600 12px Cinzel,serif}.totals ul{color:#d8c8a8;max-height:170px;margin:6px 0 0;padding:0;font-size:12px;line-height:1.5;list-style:none;overflow:auto}.board.tier-1{filter:hue-rotate(-14deg)}.board.tier-2{filter:hue-rotate(160deg)saturate(.7)}.board.tier-3{filter:hue-rotate(95deg)saturate(.75)}.board.tier-4{filter:hue-rotate(250deg)saturate(.8)}.board .pc.magic:after,.board .pc.rare:after,.board .pc.legendary:after,.board .pc.glyph:after{content:"";pointer-events:none;-webkit-mask:var(--sym) center / contain no-repeat;-webkit-mask:var(--sym) center / contain no-repeat;mask:var(--sym) center / contain no-repeat;background:#140802e0;position:absolute;inset:18%}.board .pc.rare:after{rotate:-45deg}.pc.fam-damage{--sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2l2 2-11 12-3-3zM8 14l2 2-3 3 1 2-2 1-1-2-2-1 1-2 2 1z'/%3E%3C/svg%3E")}.pc.fam-defense{--sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v7c0 5-3 8-8 10-5-2-8-5-8-10V5z'/%3E%3C/svg%3E")}.pc.fam-speed{--sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E")}.pc.fam-utility{--sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l3 6 6 3-6 3-3 6-3-6-6-3 6-3z'/%3E%3C/svg%3E")}.pc.legendary{--sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 7 7 .6-5.3 4.6 1.6 7.3L12 17.8 5.7 21.5l1.6-7.3L2 9.6 9 9z'/%3E%3C/svg%3E")}.pc.glyph{--sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l10 10-10 10L2 12zm0 5l-5 5 5 5 5-5z'/%3E%3C/svg%3E")}.abyss{text-align:left;background:linear-gradient(170deg,#1e0c2ce0,#0a0510eb);border:1px solid #5a3a78;width:min(560px,100%);margin:8px auto;padding:8px 12px}.abyss-head{justify-content:space-between;align-items:baseline;display:flex}.abyss-head h4{letter-spacing:.08em;color:#d0a8f0;margin:0;font:700 14px Cinzel,serif}.abyss-head small{color:#a898b8}.abyss-tier{align-items:center;gap:10px;margin:4px 0;display:flex}.abyss-tier b{color:#fff0d0;text-align:center;min-width:90px;font:700 18px Cinzel,serif}.abyss-tier button{width:26px;height:26px;padding:0}.abyss p{color:#c8b8d0;margin:3px 0;font-size:12px}.abyss ul{color:#c8b8d0;margin:3px 0;padding:0;font-size:12px;list-style:none}.abyss li b{color:#e090ff}#start-abyss{letter-spacing:.1em;color:#f0dcff;cursor:pointer;background:linear-gradient(#4a2a68,#241038);border:1px solid #8a5ab0;width:100%;margin-top:6px;padding:7px;font:700 13px Cinzel,serif}#start-abyss:hover{background:linear-gradient(#5c3680,#301848)}.abyss-note{color:#a898b8;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.abyss-note .ico{width:13px;height:13px}#abyss-bar{text-align:center;letter-spacing:.1em;color:#e0c0ff;text-shadow:0 1px 3px #000;width:min(420px,70vw);font:700 12px Cinzel,serif;display:none;position:absolute;top:44px;left:50%;transform:translate(-50%)}#abyss-bar div{background:#0009;border:1px solid #6a4a88;height:7px;margin-top:3px}#abyss-bar i{background:linear-gradient(90deg,#5a2a90,#c070f0);width:0;height:100%;display:block}.board-rewards{color:#8a7c68;margin:4px 0 8px;padding:0;font-size:12px;line-height:1.5;list-style:none}.board-rewards b{color:#a89878;min-width:26px;font-weight:600;display:inline-block}.board-rewards li.earned{color:#ecd8a8}.board-rewards li.earned b{color:#ffb45a}.glyph-pick.own-class{color:#ffc880;border-color:#8a5a20}.hero-side{overflow:auto}.classes .class-pick{padding:4px 8px}.classes .class-pick .sigil{width:32px;height:32px}.classes .class-pick b{font-size:13px}@media (height<=860px),(width<=1100px){.classes .class-pick small{display:none}}.item-head{grid-template-columns:52px 1fr;align-items:center;gap:10px;display:grid}.item-head img.art{border:1px solid;width:52px;height:52px}.item-head b,.item-head small{display:block}.options{align-self:flex-start;width:min(560px,100%);margin:0 auto}.option{color:#e0d2b8;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;font-size:14px;display:flex}.option input[type=range]{accent-color:#e08a3a;width:260px}.option input[type=checkbox]{accent-color:#e08a3a;width:18px;height:18px}.option-picks{gap:4px;display:flex}