:root{--ink:#e9dcc4;--ink-dim:#9c8f7c;--iron:#1a1513;--iron-hi:#3b302a;--rim:#6b5642;--gold:#d6a548;--blood:#b3160f;--ember:#ff7a14;--common:#d9d2c3;--magic:#6f8cff;--rare:#f5d34a;--legendary:#ff7a14;--serif:"Spectral", Georgia, serif;--caps:"Cinzel", "Trajan Pro", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);font-family:var(--serif);background:#050407;margin:0;overflow:hidden}button{font:inherit;color:inherit}.app{position:fixed;inset:0}.app canvas{touch-action:none;display:block}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.float{font-family:var(--caps);white-space:nowrap;text-shadow:0 2px #000,0 0 8px #000000e6;will-change:transform, opacity;font-size:22px;font-weight:700;position:absolute;top:0;left:0}.float.dealt{color:#f3ead8}.float.crit{color:#ffb43a;font-size:32px;font-weight:900}.float.taken{color:#ff4a3a;font-size:20px}.float.goldtxt{color:var(--gold);font-size:17px}.float.say{color:var(--ink-dim);font-family:var(--serif);font-size:17px;font-style:italic;font-weight:400}.label{pointer-events:auto;cursor:pointer;font-family:var(--serif);white-space:nowrap;background:#080606c7;border:1px solid #ffffff14;border-radius:2px;padding:2px 8px 3px;font-size:14px;position:absolute;top:0;left:0}.label:hover{background:#1e1610f2;border-color:currentColor}.label.common{color:var(--common)}.label.magic{color:var(--magic)}.label.rare{color:var(--rare)}.label.legendary{color:var(--legendary);border-color:#ff7a148c;box-shadow:0 0 12px #ff7a1459}.mbar{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.mname{font-family:var(--caps);color:#f0c9a0;text-shadow:0 1px 2px #000;font-size:13px}.mtrack{background:#120808;border:1px solid #000;width:54px;height:5px;box-shadow:0 0 0 1px #a0281e59}.mfill{background:linear-gradient(#e0402e,#8c140c);height:100%;transition:width .12s linear;display:block}.hud{pointer-events:none;position:absolute;inset:0}.hud button{pointer-events:auto}.plate{border-left:2px solid var(--rim);background:linear-gradient(#140f0ddb,#0a0807b3);padding:8px 14px 10px;position:absolute;top:14px;left:18px}.where{font-family:var(--caps);letter-spacing:.32em;color:var(--ink-dim);text-transform:uppercase;font-size:11px}.depth{font-family:var(--caps);letter-spacing:.04em;font-size:22px;font-weight:700}.gold{color:var(--gold);align-items:center;gap:7px;margin-top:4px;font-size:15px;display:flex}.coin{background:radial-gradient(circle at 35% 35%,#ffe9a6,#c48a22 60%,#6e4a10);border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #d6a54899}.bagbtn{border:1px solid var(--iron-hi);cursor:pointer;font-family:var(--caps);letter-spacing:.12em;color:var(--ink);background:#0e0a09d1;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:flex;position:relative}.bagbtn:hover{border-color:var(--rim)}.bagbtn kbd,.skey{font-family:var(--serif);color:var(--ink-dim);background:#0b0807;border:1px solid #3a302a;border-radius:2px;padding:0 4px;font-size:11px}.log{flex-direction:column;gap:3px;display:flex;position:absolute;bottom:150px;left:22px}.logline{text-shadow:0 1px 3px #000;font-size:15px}.logline.magic{color:var(--magic)}.logline.rare{color:var(--rare)}.logline.legendary{color:var(--legendary);font-weight:600}.logline.levelup{color:var(--gold);font-family:var(--caps)}.logline.bad{color:#d86a5a}.logline.plain{color:var(--common)}.banner{font-family:var(--caps);letter-spacing:.14em;color:#f2e2c2;text-shadow:0 0 22px #ff781e59,0 2px #000;white-space:nowrap;font-size:34px;font-weight:700;animation:2.6s forwards banner;position:absolute;top:13%;left:50%;transform:translate(-50%)}@keyframes banner{0%{opacity:0;letter-spacing:.3em}15%{opacity:1;letter-spacing:.14em}75%{opacity:1}to{opacity:0}}.belt{align-items:flex-end;gap:14px;padding:0 6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.xp{background:#0b0807;border:1px solid #2c231e;height:7px;position:absolute;top:-16px;left:116px;right:116px}.xpfill{background:linear-gradient(90deg,#6e4a14,#d6a548);height:100%;box-shadow:0 0 6px #d6a54880}.xp span{font-family:var(--caps);letter-spacing:.14em;color:var(--ink-dim);font-size:11px;position:absolute;top:-17px;right:0}.orb{width:112px;height:112px;box-shadow:0 0 0 3px #0a0706, 0 0 0 5px var(--rim), 0 0 0 7px #0a0706, 0 6px 18px #000c;background:radial-gradient(circle at 50% 60%,#140b0a,#050303 70%);border-radius:50%;position:relative;overflow:hidden}.liquid{transition:top .25s;position:absolute;bottom:0;left:0;right:0}.orb.life .liquid{background:linear-gradient(#e8341f,#a8120a 45%,#4a0603)}.orb.fury .liquid{background:linear-gradient(#ffb24a,#d85a0c 45%,#5a1a04)}.orb.faith .liquid{background:linear-gradient(#ffe48a,#d8a22a 45%,#5a3e08)}.orb.energy .liquid{background:linear-gradient(#d4ff8a,#6ab82a 45%,#1e4a0a)}.orb.mana .liquid{background:linear-gradient(#8ab8ff,#2a5ad8 45%,#0a1a5a)}.orb.faith .wave{background:radial-gradient(at 50% 60%,#fff0aa,#e0b040 70%)}.orb.energy .wave{background:radial-gradient(at 50% 60%,#e8ffb0,#80cc40 70%)}.orb.mana .wave{background:radial-gradient(at 50% 60%,#b0d0ff,#4070e0 70%)}.wave{opacity:.9;border-radius:50%;width:120px;height:14px;margin-left:-60px;transition:top .25s;animation:2.6s ease-in-out infinite alternate wave;position:absolute;left:50%}.orb.life .wave{background:radial-gradient(at 50% 60%,#ff6a52,#c41d10 70%)}.orb.fury .wave{background:radial-gradient(at 50% 60%,#ffd07a,#e46a12 70%)}@keyframes wave{0%{transform:translate(-8px)scaleY(.7)rotate(-3deg)}to{transform:translate(8px)scaleY(1)rotate(3deg)}}.glass{background:radial-gradient(at 35% 22%,#ffffff52,#fff0 32%),radial-gradient(circle,#0000 58%,#000000a6 100%);border-radius:50%;position:absolute;inset:0}.orbnum{font-family:var(--caps);text-shadow:0 1px 3px #000;opacity:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.orbnum small{color:#fff9;font-size:11px}.orb:hover .orbnum{opacity:1}.skills{background:linear-gradient(#1c1613,#0b0807);border:1px solid #2e2520;gap:8px;margin-bottom:4px;padding:10px 12px 12px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 6px 16px #000000b3}.skill{cursor:pointer;background:radial-gradient(circle at 50% 40%,#2a201a,#0d0a08);border:1px solid #4a3a2c;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.skill:hover{border-color:var(--gold)}.skill.dim svg{opacity:.35;filter:grayscale(.7)}.skill .skey{line-height:13px;position:absolute;top:2px;left:2px}.scount{font-family:var(--caps);text-shadow:0 1px 2px #000;font-size:14px;font-weight:700;position:absolute;bottom:1px;right:4px}.death{background:radial-gradient(#3c000000 30%,#4600008c 100%);flex-direction:column;align-items:center;padding-top:16vh;animation:.6s fadein;display:flex;position:absolute;inset:0}.deadtitle{font-family:var(--caps);letter-spacing:.16em;color:#d8392a;text-shadow:0 0 24px #c8140a99,0 2px #000;font-size:44px;font-weight:900}.deadsub{color:var(--ink-dim);margin-top:6px;font-style:italic}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bag{background:radial-gradient(at 50% 0,#5a3c1e2e,#0000 60%),linear-gradient(#16110e,#0c0908);border:1px solid #3a2e26;flex-direction:column;gap:12px;width:352px;padding:14px 16px;display:flex;position:absolute;top:64px;bottom:150px;right:14px;overflow-y:auto;box-shadow:inset 0 0 0 1px #d6a5481f,0 10px 30px #000c}.bag header{justify-content:space-between;align-items:center;display:flex}.bag h2{font-family:var(--caps);letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin:0;font-size:18px}.close{cursor:pointer;color:var(--ink-dim);background:0 0;border:none;font-size:26px;line-height:1}.doll{grid-template-rows:repeat(3,64px);grid-template-columns:repeat(3,64px);justify-content:center;gap:10px;display:grid}.cell{cursor:default;background:radial-gradient(circle at 50% 40%,#1b1512,#0a0807);border:1px solid #2c241f;justify-content:center;align-items:center;width:100%;height:100%;min-height:46px;padding:0;display:flex}.doll .cell{width:64px;height:64px}.cell.has{cursor:pointer}.cell.has:hover{background:radial-gradient(circle at 50% 40%,#2a2019,#0e0b09)}.cell.magic{border-color:#6f8cff8c}.cell.rare{border-color:#f5d34a99}.cell.legendary{border-color:#ff7a14cc;box-shadow:inset 0 0 14px #ff7a1459}.empty{color:#3c322b;flex-direction:column;align-items:center;display:flex;position:relative}.empty i{letter-spacing:.14em;text-transform:uppercase;color:#5a4c40;white-space:nowrap;font-size:9px;font-style:normal;position:absolute;bottom:-12px}.stats{color:var(--ink-dim);border-top:1px solid #2a221d;border-bottom:1px solid #2a221d;flex-wrap:wrap;justify-content:center;gap:4px 12px;padding:6px 0;font-size:13px;display:flex}.stats b{color:var(--ink)}.grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.grid .cell{aspect-ratio:1}.baghint{color:#6e6152;margin:0;font-size:12px;font-style:italic}.tip{z-index:30;pointer-events:none;background:#080605f7;border:1px solid;width:280px;padding:10px 12px;position:fixed;box-shadow:0 8px 24px #000c}.tname{font-family:var(--caps);font-size:16px;font-weight:700}.tbase{color:var(--ink-dim);margin-bottom:6px;font-size:13px}.towner{color:var(--ink-dim);margin:-3px 0 6px;font-size:12.5px;font-style:italic}.towner.no{color:#ff6a4a}.tstat{font-size:14px}.tstat b{font-size:16px}.tstat em{margin-left:6px;font-size:13px;font-style:normal}.up{color:#7fd36a}.down{color:#e0604e}.tmod{color:var(--magic);font-size:14px}.tshard{color:var(--legendary);margin-top:6px;font-size:13px}.thint{color:#6e6152;margin-top:8px;font-size:11px;font-style:italic}.loader{z-index:50;background:radial-gradient(at 50% 60%,#1a0d08,#050304 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .35s;display:flex;position:absolute;inset:0}.loader.out{opacity:0}.ltitle{font-family:var(--caps);letter-spacing:.2em;color:#f2e2c2;text-shadow:0 0 30px #d2281473;align-items:center;gap:.32em;font-size:64px;font-weight:900;display:flex}.lbar{background:#1c1410;width:260px;height:3px}.lbar div{background:linear-gradient(90deg,#8a3a10,#ffb04a);height:100%;transition:width .2s}.lsub{color:var(--ink-dim);font-size:14px;font-style:italic}@media (width<=760px){.orb{width:78px;height:78px}.skill{width:46px;height:46px}.xp{left:84px;right:84px}.bag{width:auto;inset:58px 8px 120px}.ltitle{font-size:40px}}.float.dealt.fire{color:#ffb05a}.float.dealt.cold{color:#a8dcff}.float.dealt.holy{color:#ffe08a}.float.dealt.lightning{color:#b8e4ff}.float.dealt.arcane{color:#d0b0ff}.float.dot{opacity:.9;font-size:15px;font-weight:500}.float.dot.poison{color:#9be06a}.float.dot.bleed{color:#e0503a}.float.dot.burn{color:#ffa040}.mname.champion{color:#8ab0ff}.mname.unique{color:#ffc850}.hurt{opacity:0;pointer-events:none;background:radial-gradient(#78000000 45%,#9600008c 100%);position:absolute;inset:0}.topright{gap:8px;display:flex;position:absolute;top:14px;right:18px}.bagbtn.glow{border-color:var(--gold);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 14px #d6a54873}@keyframes pulse{50%{box-shadow:0 0 4px #d6a54833}}.pts{background:var(--gold);color:#1a0f04;min-width:18px;height:18px;font:700 12px/18px var(--caps);text-align:center;border-radius:9px;position:absolute;top:-8px;left:22px}.buffs{gap:6px;display:flex;position:absolute;bottom:152px;left:50%;transform:translate(-50%)}.buff{background:#140a06d9;border:1px solid #6a3a1a;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.buff span{font:700 11px var(--caps);text-shadow:0 1px 2px #000;position:absolute;bottom:-1px;right:1px}.skill.empty{opacity:.45}.skill.potion{margin-left:6px}.cdveil{background:#000000ad;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.cdveil span{font:700 14px var(--caps);color:#e9dcc4}.orblabel{text-align:center;font:600 9px var(--caps);letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c;text-shadow:0 1px 2px #000;pointer-events:none;position:absolute;bottom:7px;left:0;right:0}.xp{left:120px;right:120px}.tree{z-index:10;background:radial-gradient(at 50% 0,#5a3c1e2e,#0000 60%),linear-gradient(#16110ef7,#0a0807f7);border:1px solid #3a2e26;flex-direction:column;width:min(980px,100vw - 32px);padding:12px 18px 14px;display:flex;position:absolute;top:56px;bottom:150px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #d6a5481f,0 10px 40px #000000d9}.tree header{border-bottom:1px solid #2a221d;align-items:center;gap:18px;padding-bottom:8px;display:flex}.tabs{gap:4px;display:flex}.tabs button{font:600 13px var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 12px}.tabs button.on{color:var(--gold);background:#d6a5480f;border-color:#4a3a2c}.points{font:13px var(--caps);color:var(--ink-dim);letter-spacing:.1em;margin-left:auto}.points b{color:var(--gold);margin-right:4px;font-size:20px}.branches{flex:1;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:10px;display:grid;overflow-y:auto}.branch h3{text-align:center;font:700 14px var(--caps);letter-spacing:.3em;text-transform:uppercase;color:#cbb89a;margin:0 0 6px}.tier{border-top:1px dashed #2a221d;gap:8px;min-height:92px;padding:8px 6px 8px 28px;display:flex;position:relative}.tier.shut{opacity:.55}.tier .lvl{font:700 12px var(--caps);color:#6e6152;position:absolute;top:8px;left:2px}.tier .lvl:before{content:"Lv";margin-right:1px;font-size:9px}.nodes{flex-wrap:wrap;gap:10px;display:flex}.node{flex-direction:column;align-items:center;gap:3px;width:84px;display:flex}.node.mod{width:72px}.nodebtn{cursor:default;background:radial-gradient(circle at 50% 40%,#241b16,#0b0907);border:1px solid #3a2e26;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:flex;position:relative}.node.mod .nodebtn{border-radius:50%;width:44px;height:44px}.node.active .nodebtn{border-radius:6px}.node.passive .nodebtn{width:46px;height:46px;margin:5px;transform:rotate(45deg)}.node.passive .nodebtn svg,.node.passive .nodebtn .rank{transform:rotate(-45deg)}.node.can .nodebtn{cursor:pointer;border-color:var(--gold);box-shadow:0 0 10px #d6a54859}.node.learned .nodebtn,.node.maxed .nodebtn{background:radial-gradient(circle at 50% 40%,#3a2a1a,#120c08);border-color:#8a6a3a}.node.blocked{opacity:.35}.rank{font:700 11px var(--caps);color:#e9dcc4;text-shadow:0 1px 2px #000;position:absolute;bottom:0;right:2px}.nname{text-align:center;color:#cbb89a;font-size:11.5px;line-height:1.15}.slots{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.slots button{font:9px var(--serif);color:var(--ink-dim);cursor:pointer;background:#0b0807;border:1px solid #3a302a;padding:0 3px}.slots button.on{color:#1a0f04;background:var(--gold);border-color:var(--gold)}.tip.tree{border-color:#8a6a3a;width:300px}.tdesc{color:var(--ink);font-size:14px;line-height:1.35}.tnext{color:#9ab0d8;margin-top:6px;font-size:13px}.mastery{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:10px;padding-top:8px;display:grid;overflow-y:auto}.mhint{color:#8a7c6a;grid-column:1/-1;margin:0;font-size:13px;font-style:italic}.fam{background:#00000040;border:1px solid #2a221d;padding:8px 10px}.fam.held{border-color:#8a6a3a;box-shadow:inset 0 0 18px #d6a54814}.famhead{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.famhead b{font:700 15px var(--caps);letter-spacing:.14em;color:#e0c89a}.famhead span{color:var(--ink-dim);font-size:12px}.famhead em{font-style:normal;font:700 12px var(--caps);color:var(--gold)}.famhead .mbar{background:#0b0807;flex-basis:100%;height:4px}.famhead .mbar div{background:linear-gradient(90deg,#6e4a14,#d6a548);height:100%}.fambranches{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.fambranch{flex-direction:column;gap:4px;display:flex}.mnode{color:#9c8f7c;cursor:default;text-align:left;background:#0e0b09;border:1px solid #2a221d;align-items:center;gap:6px;padding:3px 6px;font-size:12.5px;display:flex}.mnode i{font-style:normal;font:11px var(--caps);margin-left:auto}.mnode.on{color:#e9dcc4;border-color:#6a5236}.mnode.can{border-color:var(--gold);cursor:pointer}.select{background:#040305;position:fixed;inset:0}.select canvas{display:block}.selecttitle{text-align:center;pointer-events:none;opacity:0;transition:opacity 1.2s;position:absolute;top:4vh;left:0;right:0}.selecttitle.in{opacity:1}.selecttitle h1{font:900 54px var(--caps);letter-spacing:.32em;color:#e8d6b4;text-shadow:0 0 30px #ff6e1459;margin:0;padding-left:.32em}.selecttitle p{color:var(--ink-dim);margin:4px 0 0;font-style:italic}.names{gap:10px;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.names button{min-width:150px;font:700 16px var(--caps);letter-spacing:.2em;text-transform:uppercase;color:#cbb89a;cursor:pointer;background:#0a0807d9;border:1px solid #3a2e26;padding:10px 18px}.names button.on,.names button:hover{color:var(--c);border-color:var(--c);box-shadow:0 0 16px #ffb45a40}.classcard{border:1px solid #3a2e26;border-left:3px solid var(--c);pointer-events:none;background:#0a0807e0;width:330px;padding:16px 18px;position:absolute;top:22vh;right:4vw}.classcard.left{border-left:1px solid #3a2e26;border-right:3px solid var(--c);left:4vw;right:auto}.classcard h2{font:900 30px var(--caps);letter-spacing:.14em;color:var(--c);margin:0}.classcard .res{font:12px var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px}.classcard p{margin:10px 0;font-size:15.5px;line-height:1.45}.kit{flex-direction:column;gap:4px;display:flex}.kit span{color:#cbb89a;align-items:center;gap:8px;font-size:13px;display:flex}.kit i{font-style:normal}.go{font:600 12px var(--caps);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-top:12px}@media (width<=760px){.tree{top:50px;bottom:120px}.branches,.mastery{grid-template-columns:1fr}.names{flex-wrap:wrap;justify-content:center;width:96vw}.names button{flex:40%;min-width:0}.classcard{width:auto;top:14vh;left:3vw;right:3vw}.selecttitle h1{font-size:34px}}.front{pointer-events:none;opacity:0;flex-direction:column;justify-content:space-between;align-items:center;padding:6vh 16px 5vh;transition:opacity 1.4s;display:flex;position:absolute;inset:0}.front .top,.front .bottom{flex-direction:column;align-items:center;display:flex}.front.in{opacity:1}.front h1{font:900 clamp(48px, 8vw, 104px) var(--caps);letter-spacing:.2em;color:#f2e2c2;text-shadow:0 0 36px #d228148c,0 4px #000;align-items:center;gap:.32em;margin:0;display:flex}.front h1 .seal,.ltitle .seal{filter:drop-shadow(0 6px 18px #000c);border-radius:50%;width:1.25em;height:1.25em}.front .tag{color:#b8a68c;letter-spacing:.04em;margin:2px 0 0;font-size:18px;font-style:italic}.front .lighting{color:#8a6a3a;letter-spacing:.08em;margin-top:18px;font-size:14px;font-style:italic}.front .lighting span{opacity:0;animation:1.4s infinite lightdot}.front .lighting span:nth-child(2){animation-delay:.2s}.front .lighting span:nth-child(3){animation-delay:.4s}@keyframes lightdot{30%,70%{opacity:1}}.menu{pointer-events:auto;align-items:center;gap:10px;display:flex}.menu button{min-width:190px;font:700 15px var(--caps);letter-spacing:.26em;text-transform:uppercase;color:#cbb89a;cursor:pointer;background:#0a0807b8;border:1px solid #3a2e26;padding:11px 22px;transition:color .15s,border-color .15s,box-shadow .15s}.menu button:hover{color:#f0dcb4;border-color:#8a6a3a}.menu button.primary{color:#1a0f04;background:linear-gradient(#e2b25a,#b07a24);border-color:#f0c870;min-width:240px;padding:14px 22px;font-size:18px;box-shadow:0 0 22px #f0aa3c59}.menu button.primary:hover{color:#000;box-shadow:0 0 30px #ffbe508c}.front .fine{color:#6e6152;margin-top:14px;font-size:13px;font-style:italic}@media (width<=760px){.menu{flex-direction:column}.menu button,.menu button.primary{min-width:240px}}.front .continue{pointer-events:auto;min-width:300px;font:700 18px var(--caps);letter-spacing:.26em;text-transform:uppercase;color:#1a0f04;cursor:pointer;background:linear-gradient(#e2b25a,#b07a24);border:1px solid #f0c870;flex-direction:column;align-items:center;gap:3px;margin-bottom:12px;padding:12px 26px 10px;display:flex;box-shadow:0 0 22px #f0aa3c59}.front .continue:hover{box-shadow:0 0 30px #ffbe508c}.front .continue span{font:italic 400 13px var(--serif);letter-spacing:.04em;text-transform:none;color:#3a2408}.front .stamp{color:#54493e;pointer-events:auto;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}button.link{font:italic 13px var(--serif);color:#8a7a62;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}button.link:hover{color:#e2c48a}.selecttitle .warn{color:#e08a5a;margin-top:6px;font-style:italic}.phone{text-align:center;z-index:20;background:#0a0807f5;border:1px solid #5a4430;width:min(420px,100vw - 32px);padding:22px 22px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #040303db,0 10px 40px #000c}.phone h2{font:700 18px var(--caps);letter-spacing:.16em;color:#ecdcbc;margin:0 0 8px}.phone p{color:#b8a68c;margin:0 0 16px;line-height:1.5}.phone button.primary{font:700 15px var(--caps);letter-spacing:.2em;text-transform:uppercase;color:#1a0f04;cursor:pointer;background:linear-gradient(#e2b25a,#b07a24);border:1px solid #f0c870;padding:11px 26px}.selecttitle h1{letter-spacing:.2em!important;font-size:34px!important}.names .back{width:46px;letter-spacing:0!important;min-width:0!important;padding:10px 0!important;font-size:20px!important}.bossbar{flex-direction:column;align-items:center;gap:5px;width:min(560px,100vw - 420px);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.bossname{font:700 18px var(--caps);letter-spacing:.22em;color:#ffc850;text-shadow:0 0 14px #ffaa2866,0 2px #000}.bosstrack{background:#120806;border:1px solid #4a2a18;width:100%;height:12px;box-shadow:0 0 0 1px #000,0 4px 14px #000000b3}.bosstrack div{background:linear-gradient(#e04a2a,#8c1408);height:100%;transition:width .2s}.bossbar.mad .bossname{color:#ff5a3a;animation:.8s ease-in-out infinite pulse}@media (width<=760px){.bossbar{width:calc(100vw - 32px);top:70px}}kbd.cap{font:600 12px var(--serif);color:#e9dcc4;white-space:nowrap;background:linear-gradient(#2a221d,#120e0b);border:1px solid #4a3c30;border-bottom-width:2px;border-radius:3px;margin:0 1px;padding:1px 7px 2px;display:inline-block}b.red{color:#ff6a4a}.helpveil{z-index:60;background:#040303b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.help{background:radial-gradient(at 60% 0,#5a3c1e29,#0000 60%),linear-gradient(#17120f,#0b0908);border:1px solid #3a2e26;grid-template-columns:230px 1fr;width:min(940px,100%);height:min(620px,100vh - 32px);display:grid;position:relative;box-shadow:inset 0 0 0 1px #d6a5481f,0 20px 60px #000000e6}.help aside{border-right:1px solid #2a221d;flex-direction:column;padding:22px 0;display:flex;overflow-y:auto}.help aside h2{font:700 15px var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 22px 14px}.help aside button{text-align:left;font:15px var(--serif);color:#9c8f7c;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;padding:9px 22px}.help aside button:hover{color:#e9dcc4}.help aside button.on{color:#f0dcb4;border-left-color:var(--gold);background:#d6a5480f}.help section{flex-direction:column;min-width:0;padding:22px 30px 18px;display:flex}.help h3{font:700 26px var(--caps);letter-spacing:.08em;color:#ecdcbc;margin:0 0 12px}.helpbody{color:#d8cab0;flex:1;padding-right:6px;font-size:16px;line-height:1.55;overflow-y:auto}.helpbody .lead{color:#ecdcbc;margin-top:0;font-size:17.5px}.helpbody ul.plain{padding-left:18px}.helpbody ul.plain li{margin:7px 0}.helpbody button.report{font:700 14px var(--caps);letter-spacing:.18em;text-transform:uppercase;color:#1a0f04;cursor:pointer;background:linear-gradient(#e2b25a,#b07a24);border:1px solid #f0c870;padding:10px 20px}.steps{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.steps li{background:#00000047;border:1px solid #2a221d;align-items:center;gap:10px;padding:10px 12px;display:flex}.steps span{width:26px;height:26px;font:700 13px var(--caps);color:var(--gold);border:1px solid #8a6a3a;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}table.keys{border-collapse:collapse;width:100%}table.keys td{vertical-align:top;border-bottom:1px solid #221b17;padding:8px 6px}table.keys td:first-child{white-space:nowrap;color:#b8a68c;width:1%;padding-right:18px}.heroes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero{border:1px solid #2a221d;border-left:3px solid var(--c);background:#00000040;padding:10px 12px}.hero h4{font:700 16px var(--caps);letter-spacing:.12em;color:var(--c);margin:0}.hero .res{font:11px var(--caps);letter-spacing:.2em;text-transform:uppercase;color:#8a7c6a}.hero p{margin:6px 0 0;font-size:14.5px;line-height:1.45}.example{background:#0000004d;border:1px solid #2a221d;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;font-size:14.5px;display:flex}.rarities{grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 10px;display:grid}.rarities div{background:#0000004d;border:1px solid #2a221d;flex-direction:column;padding:8px 10px;display:flex}.rarities b{font:700 15px var(--caps)}.rarities span{color:#9c8f7c;font-size:13px}.help footer{border-top:1px solid #2a221d;justify-content:space-between;margin-top:10px;padding-top:12px;display:flex}.help footer button{font:14px var(--serif);color:#b8a68c;cursor:pointer;background:0 0;border:1px solid #3a2e26;padding:7px 14px}.help footer button.next{color:#1a0f04;background:#c8963c;border-color:#e0b05a}.help .close{position:absolute;top:6px;right:10px}@media (width<=760px){.help{grid-template-rows:auto 1fr;grid-template-columns:1fr}.help aside{border-bottom:1px solid #2a221d;border-right:none;flex-flow:wrap;padding:10px}.help aside h2{display:none}.help aside button{border-left:none;padding:6px 10px}.heroes,.rarities,.steps{grid-template-columns:1fr}}.hint{border:1px solid #5a4630;border-left:3px solid var(--gold);pointer-events:none;z-index:5;background:#0c0907eb;align-items:center;gap:12px;max-width:min(640px,100vw - 32px);padding:10px 12px 10px 14px;animation:.35s hintin;display:flex;position:absolute;bottom:200px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #000000b3}@keyframes hintin{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.hintmark{font:700 11px var(--caps);letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.hinttext{color:#ecdcbc;font-size:15.5px;line-height:1.4}.hint button{pointer-events:auto;font:13px var(--serif);color:#cbb89a;cursor:pointer;background:0 0;border:1px solid #4a3a2c;flex:none;padding:4px 10px}.hint button.quiet{color:#7a6c5a;border-color:#0000}.bagbtn.icon{width:40px;font:700 18px var(--caps);justify-content:center;padding:6px 0}html,body,#root,#root *{cursor:var(--cursor)!important}#root :is(button,a,.label,.cell.has,.node.can .nodebtn,.skill,.bagbtn){cursor:var(--cursor-click)!important}