:root{--bg:#0b0805;--surface:#0c0906e6;--edge:#6b5a3a;--ink:#f1e8d0;--muted:#b3a688;--accent:#ffd100;--reward:#1eff00;--danger:#ff2020;--rare:#0070dd;--epic:#a335ee;--text-s:13px;--text-m:16px;--text-l:22px;--text-xl:44px;--space:8px;--font:"Friz Quadrata", "Palatino Linotype", Georgia, serif;--font-title:"Morpheus", "Friz Quadrata", Georgia, serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);font-size:var(--text-m);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}#view{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}#ui{pointer-events:none;z-index:20;position:fixed;inset:0}.screen{padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);pointer-events:auto;z-index:30;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen.dim{background:radial-gradient(#00000059,#000000bf)}.panel{background:var(--img-dialog-bg,#120d08) repeat;border:24px solid #0000;border-image:var(--img-dialog-border) 32 / 24px stretch;padding:calc(var(--space) * 1.5) calc(var(--space) * 2);background-color:#0a0805eb;max-width:min(92vw,520px);max-height:calc(100vh - 32px);position:relative;overflow:auto;box-shadow:0 10px 40px #0009}.panel.narrow{max-width:min(92vw,400px)}.panel h2{font-family:var(--font-title);color:var(--accent);font-weight:400;font-size:var(--text-l);margin:0 0 var(--space);text-align:center;text-shadow:0 2px 2px #000}.title-screen{background:linear-gradient(#0000008c,#0000 30% 55%,#000000bf);flex-direction:column;justify-content:space-between}.logo{font-family:var(--font-title);font-weight:400;font-size:var(--text-xl);color:var(--accent);letter-spacing:.04em;text-align:center;text-shadow:0 3px #5a2a00,0 0 18px #ff8c008c,0 4px 10px #000;margin:0}.title-top{text-align:center;margin-top:2vh}.title-top .logo{font-size:clamp(48px,11vmin,104px)}.tagline{color:var(--ink);font-size:var(--text-m);text-shadow:0 2px 3px #000;margin-top:4px}.title-menu{align-items:center;gap:calc(var(--space) * 1.25);flex-direction:column;margin-bottom:2vh;display:flex}.keys{color:var(--muted);font-size:var(--text-s);text-shadow:0 1px 2px #000;text-align:center;line-height:2}.kbd{border:1px solid var(--edge);min-width:1.9em;color:var(--ink);text-align:center;background:#0000008c;border-bottom-width:2px;border-radius:4px;margin:0 2px;padding:0 .45em;font-size:12px;line-height:1.7;display:inline-block}.version{right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + 8px);color:var(--muted);opacity:.8;font-size:11px;position:fixed}.back{left:calc(var(--safe-l) + 12px);top:calc(var(--safe-t) + 10px);color:var(--muted);font-size:var(--text-s);text-shadow:0 1px 2px #000;pointer-events:auto;padding:10px 6px;text-decoration:none;position:fixed}.back:hover,.back:focus-visible{color:var(--accent)}.btn{appearance:none;border:14px solid #0000;border-image:var(--img-btn) 30 / 14px stretch;min-width:220px;min-height:48px;color:var(--accent);font-family:var(--font);font-size:var(--text-m);text-shadow:0 1px 2px #000;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:6px 28px;text-decoration:none;transition:filter .12s;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.25)}.btn:active{border-image:var(--img-btn-down) 30 / 14px stretch}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.small{min-width:140px;min-height:44px;font-size:var(--text-s)}.btn.big{min-width:260px;min-height:58px;font-size:var(--text-l)}.btn-row{gap:var(--space);margin-top:calc(var(--space) * 1.5);flex-wrap:wrap;justify-content:center;display:flex}.stack{align-items:center;gap:var(--space);flex-direction:column;display:flex}.btn.confirm{color:var(--danger)}.settings{grid-template-columns:1fr auto;align-items:center;gap:10px 16px;min-width:min(80vw,380px);display:grid}.settings label{color:var(--ink)}.settings input[type=range]{width:150px;accent-color:var(--accent);min-height:44px}.toggle{appearance:none;border:1px solid var(--edge);min-width:76px;min-height:44px;color:var(--muted);font-family:var(--font);font-size:var(--text-s);cursor:pointer;background:#00000080;border-radius:6px}.toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.toggle:focus-visible,.settings input:focus-visible,.settings select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings select{min-height:44px;color:var(--ink);border:1px solid var(--edge);font-family:var(--font);background:#0009;border-radius:6px;padding:0 8px}.loading{background:radial-gradient(#1c140a,#050302);flex-direction:column;gap:18px}.loading .zone{font-family:var(--font-title);color:var(--accent);font-size:var(--text-l);text-shadow:0 2px 3px #000}.loadbar{width:min(80vw,520px);height:34px;position:relative}.loadbar .fill{background:var(--img-loadfill) left / auto 100% repeat-x, #9b1c00;width:0;max-width:91%;height:36%;transition:width .2s;position:absolute;top:32%;left:4.5%}.loadbar .frame{background:var(--img-loadborder) center / 100% 100% no-repeat;position:absolute;inset:0}.loading .hint{color:var(--muted);font-size:var(--text-s);min-height:1.2em}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud-top{top:calc(var(--safe-t) + 8px);text-align:center;position:absolute;left:50%;transform:translate(-50%)}.hud-zone{font-family:var(--font-title);color:var(--accent);font-size:var(--text-l);text-shadow:0 2px 3px #000,0 0 8px #000}.hud-time{color:#fff;text-shadow:0 2px 3px #000;font-variant-numeric:tabular-nums;font-size:26px}.hud-right{top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 8px);pointer-events:auto;gap:6px;display:flex;position:absolute}.icon-btn{appearance:none;border:1px solid var(--edge);width:48px;height:48px;color:var(--accent);font-family:var(--font);cursor:pointer;background:#0000008c;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.icon-btn svg{fill:currentColor;width:22px;height:22px}.icon-btn:focus-visible{outline:2px solid var(--accent)}.hud-zone-banner{text-align:center;font-family:var(--font-title);color:var(--accent);text-shadow:0 3px 4px #000;opacity:0;font-size:clamp(30px,6vmin,56px);transition:opacity .8s;position:absolute;top:22%;left:0;right:0}.hud-zone-banner.on{opacity:1}.hud-zone-banner small{font-family:var(--font);font-size:var(--text-m);color:var(--ink);display:block}#touch{z-index:12;pointer-events:none;position:fixed;inset:0}.stick-zone{pointer-events:auto;width:66%;position:absolute;top:0;bottom:0;left:0}.stick{pointer-events:none;background:#00000038;border:2px solid #ffdc8c73;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;position:absolute}.stick .nub{background:#ffdc8c66;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.look-zone,.jump-btn{display:none}.wow .stick-zone{width:50%}.wow .look-zone{pointer-events:auto;display:block;position:absolute;inset:0 0 0 50%}.wow .jump-btn{right:calc(var(--safe-r) + 36px);bottom:calc(var(--safe-b) + 124px);border:2px solid var(--accent);pointer-events:auto;background:#00000073 50%/cover;border-radius:50%;width:64px;height:64px;display:block;position:absolute}.ability-btn{right:calc(var(--safe-r) + 26px);bottom:calc(var(--safe-b) + 26px);border:2px solid var(--accent);pointer-events:auto;background:#00000073;border-radius:50%;width:84px;height:84px;position:absolute}#rotate{z-index:100;text-align:center;background:#0b0805;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rotate-card h2{font-family:var(--font-title);color:var(--accent);font-weight:400}.rotate-icon{border:4px solid var(--accent);border-radius:12px;width:64px;height:104px;margin:0 auto 16px;animation:2.4s ease-in-out infinite rot}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}html.rm .rotate-icon{animation:none;transform:rotate(-90deg)}html.rm *,html.rm :before,html.rm :after{transition-duration:0s!important}@media (max-height:500px){:root{--text-l:18px;--text-xl:34px}.btn{min-height:44px}.btn.big{min-height:48px;font-size:var(--text-m)}.title-menu{gap:6px;margin-bottom:0}.title-top{margin-top:0}.keys{display:none}}.run-hud{pointer-events:none;position:absolute;inset:0}.pframe{--k:1.35;left:calc(var(--safe-l) + 6px);top:calc(var(--safe-t) + 6px);width:calc(190px * var(--k));height:calc(74px * var(--k));position:absolute}.frame-art{pointer-events:none;background-size:100% 100%;position:absolute}.pframe .frame-art{left:calc(-40px * var(--k));top:calc(-8px * var(--k));width:calc(256px * var(--k));height:calc(128px * var(--k));background-image:var(--img-tframe);transform:scaleX(-1)}.portrait{left:calc(5px * var(--k));top:calc(7px * var(--k));width:calc(56px * var(--k));height:calc(56px * var(--k));background-color:#000;background-size:cover;border-radius:50%;position:absolute}.pname{left:calc(68px * var(--k));top:calc(14px * var(--k));width:calc(118px * var(--k));height:calc(18px * var(--k));line-height:calc(18px * var(--k));font-size:calc(9.5px * var(--k));text-align:center;color:var(--accent);text-shadow:0 1px 1px #000;white-space:nowrap;background:#0000008c;position:absolute;overflow:hidden}.bar{background:#102010;border:1px solid #000;height:16px;position:relative;box-shadow:0 0 0 1px #4a3f26}.bar i{background:linear-gradient(#3cdc3c,#0c8a0c);height:100%;transition:width .15s;display:block}.bar span{text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-variant-numeric:tabular-nums;font-size:11px;line-height:16px;position:absolute;inset:0}.pframe .bar,.bossbar .bar{box-shadow:none;background:#0009;border:0;position:absolute}.pframe .bar.hp{left:calc(68px * var(--k));top:calc(34px * var(--k));width:calc(118px * var(--k));height:calc(10px * var(--k))}.pframe .bar span,.bossbar .bar span{font-size:calc(7.5px * var(--k));line-height:calc(10px * var(--k))}.pframe .bar.power{left:calc(68px * var(--k));top:calc(45px * var(--k));width:calc(118px * var(--k));height:calc(10px * var(--k))}.pframe .bar.power i{background:linear-gradient(#3c6cff,#0a2ca8)}.pframe.warrior .bar.power i{background:linear-gradient(#ff3c3c,#a00a0a)}.pframe.rogue .bar.power i{background:linear-gradient(#fff15a,#c0a000)}.combo{left:calc(80px * var(--k));top:calc(66px * var(--k));gap:5px;display:flex;position:absolute}.combo i{background:#2a1a10;border:1px solid #000;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #4a3f26}.combo i.on{background:radial-gradient(circle at 35% 35%,#fff4a0,#e0a020 55%,#a05a00);box-shadow:0 0 0 1px #4a3f26,0 0 6px #ffcc40}.run-hud.low .bar.hp i{background:linear-gradient(#ff5a3a,#a01800)}.plevel{left:calc(3px * var(--k));top:calc(47px * var(--k));width:calc(20px * var(--k));height:calc(20px * var(--k));line-height:calc(20px * var(--k));color:var(--accent);font-size:calc(9px * var(--k));text-align:center;text-shadow:0 1px 1px #000;font-variant-numeric:tabular-nums;position:absolute}.lowhp{background:var(--img-lowhealth) center / 100% 100%;mix-blend-mode:screen;opacity:0;transition:opacity .4s;position:absolute;inset:0}.lowhp.on{opacity:var(--low,.4);animation:1.4s ease-in-out infinite lowpulse}@keyframes lowpulse{50%{opacity:calc(var(--low,.4) * .55)}}html.rm .lowhp.on{animation:none}.kills{top:calc(var(--safe-t) + 66px);right:calc(var(--safe-r) + 12px);color:var(--ink);font-size:var(--text-m);text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;position:absolute}.kills b{color:var(--accent)}.xpbar{left:50%;bottom:calc(var(--safe-b) + 70px);background:#170f24;border:1px solid #000;width:min(60vw,520px);height:12px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #6a5a2a}.xpbar i{background:linear-gradient(#c58cff,#6a1fc6);height:100%;display:block}.xpbar span{text-align:center;color:#e2c4ff;text-shadow:0 1px 2px #000;font-size:12px;position:absolute;top:-18px;left:0;right:0}.loadout{left:50%;bottom:calc(var(--safe-b) + 8px);flex-direction:column;gap:3px;display:flex;position:absolute;transform:translate(-50%)}.loadout .row{justify-content:center;gap:3px;display:flex}.slot{z-index:0;width:36px;height:36px;margin:0 3px;position:relative}.slot:before{content:"";z-index:-1;background:var(--img-quickslot) center / 100% 100%;position:absolute;inset:-34%}.slot.talent{width:24px;height:24px;margin:0 2px}.slot img{width:100%;height:100%;display:block}.slot .cd{position:absolute;inset:0}.slot .pips{background:repeating-linear-gradient(90deg,#ffd100 0 2.6px,#6a4a00 2.6px 3.6px);height:3px;position:absolute;bottom:0;left:0;box-shadow:0 -1px #000000b3}.slot b{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-size:11px;font-weight:400;position:absolute;bottom:2px;right:2px}.slot.talent b{font-size:9px;bottom:0}.slot.empty img{display:none}.slot.evolved:after{content:"";background:var(--img-actionborder) center / 100% 100%;mix-blend-mode:screen;filter:sepia()saturate(5)hue-rotate(-8deg)brightness(1.1);position:absolute;inset:-34%}.run-hud.hover .loadout{pointer-events:auto}.tooltip{right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 96px);border:8px solid #0000;border-image:var(--img-tooltip-border) 16 / 8px stretch;color:#fff;background:#080816eb;width:min(300px,44vw);padding:6px 8px;font-size:13px;line-height:1.35;position:absolute}.tt-head,.tt-line{justify-content:space-between;gap:10px;display:flex}.tt-head b{font-size:15px;font-weight:400}.tt-head span{color:#9d9d9d}.tooltip p{margin:4px 0 0}.tt-wow{color:var(--accent)}.tt-here{color:var(--reward)}.tt-next{color:#9d9d9d}.numbers{position:absolute;inset:0;overflow:hidden}.dmg{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;white-space:nowrap;will-change:transform, opacity;font-variant-numeric:tabular-nums;font-size:18px;position:absolute;top:0;left:0}.dmg.crit{color:var(--accent);font-size:26px}@media (max-height:500px){.dmg{font-size:13px}.dmg.crit{font-size:18px}}.purse{top:calc(var(--safe-t) + 90px);right:calc(var(--safe-r) + 12px);text-shadow:0 1px 2px #000;position:absolute}.money{font-variant-numeric:tabular-nums;color:#fff;align-items:center;gap:6px;display:inline-flex}.money .coin{align-items:center;gap:2px;display:inline-flex}.money img{width:13px;height:13px}.hud-time.endless{color:#ff9a3c}.bossbar{--k:1.6;top:calc(var(--safe-t) + 54px);width:calc(162px * var(--k));height:calc(84px * var(--k));position:absolute;left:50%;transform:translate(-50%)}.bossbar .frame-art{left:calc(-26px * var(--k));width:calc(256px * var(--k));height:calc(128px * var(--k));background-image:var(--img-bossframe);top:0}.bossbar .bname{left:calc(5px * var(--k));top:calc(23px * var(--k));width:calc(118px * var(--k));height:calc(18px * var(--k));line-height:calc(18px * var(--k));text-align:center;font-size:calc(10px * var(--k));color:#ff5a3a;text-shadow:0 1px 2px #000;white-space:nowrap;background:#0009;position:absolute;overflow:hidden}.bossbar .bar.boss{left:calc(5px * var(--k));top:calc(43px * var(--k));width:calc(118px * var(--k));height:calc(9px * var(--k))}.bar.boss i{background:linear-gradient(#3cdc3c,#0c8a0c)}.bossbar.enraged .bar.boss i{background:linear-gradient(#e43c1c,#8a1404)}.bossbar .bar.bpower{left:calc(5px * var(--k));top:calc(54px * var(--k));width:calc(112px * var(--k));height:calc(9px * var(--k))}.bossbar .bar.bpower i{background:linear-gradient(#ff3c3c,#a00a0a);transition:none}.bskull{left:calc(116px * var(--k));top:calc(56px * var(--k));width:calc(19px * var(--k));height:calc(19px * var(--k));background:var(--img-skull) center / 100% 100%;position:absolute}.bossbar.enraged .bname{color:#ff2a00}.raid-warning{text-align:center;color:#ff5a1a;text-shadow:0 2px 3px #000,0 0 10px #000;opacity:0;font-size:clamp(20px,3.6vmin,34px);transition:opacity .6s;position:absolute;top:30%;left:6%;right:6%}.raid-warning.on{opacity:1}.raid-warning.boss,.raid-warning.enrage{font-family:var(--font-title);color:#ff3a14;font-size:clamp(28px,6vmin,54px)}.raid-warning.ring,.raid-warning.call{color:#ffb43a}.raid-warning.endless{color:var(--accent)}.chest-arrow{filter:drop-shadow(0 0 4px #000)drop-shadow(0 0 8px #ffc83cb3);border-top:14px solid #0000;border-bottom:14px solid #0000;border-left:26px solid #ffd100;width:0;height:0;position:absolute;top:0;left:0}.cards-screen{flex-direction:column;gap:14px}.cards-head{text-align:center;background:linear-gradient(90deg,#0000,#000000b8 22% 78%,#0000);padding:6px min(18vw,160px);position:relative}.gold-line{background:var(--img-levelup) 8.2% 2.95% / 131.3% auto no-repeat;width:min(620px,86vw);height:5px;margin:2px auto;display:block}.lv-glow{background:var(--img-levelup) 96.15% 34.1% / 256% auto no-repeat;pointer-events:none;width:340px;height:120px;position:absolute;bottom:30%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(50% 100% at 50% 100%,#000 45%,#0000 100%);mask-image:radial-gradient(50% 100% at 50% 100%,#000 45%,#0000 100%)}.cards-head .lv{font-family:var(--font-title);font-size:var(--text-xl);color:var(--accent);text-shadow:0 3px 4px #000,0 0 14px #ffb40080;position:relative}.cards-head .sub{color:var(--ink);text-shadow:0 1px 2px #000;position:relative}.cards{flex-wrap:wrap;justify-content:center;gap:12px;max-width:920px;display:flex}.card{appearance:none;text-align:left;border:18px solid #0000;border-image:var(--img-dialog-border) 32 / 18px stretch;width:250px;min-height:170px;color:var(--ink);font-family:var(--font);cursor:pointer;background:#0a0805f0;grid-template-rows:auto auto 1fr;grid-template-columns:52px 1fr;column-gap:10px;padding:14px 14px 12px;transition:transform .1s,filter .1s;display:grid;position:relative}.card:hover,.card:focus-visible{filter:brightness(1.2);outline:2px solid var(--accent);outline-offset:2px;transform:translateY(-3px)}.card img{border:1px solid #000;grid-row:1/3;width:52px;height:52px;box-shadow:0 0 0 1px #c9a227}.card .cname{font-size:var(--text-m);color:var(--accent)}.card .tag{color:var(--reward);font-size:12px}.card.new .tag{color:#ffd100}.card .ctext{color:#fff;grid-column:1/3;margin-top:8px;font-size:13px;line-height:1.35}.card .cwow{color:var(--accent);opacity:.85;-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-column:1/3;margin-top:6px;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.cards-extra{gap:10px;display:flex}.cards-extra .btn img{vertical-align:middle;border:1px solid #000;width:22px;height:22px;margin-right:6px}.cards-extra small{color:var(--muted);margin-left:4px}.card .key{color:var(--muted);font-size:11px;position:absolute;top:-10px;right:-8px}.death h2{color:#ff3a20}.death .stats{grid-template-columns:1fr 1fr;gap:6px 18px;margin:6px 0 4px;display:grid}.death .stats span{color:var(--muted);margin-right:8px}.death .stats b{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:400}.death.cleared h2,.victory h2{color:var(--accent)}.lede{text-align:center;color:var(--ink);margin:0 0 10px}.panel .hint{color:var(--muted);text-align:center;margin:10px 0 0;font-size:13px}.victory .stats{grid-template-columns:1fr 1fr;gap:6px 18px;margin:6px 0 12px;display:grid}.victory .stats span{color:var(--muted);margin-right:8px}.victory .stats b,.death .stats b .money{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:400}.chest-screen{flex-direction:column;gap:10px}.lootframe{--k:1.6;width:calc(186px * var(--k));height:calc(254px * var(--k));position:relative}.lootframe .frame-art{left:calc(-4px * var(--k));width:calc(256px * var(--k));height:calc(256px * var(--k));background-image:var(--img-lootpanel);top:0}.loot-portrait{left:calc(8px * var(--k));top:calc(8px * var(--k));width:calc(54px * var(--k));height:calc(54px * var(--k));background-color:#000;background-size:cover;border-radius:50%;position:absolute}.loot-title{left:calc(68px * var(--k));top:calc(16px * var(--k));width:calc(91px * var(--k));height:calc(17px * var(--k));line-height:calc(17px * var(--k));text-align:center;font-size:calc(8.5px * var(--k));color:var(--accent);white-space:nowrap;position:absolute;overflow:hidden}.loot-well{left:calc(19px * var(--k));top:calc(77px * var(--k));width:calc(153px * var(--k));height:calc(166px * var(--k));flex-direction:column;justify-content:space-between;display:flex;position:absolute}.spoils{gap:calc(3px * var(--k));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spoils li{grid-template-columns:calc(22px * var(--k)) 1fr;column-gap:calc(5px * var(--k));grid-template-rows:auto auto;align-items:center;display:grid}.spoils img{width:calc(22px * var(--k));height:calc(22px * var(--k));border:1px solid #000;grid-row:1/3;box-shadow:0 0 0 1px #c9a227}.spoils .cname{color:var(--accent);font-size:max(11px, calc(7.5px * var(--k)));line-height:1.15}.spoils .tag{font-size:max(10px, calc(6.5px * var(--k)));color:var(--reward)}.purse-line{text-align:center;margin:4px 0;font-size:18px}.purse-line .money img{width:16px;height:16px}.toasts{flex-direction:column;gap:4px;width:min(348px,100%);margin:0 auto 6px;padding:0;list-style:none;display:flex}.toast{--t:1.4;align-items:center;gap:calc(8px * var(--t));width:calc(232px * var(--t));height:calc(51px * var(--t));padding-left:calc(6px * var(--t));background:var(--img-loottoast) calc(-586px * var(--t)) calc(-11px * var(--t)) / calc(1024px * var(--t)) calc(256px * var(--t)) no-repeat;display:flex;position:relative}.toast img{width:calc(38px * var(--t));height:calc(38px * var(--t));margin-top:calc(1px * var(--t))}.toast span{color:#fff;text-shadow:0 1px 2px #000;font-size:16px}.toast.q-uncommon span{color:var(--reward)}.toast.q-rare span{color:#0070dd}.toast.q-epic span{color:var(--epic)}.toast em{color:var(--accent);font-size:11px;font-style:normal;position:absolute;top:6px;right:14px}.found{text-align:center;color:var(--muted);margin:0 0 8px;font-size:12px}.btn[disabled]{filter:grayscale(.7)brightness(.7);cursor:default}@media (max-height:500px){.card{grid-template-columns:40px 1fr;width:200px;min-height:130px;padding:8px}.card img{width:40px;height:40px}.card .ctext{margin-top:4px;font-size:12px}.cards-head .lv{font-size:28px}.xpbar{bottom:calc(var(--safe-b) + 58px)}.slot{width:30px;height:30px}.slot.talent{width:20px;height:20px}.pframe{--k:1}.wslot{width:30px;height:30px}.ware-detail{min-height:72px;margin-top:6px}.toast{--t:1.1}.toast span{font-size:14px}.lv-glow{height:80px}.bossbar{--k:1.15;top:calc(var(--safe-t) + 62px)}.chest-screen{flex-direction:row;gap:16px}.lootframe{--k:1.3}.victory .lede{margin-bottom:6px;font-size:14px}.victory .stats{grid-template-columns:repeat(4,auto);margin-bottom:8px}.death .stats{grid-template-columns:repeat(3,auto)}.panel.narrow.death,.panel.narrow.victory{max-width:min(92vw,660px)}.death .stack .btn,.victory .stack .btn{min-width:0;font-size:var(--text-s);padding:4px 18px}.victory .stack,.death .stack{flex-flow:wrap;justify-content:center}.victory .hint{display:none}.panel h2{margin-bottom:4px}}.panel.merchant{flex-direction:column;width:760px;max-width:min(94vw,760px);display:flex;overflow:hidden}.merchant .lede{font-size:14px}.wares{flex:auto;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;min-height:0;padding:2px;display:grid;overflow-y:auto}.ware{appearance:none;text-align:left;min-height:58px;color:var(--ink);font-family:var(--font);cursor:pointer;background:#00000073;border:1px solid #4a3f26;grid-template-rows:auto auto auto;grid-template-columns:40px 1fr;align-items:center;gap:1px 10px;padding:6px 8px 6px 12px;display:grid}.ware:hover{background:#3c2d0a80}.ware.on{border-color:var(--accent);box-shadow:0 0 8px #ffd10059}.ware:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wslot{z-index:0;grid-row:1/4;width:36px;height:36px;position:relative}.wslot:before{content:"";z-index:-1;background:var(--img-quickslot) center / 100% 100%;position:absolute;inset:-34%}.wslot img{width:100%;height:100%;display:block}.wname{color:#fff;font-size:14px}.wpips{gap:3px;display:flex}.wpips i{background:#2a1a10;border:1px solid #000;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #4a3f26}.wpips i.on{background:radial-gradient(circle at 35% 35%,#fff4a0,#e0a020 55%,#a05a00)}.wcost{font-size:13px}.ware.dear .money{color:#ff3a3a}.ware.maxed .wcost{color:var(--muted)}.ware-detail{border:8px solid #0000;border-image:var(--img-tooltip-border) 16 / 8px stretch;background:#080816eb;min-height:92px;margin-top:10px;padding:4px 8px;font-size:14px}.ware-detail p{margin:4px 0 0}.ware-detail .hint{text-align:left;margin:8px 0}.buy-row{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.shop-foot{align-items:center;gap:10px;margin-top:10px;display:flex}.shop-purse{flex:1;align-items:center;gap:8px;font-size:16px;display:flex}.shop-purse>img{border:1px solid #000;width:30px;height:30px;box-shadow:0 0 0 1px #6b5a3a}.banked{text-align:center;color:var(--muted);text-shadow:0 1px 2px #000;margin:6px 0 0;font-size:14px}.title-menu .banked{margin:2px 0}@media (max-height:500px){.merchant .lede{display:none}.ware{min-height:46px;padding:4px 6px 4px 10px}.wares{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:6px}.wname{font-size:13px}.panel.merchant{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 230px;column-gap:10px;padding:6px 10px;display:grid}.merchant h2{grid-column:1/3;font-size:18px}.merchant .wares{grid-area:2/1}.merchant .ware-detail{grid-area:2/2;align-self:start;margin-top:0}.merchant .shop-foot{grid-column:1/3;margin-top:6px}}.stage-screen{flex-direction:column;gap:10px}.stage-title{font-family:var(--font-title);color:var(--accent);text-shadow:0 3px 4px #000,0 0 14px #ffb40066;margin:0;font-size:40px;font-weight:400}.stage-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(1240px,100%);padding:4px 8px;display:grid}.stage-card{appearance:none;text-align:left;border:16px solid #0000;border-image:var(--img-dialog-border) 32 / 16px stretch;min-width:0;color:var(--ink);font-family:var(--font);cursor:pointer;background:#0a0805f0;grid-template-columns:44% minmax(0,1fr);grid-auto-rows:min-content;align-content:center;gap:2px 10px;padding:4px 6px;transition:transform .1s,filter .1s;display:grid}.stage-card>span:not(.smap){grid-column:2}.stage-card.on{border-image-source:var(--img-dialog-gold-border)}.stage-card:not([disabled]):hover,.stage-card:focus-visible{filter:brightness(1.15);transform:translateY(-3px)}.stage-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.smap{aspect-ratio:3/2;background-size:cover;border:1px solid #000;grid-area:1/1/span 4;align-self:center;display:block;position:relative;box-shadow:0 0 0 1px #6b5a3a}.sbox{border:2px solid var(--accent);position:absolute;box-shadow:0 0 6px #ffd100cc,inset 0 0 6px #ffd10066}.sname{font-family:var(--font-title);color:var(--accent);font-size:22px}.sarea{color:var(--muted);font-size:13px}.sboss{color:#ff6a4a;font-size:13px}.srec{color:var(--reward);font-variant-numeric:tabular-nums;font-size:12px}.srec.locked{color:var(--muted)}.srec svg{fill:currentColor;vertical-align:-2px;width:14px;height:14px}.stage-card.locked{cursor:default}.stage-card.locked .smap{filter:grayscale()brightness(.5)}.stage-card.locked .sname{color:var(--muted)}.stage-going{text-align:center;width:min(420px,80vw);color:var(--ink)}.stage-screen.busy .stage-row{pointer-events:none;opacity:.6}.opened{text-align:center;color:var(--reward);margin:4px 0}.stage-screen{justify-content:safe center;overflow-y:auto}@media (orientation:portrait){.stage-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:500px){.stage-title{font-size:24px}.stage-row{gap:6px;padding:0 4px}.stage-card{border-width:10px;border-image-width:10px;grid-template-columns:40% minmax(0,1fr);column-gap:6px;padding:2px 4px}.sname{font-size:16px}.sarea,.sboss{font-size:11px}.srec{font-size:10px}.stage-screen{gap:4px}}.pick-screen{justify-content:flex-start;align-items:stretch}.pick-panel{align-self:center;width:min(440px,46vw);max-width:none}.class-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.class-card{appearance:none;border:1px solid #3a3020;border-left:3px solid var(--cc);min-height:48px;color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer;background:#0000008c;align-items:center;gap:8px;padding:5px 8px 5px 5px;font-size:14px;display:flex;position:relative}.class-card img{border:1px solid #000;width:34px;height:34px;box-shadow:0 0 0 1px #6b5a3a}.class-card .cn{color:var(--cc);text-shadow:0 1px 2px #000}.class-card.on{outline:2px solid var(--accent);outline-offset:1px;background:#3c2d0fd9}.class-card:focus-visible{outline:2px solid var(--accent)}.class-card[disabled]{cursor:default;filter:grayscale(.9)brightness(.6)}.class-card .soon{color:var(--muted);font-size:10px;position:absolute;bottom:2px;right:4px}.class-detail{min-height:150px;font-size:14px}.cd-head{border-bottom:1px solid #3a3020;justify-content:space-between;align-items:baseline;padding-bottom:3px;display:flex}.cd-name{font-family:var(--font-title);color:var(--cc);text-shadow:0 2px 2px #000;font-size:22px}.cd-style{color:var(--muted);font-size:13px}.cd-blurb{color:var(--ink);margin:6px 0}.cd-row{grid-template-columns:30px 1fr;align-items:start;gap:8px;margin:5px 0;line-height:1.3;display:grid}.cd-row img,.cd-spells img{border:1px solid #000;width:30px;height:30px;box-shadow:0 0 0 1px #6b5a3a}.cd-row b{color:var(--accent);font-weight:400}.kbd-hint{color:var(--muted);border:1px solid #6b5a3a;border-radius:3px;padding:0 4px;font-size:11px}.cd-spells{gap:4px;margin-top:6px;display:flex}.pick-dressing{color:var(--muted);text-shadow:0 1px 2px #000;position:absolute;bottom:18%;right:18%}@media (orientation:portrait){.pick-screen{justify-content:center;align-items:flex-end}.pick-panel{align-self:flex-end;width:min(560px,94vw)}.pick-dressing{top:30%;bottom:auto;right:50%;transform:translate(50%)}}@media (max-height:500px){.pick-panel{width:min(400px,52vw);padding:6px 10px}.class-card{min-height:38px;font-size:12px}.class-card img{width:26px;height:26px}.class-detail{min-height:0;font-size:12px}.cd-blurb{display:none}.cd-row{margin:2px 0}.cd-spells img,.cd-row img{width:24px;height:24px}.pick-panel h2{margin-bottom:4px;font-size:18px}}.ability-slot{left:calc(50% + min(30vw,260px) + 14px);bottom:calc(var(--safe-b) + 8px);border:1px solid #000;width:46px;height:46px;position:absolute;box-shadow:0 0 0 1px #c9a227}.ability-slot img{width:100%;height:100%;display:block}.ability-slot .cd{position:absolute;inset:0}.ability-slot.ready{box-shadow:0 0 0 1px #ffd100,0 0 10px #ffd10099}.ability-slot .key{text-align:center;color:var(--muted);text-shadow:0 1px 2px #000;font-size:11px;position:absolute;top:-16px;left:0;right:0}.ability-btn{background-position:50%;background-size:cover;overflow:hidden}.ability-btn:after{content:"";background:var(--sweep,none);border-radius:50%;position:absolute;inset:0}.ability-btn.ready{box-shadow:0 0 12px #ffd100b3}.card.evolve{border-image:var(--img-dialog-gold-border,var(--img-dialog-border)) 32 / 18px stretch;background:radial-gradient(at top,#785a0a8c,#0a0805f0 70%);box-shadow:0 0 22px #ffc82873}.card.evolve .tag{color:#ffd100}canvas.fallen{filter:grayscale(.85)brightness(.75);transition:filter 1.2s ease-out}.screen-flash{pointer-events:none;opacity:0;z-index:5;background:radial-gradient(#ffdc78e6,#ffbe3c80 60%,#ffaa2800 100%);position:fixed;inset:0}.screen-flash.on{animation:.9s ease-out screen-flash}@keyframes screen-flash{0%{opacity:.35}to{opacity:0}}