:root{--ink:#1a1022;--bone:#f2ecda;--cream:var(--bone);--dim:#c2b493;--plum:#4a3a46;--track:#120b17;--slate:#201826eb;--slate-2:#2a2131;--panel:var(--slate);--panel-2:var(--slate-2);--stone-1:#8d8794;--stone-2:#6d6775;--stone-3:#534d5b;--br1:#f6dd95;--br2:#d9b25e;--br3:#a77d32;--br4:#6e5634;--brass:var(--br2);--brass-hi:var(--br1);--brass-lo:var(--br4);--gold:var(--br1);--soul:#6ff0d8;--soul-mid:#47d8c0;--soul-lo:#1e7e72;--orange:#ff9a3a;--red:#e0453a;--green:#8fbf5a;--purple:#b45cff;--warrior:#c9985e;--priest:#e6dcc2;--mage:#8396cc;--rogue:#6fae80;--f-ui:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--f-disp:"ZCOOL QingKe HuangYou", "Noto Sans SC", "Microsoft YaHei", sans-serif;--f-display:"Grenze Gotisch", "Noto Sans SC", serif;--tex-stone:url(/assets/stone-ChcR_BDN.png);--slot:58px;--slot-item:46px;--slot-jump:80px}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--cream);font-family:var(--f-ui);-webkit-user-select:none;user-select:none;margin:0;font-weight:500;overflow:hidden}#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud #plates,#hud #floats,#hud #alert,#hud #countdown,#hud #aggro,#hud #combo,#hud #boss-frame,#hud #boss-cast,#hud #me,#hud #help,#hud #tip{pointer-events:none}kbd{border:2px solid var(--ink);background:var(--bone);min-width:26px;height:22px;color:var(--ink);font:900 11px / 1 var(--f-ui);box-shadow:0 2px 0 var(--ink);text-shadow:none;vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.panel{border:3px solid var(--ink);background:var(--tex-stone), var(--slate);box-shadow:inset 0 0 0 2px var(--br3), inset 2px 2px 0 1px #f6dd9559, 0 4px 0 #08030c99;color:var(--bone);border-radius:9px}.panel.small{padding:8px 10px;font-size:12px}.dim{color:var(--dim)}.good{color:var(--green)}.bad{color:#ff8a6a}.warn{color:#ffc46a}.small{font-size:12px}.disp{font-family:var(--f-disp);letter-spacing:.02em;font-weight:400}#boss-frame,#boss-cast,#board,#board-btn,#party,#me,#actionbar,#player-cast,#combo,#help,#help-chip,#info,#plates,#aggro,#stick-zone{opacity:0;transition:opacity .25s}#hud.in-fight #boss-frame,#hud.in-fight #boss-cast,#hud.in-fight #board,#hud.in-fight #board-btn,#hud.in-fight #party,#hud.in-fight #me,#hud.in-fight #actionbar,#hud.in-fight #player-cast,#hud.in-fight #combo,#hud.in-fight #help,#hud.in-fight #help-chip,#hud.in-fight #info,#hud.in-fight #plates,#hud.in-fight #aggro,#hud.in-fight #stick-zone{opacity:1}#hud:not(.in-fight) #board,#hud:not(.in-fight) #board-btn,#hud:not(.in-fight) #party,#hud:not(.in-fight) #actionbar,#hud:not(.in-fight) #help-chip,#hud:not(.in-fight) #info,#hud:not(.in-fight) #stick-zone{pointer-events:none}.chip{border:3px solid var(--ink);background:var(--tex-stone), var(--slate);box-shadow:inset 0 0 0 2px var(--br3), 0 4px 0 #08030c99;color:var(--dim);white-space:nowrap;border-radius:9px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1.5;position:absolute}.chip kbd{min-width:22px;height:20px;margin-right:8px}.bar{--bl:#e6dcc2;--bm:#b5a78a;--bd:#75602f;background:var(--track);border:2.5px solid var(--ink);border-radius:5px;height:18px;position:relative;overflow:hidden}.bar .fill{background:linear-gradient(var(--bl) 0 32%, var(--bm) 32% 68%, var(--bd) 68%);border-right:2px solid var(--ink);transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.bar .absorb{background:repeating-linear-gradient(45deg,#f8f4ea 0 4px,#b5a78a 4px 8px);position:absolute;top:0;bottom:0}.bar .txt{color:var(--cream);text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);white-space:nowrap;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;inset:0}.bar.hp{--bl:#b5dd7e;--bm:#7fb24f;--bd:#4b7a33}.bar.big{--bl:#b5fff1;--bm:#47d8c0;--bd:#1e7e72;height:24px}.bar.res{height:11px;margin-top:3px}.bar.res .txt{font-size:9px}.bar.res.rage{--bl:#efb47a;--bm:#c97b3c;--bd:#8a4c1e}.bar.res.mana{--bl:#aab9f4;--bm:#6a7fd0;--bd:#3d4a8e}.bar.res.energy{--bl:#fff4d0;--bm:#ddcd9c;--bd:#a8956a}.pips{align-items:center;gap:5px;display:flex}.pips i{border:2px solid var(--ink);background:var(--track);border-radius:1px;flex:none;width:11px;height:11px;transition:background 80ms,box-shadow 80ms;transform:rotate(45deg)}.pips i.grp{margin-right:6px}.pips i.on{background:linear-gradient(135deg, #f2ecda 0 30%, var(--brass-hi) 30% 65%, var(--brass) 65%)}#combo{bottom:calc(var(--slot) + 52px);background:var(--tex-stone), var(--slate);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px var(--br3), 0 4px 0 #08030c99;border-radius:9px;padding:5px 12px;display:none;position:absolute;left:50%;transform:translate(-50%)}#combo.on{display:flex}#combo.full i.on{animation:.45s infinite alternate pipfull}@keyframes pipfull{to{filter:brightness(1.3);transform:rotate(45deg)scale(1.15)}}.pips.mini{gap:3px;height:9px;margin-top:4px;padding-left:2px}.pips.mini i{border-width:1px;border-radius:1px;width:6px;height:6px}.pips.mini i.grp{margin-right:4px}.pips.mini i.on{box-shadow:none}#boss-frame{width:min(560px,100vw - 500px);min-width:300px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.boss-top{white-space:nowrap;height:28px;text-shadow:0 1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 -1px 0 var(--ink);align-items:flex-end;gap:10px;margin-bottom:2px;display:flex}.boss-name{font-family:var(--f-disp);letter-spacing:.02em;color:var(--cream);text-shadow:0 2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink);font-size:26px;font-weight:400;line-height:1}.boss-attempt{text-overflow:ellipsis;min-width:0;color:var(--cream);padding-bottom:2px;font-size:12px;font-weight:700;overflow:hidden}.boss-right{align-items:flex-end;gap:8px;margin-left:auto;display:flex}.boss-auras{align-self:center;gap:3px;display:flex}.boss-auras .aura{width:18px;height:18px;font-size:10px}.boss-auras .aura i{display:none}.boss-hpn{color:var(--cream);font-variant-numeric:tabular-nums;padding-bottom:2px;font-size:12px;font-weight:900}.boss-pct{font-family:var(--f-display);color:var(--soul);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);font-size:26px;font-weight:800;line-height:1}.boss-bar{position:relative}.boss-port{object-fit:cover;border:3px solid var(--ink);width:58px;height:58px;box-shadow:0 0 0 2px var(--br2), 0 0 0 4.5px var(--ink), 0 5px 0 #08030c99;background:#3a3340;border-radius:12px;position:absolute;top:-2px;left:-70px}.boss-bar .bar.big{border-width:3px;border-radius:6px;height:20px}.notch{background:var(--ink);width:3px;height:20px;margin-left:-1.5px;position:absolute;top:0}.notch em{background:var(--ink);color:var(--br1);white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:10px;font-style:normal;font-weight:900;line-height:1;position:absolute;top:23px;left:50%;transform:translate(-50%)}.notch.past em{color:var(--dim)}.k-dodge{--k:var(--c-danger);--kg:color-mix(in srgb, var(--c-danger) 55%, transparent)}.k-tank{--k:var(--c-tank);--kg:color-mix(in srgb, var(--c-tank) 55%, transparent)}.k-jump{--k:var(--c-jump);--kg:color-mix(in srgb, var(--c-jump) 60%, transparent)}.k-mark{--k:var(--c-mark);--kg:color-mix(in srgb, var(--c-mark) 60%, transparent)}.k-interrupt{--k:var(--c-mark);--kg:color-mix(in srgb, var(--c-mark) 75%, transparent)}.k-other{--k:var(--c-other);--kg:color-mix(in srgb, var(--c-other) 50%, transparent)}.kd{border:2px solid var(--ink);background:var(--k);width:20px;height:20px;color:var(--ink);border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.kd.k-jump{color:var(--ink);text-shadow:none}.kd.k-tank{clip-path:polygon(0 12%,12% 0,25% 10%,38% 0,50% 10%,62% 0,75% 10%,88% 0,100% 12%,90% 25%,100% 38%,90% 50%,100% 62%,90% 75%,100% 88%,88% 100%,75% 90%,62% 100%,50% 90%,38% 100%,25% 90%,12% 100%,0 88%,10% 75%,0 62%,10% 50%,0 38%,10% 25%);border-radius:1px}#boss-cast{width:min(380px,60vw);display:none;position:absolute;top:82px;left:50%;transform:translate(-50%)}#boss-cast.on{display:block}#boss-cast .row{white-space:nowrap;color:var(--cream);text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);align-items:center;gap:8px;display:flex}#boss-cast .kd{width:26px;height:26px;text-shadow:none;border-width:2.5px;font-size:13px}#boss-cast .cn{text-overflow:ellipsis;min-width:0;max-width:45%;font-size:15px;font-weight:900;overflow:hidden}#boss-cast .bar{--bl:color-mix(in srgb, var(--k) 55%, #fff);--bm:var(--k);--bd:color-mix(in srgb, var(--k) 62%, #000);flex:1;height:16px}#boss-cast .ct{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:13px;font-weight:900}#boss-cast .hint{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;font-size:12px;font-weight:900;display:flex}#boss-cast .hint>span{border:2px solid var(--ink);background:var(--slate);color:var(--cream);box-shadow:0 2px 0 var(--ink);border-radius:6px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}#boss-cast .hint kbd{min-width:18px;height:18px;box-shadow:none;padding:0 4px;font-size:10px}.who{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.who:before{content:"";border:1.5px solid;border-radius:50%;width:8px;height:8px}#boss-cast .hint>.who.ok{background:var(--k);color:var(--ink)}.who.ok:before{border-color:var(--ink);background:var(--green)}.who.wait{opacity:.75}#board{z-index:3;width:226px;padding:0 0 8px;position:absolute;top:10px;right:12px}.bh{border-bottom:2.5px solid var(--ink);align-items:stretch;display:flex}.tab{text-align:center;color:var(--dim);cursor:pointer;border-radius:0;flex:1;padding:7px 0 6px;font-size:12px;font-weight:900}.tab:first-child{border-radius:6px 0 0}.tab:hover{color:var(--cream)}.tab.on{color:var(--ink);background:linear-gradient(180deg, var(--br1) 0 40%, var(--br2) 40%)}.fold{width:22px;color:var(--dim);cursor:pointer;flex:none;justify-content:center;align-items:center;font-size:11px;display:flex}.fold:hover{color:var(--cream)}.bb{padding:5px 6px 0;display:none}#board[data-tab=deck] .bb.deck,#board[data-tab=dmg] .bb.meter,#board[data-tab=heal] .bb.meter{display:block}#board.folded{padding-bottom:0}#board.folded .bh{border-bottom:0}#board.folded .tab.on{box-shadow:none}#board.folded .bb.deck,#board.folded .bb.meter{display:none}.bb .foot{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;padding:0 2px;font-size:10px;overflow:hidden}.dr{white-space:nowrap;cursor:help;border-radius:2px;align-items:center;gap:7px;height:22px;padding:0 4px;font-size:12px;display:flex}.dr .kd{border-width:2px;width:20px;height:20px;font-size:11px}.dr .ds{text-overflow:ellipsis;min-width:44px;max-width:76px;color:var(--cream);flex:none;font-size:12px;font-weight:900;overflow:hidden}.dr b{text-overflow:ellipsis;min-width:0;color:var(--dim);margin-left:auto;font-size:11px;font-weight:700;overflow:hidden}.dr.on{background:color-mix(in srgb, var(--k) 30%, transparent);box-shadow:inset 0 0 0 1.5px var(--k)}.mrows{flex-direction:column;gap:3px;display:flex}.mr{white-space:nowrap;background:#f2ecda0d;border-radius:2px;align-items:center;gap:6px;height:20px;padding:0 6px;font-size:12px;display:flex;position:relative;overflow:hidden}.mr .mf{background:var(--cc);opacity:.36;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.mr>span{position:relative}.mr .mn{text-overflow:ellipsis;min-width:0;color:var(--cc);text-shadow:1px 1px 0 var(--ink);font-weight:800;overflow:hidden}.mr .mv{color:var(--cream);font-variant-numeric:tabular-nums;text-shadow:1px 1px 0 var(--ink);margin-left:auto;font-weight:700}.mr .mp{text-align:right;width:30px;color:var(--dim);font-variant-numeric:tabular-nums;font-size:10px}.mr.me{box-shadow:inset 0 0 0 1.5px var(--brass)}.mr.dead{opacity:.5}.unit-frame.warrior,.mr.warrior{--cc:var(--warrior)}.unit-frame.priest,.mr.priest{--cc:var(--priest)}.unit-frame.mage,.mr.mage{--cc:var(--mage)}.unit-frame.rogue,.mr.rogue{--cc:var(--rogue)}#board-btn{height:34px;color:var(--brass-hi);cursor:pointer;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:800;display:none;position:absolute}#board-btn:after{content:"▾";color:var(--dim);font-size:10px}#board-btn.open:after{content:"▴"}#party{flex-direction:column;gap:6px;width:220px;display:flex;position:absolute;top:10px;left:12px}.unit-frame{cursor:pointer;padding:5px 9px 8px;transition:transform .1s;position:relative}.unit-frame:hover{transform:translate(3px)}.uf-stripe{display:none}.unit-frame.me{box-shadow:inset 0 0 0 2px var(--br1), inset 2px 2px 0 1px #f6dd9580, 0 0 0 2px var(--br2), 0 4px 0 #08030c99}.unit-frame.targeted{outline:2px dashed var(--green);outline-offset:4px}.unit-frame.dead{filter:grayscale()brightness(.7)}.unit-frame:after{content:"";background:var(--brass-hi);transform-origin:0;pointer-events:none;height:3px;position:absolute;bottom:1px;left:4px;right:4px;transform:scaleX(0)}.unit-frame.pressing:after{transition:transform var(--press-ms,.5s) linear;transform:scaleX(1)}.unit-frame.low{box-shadow:inset 0 0 0 2px #ff4a3a,0 0 0 2px #ff4a3a,0 4px #08030c99}.unit-frame.low .bar.hp,#me.low .bar.hp{animation:.6s infinite alternate lowpulse}@keyframes lowpulse{to{box-shadow:0 0 0 2px #ff6a5a}}.uf-top{white-space:nowrap;align-items:center;gap:5px;height:18px;margin-bottom:3px;font-size:14px;font-weight:900;display:flex}.uf-name{text-overflow:ellipsis;max-width:100px;color:var(--cc);flex:none;overflow:hidden}.uf-top .aura:nth-child(n+6){display:none}.uf-you{border:2px solid var(--ink);background:var(--bone);color:var(--ink);border-radius:999px;padding:0 6px;font-size:10px;line-height:14px;display:none}.unit-frame.me .uf-you{display:inline-block}.uf-aggro{color:#ff9a3a;text-shadow:1px 1px 0 var(--ink);font-size:12px;display:none}.unit-frame.aggro .uf-aggro{display:inline}.uf-top .pips.mini{height:auto;margin:0 0 0 2px;padding:0}.uf-top .auras{flex-wrap:nowrap;gap:2px;margin-left:auto}.uf-top .aura{border-width:1.5px;width:15px;height:15px;font-size:9px}.uf-top .aura i{display:none}.uf-top .aura sup{font-size:8px;top:-5px;right:-4px}.unit-frame .bar.hp{border-width:2.5px;border-radius:5px;height:14px}.unit-frame .bar.hp .txt{justify-content:flex-end;padding-right:5px;font-size:10px}.unit-frame.dead .bar.hp .txt{color:#ffb0a0;justify-content:flex-start;padding-left:5px}.unit-frame .bar.res{border-width:2px;border-radius:3px;height:8px;margin-top:3px}.unit-frame .bar.res .fill{border-right-width:1.5px}.auras{flex-wrap:wrap;gap:3px;display:flex}.aura{border:2px solid var(--ink);background:var(--c);color:#fff;text-shadow:0 1px #000;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:flex;position:relative}.aura.debuff{box-shadow:0 0 0 1px #ff5050}.aura sup{background:var(--ink);border-radius:3px;padding:0 2px;font-size:9px;position:absolute;top:-6px;right:-4px}.aura i{color:var(--cream);font-size:9px;font-style:normal;position:absolute;bottom:-9px}.tbar{border-radius:1px;height:2px;position:absolute;bottom:1px;left:11px;right:8px;overflow:hidden}.tbar .fill{background:var(--brass);height:100%}.tbar .fill.top{background:var(--red)}#me{left:50%;bottom:calc(var(--slot) + 20px);gap:4px;width:min(400px,40vw);display:grid;position:absolute;transform:translate(-50%)}#me .bar.hp{border-width:3px;height:18px}#me .bar.hp .txt{font-size:12px}#me .bar.res{height:12px;margin-top:0}#me .bar.res .txt{font-size:10px}#actionbar{align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot{width:var(--slot);height:var(--slot);border:3px solid var(--ink);background:var(--track);cursor:pointer;border-radius:11px;position:relative;box-shadow:0 4px #08030c99}.slot:after{content:"";z-index:1;box-shadow:inset 0 0 0 2px var(--br2);pointer-events:none;border-radius:8px;position:absolute;inset:0}.slot.item{width:var(--slot-item);height:var(--slot-item);margin-left:12px}.slot .icon{color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 6px #00000080;border-radius:8px;justify-content:center;align-items:center;font-size:0;font-weight:900;display:flex;position:absolute;inset:0;overflow:hidden}.slot .icon img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:114%;max-width:none;height:114%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slot.noimg .icon{font-size:25px}.slot.item.noimg .icon{font-size:21px}.slot .cd{z-index:2;background:conic-gradient(#0d0812cc var(--p,0%), transparent 0);border-radius:8px;position:absolute;inset:0}.slot .cdtxt{z-index:3;font-family:var(--f-display);color:var(--cream);text-shadow:0 2px 0 var(--ink);justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex;position:absolute;inset:0}.slot kbd{z-index:4;min-width:20px;height:20px;padding:0 4px;font-size:11px;position:absolute;top:-10px;left:-8px}.slot.nores .icon{color:#9ab0ff}.slot.nores .icon img{filter:grayscale()brightness(.5)}.slot.far .icon{color:#ff7a6a}.slot.far .icon:after{content:"";mix-blend-mode:multiply;background:#ff281e8c;position:absolute;inset:0}.slot.far kbd{background:#ff7a6a}.slot.casting{box-shadow:0 0 0 3px var(--br1), 0 0 0 5.5px var(--ink)}.slot.call{box-shadow:0 0 0 3px var(--c-mark), 0 0 0 5.5px var(--ink);animation:.55s infinite alternate callpulse}@keyframes callpulse{to{box-shadow:0 0 0 5px var(--c-mark), 0 0 0 7.5px var(--ink)}}.slot:active{transform:translate(2px,2px)}.castbar{background:var(--track);border:2.5px solid var(--ink);visibility:hidden;border-radius:5px;height:18px;position:relative;overflow:hidden}.castbar .fill{position:absolute;inset:0 auto 0 0}.castbar .txt{color:var(--cream);text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}#player-cast{bottom:calc(var(--slot) + 88px);width:300px;height:20px;position:absolute;left:50%;transform:translate(-50%)}#player-cast .fill{background:linear-gradient(var(--br1) 0 32%, var(--br2) 32% 68%, var(--br3) 68%);border-right:2px solid var(--ink)}#plates{position:absolute;inset:0}.plate{text-align:center;width:64px;margin-top:-26px;margin-left:-32px;position:absolute;top:0;left:0}.plate .pname{text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);font-size:12px;font-weight:900}.plate.warrior .pname{color:var(--warrior)}.plate.priest .pname{color:var(--priest)}.plate.mage .pname{color:var(--mage)}.plate.rogue .pname{color:var(--rogue)}.plate.me .pname{color:var(--brass-hi)}.pbar{border:2px solid var(--ink);background:var(--track);border-radius:3px;height:9px;position:relative;overflow:hidden}.pbar .fill{background:linear-gradient(#b5dd7e 0 32%,#7fb24f 32% 68%,#4b7a33 68%);position:absolute;inset:0 auto 0 0}.pbar .absorb{background:#f8f4ea;position:absolute;top:0;bottom:0}.pcast{background:var(--track);border:1px solid var(--ink);visibility:hidden;height:4px;margin-top:2px}.pcast .fill{background:var(--brass-hi);height:100%}#aggro{color:#ff4a3a;text-shadow:0 2px #000;margin-top:-40px;margin-left:-10px;font-size:18px;animation:.5s infinite alternate bob;position:absolute;top:0;left:0}@keyframes bob{to{margin-top:-46px}}#floats{position:absolute;inset:0;overflow:hidden}.float{white-space:nowrap;text-shadow:0 2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);will-change:transform;margin-left:-20px;font-size:18px;font-weight:900;position:absolute;top:0;left:0}.float.out{color:#fff3d8}.float.crit{color:#ffd23a;font-size:26px}.float.in{color:#ff6a5a;font-size:16px}.float.heal{color:#8cff6a;font-size:16px}.float.absorb{color:#ffe6a0;font-size:13px}.float.interrupt{color:#d8a8ff;font-size:28px}.float.buff{color:#8ad0ff;font-size:15px}.float.debuff{color:#e0a0ff;font-size:16px}.float.warn{color:#ff8a5a;font-size:18px}.float.dodge{color:#e6f2ff;text-shadow:0 0 6px #6aa8ff,0 1px #000;font-size:18px}#alert{letter-spacing:1px;text-shadow:0 3px 0 var(--ink), 0 0 12px #000000b3;opacity:0;white-space:nowrap;font-size:24px;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:132px;left:50%;transform:translate(-50%)scale(.9)}#alert.show{opacity:1;transform:translate(-50%)scale(1)}#alert.danger{color:#ff6a4a}#alert.warn{color:#ffc46a}#alert.good{color:#9aff7a}#alert .arr{margin-right:5px;font-style:normal}#alert .arr:empty{display:none}#alert.world{box-shadow:0 0 0 2px var(--ink);letter-spacing:0;background:#1a1022e0;border:2px solid;border-radius:2px;padding:4px 10px;font-size:17px;transform:translate(-50%,-100%)scale(.9)}#alert.world.show{transform:translate(-50%,-100%)scale(1)}#alert.world:after{content:"";border:6px solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:-6px;position:absolute;bottom:-8px;left:50%}#alert.world.edge:after{display:none}#countdown{font-family:var(--f-display);color:var(--cream);text-shadow:0 8px 0 var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:128px;font-weight:800;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}#help{max-width:min(440px,40vw);line-height:1.9;position:absolute;bottom:44px;left:12px}#help-chip{cursor:pointer;bottom:12px;left:12px}#help-chip:hover{color:var(--cream)}#help.hidden{display:none}#help b{color:var(--br1)}#help{padding:10px 14px;font-size:12px;font-weight:700}.legend{align-items:center;gap:6px;margin-top:2px;display:flex}.legend i{border:2px solid var(--c);background:color-mix(in srgb, var(--c) 30%, var(--ink));border-radius:50%;width:12px;height:12px;display:inline-block}.legend i.jag{border-style:dashed}#info{text-align:right;pointer-events:none;bottom:12px;right:12px}#tip{z-index:10;max-width:290px;line-height:1.6;display:none;position:absolute}#tip b{font-size:13px}#overlay{background:#0d0812b3;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#overlay.show{display:flex}#overlay.gallery-label{pointer-events:none;background:0 0;align-items:flex-start;padding-top:16px}#loading{background:var(--tex-stone), #150e1a;color:var(--bone);z-index:50;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex;position:fixed;inset:0}#loading .bar2{border:3px solid var(--ink);background:var(--track);width:280px;height:14px;box-shadow:0 0 0 2px var(--br3);border-radius:5px;overflow:hidden}#loading .bar2 div{background:linear-gradient(var(--br1) 0 32%, var(--br2) 32% 68%, var(--br3) 68%);width:0;height:100%;transition:width .1s}@media (max-width:960px){html:not(.touch) #board-btn{display:flex;top:10px;right:12px}html:not(.touch) #board{display:none;top:48px}html:not(.touch) #board.open{display:block}html:not(.touch) .fold{display:none}#party{width:180px}#boss-frame{width:calc(100vw - 440px)}.boss-port{display:none}html:not(.touch){--slot:52px;--slot-item:44px}}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}.ui-overlay{pointer-events:auto;background:#0d08129e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu{max-height:calc(100% - 20px);position:relative;overflow:auto}.skill-ico{pointer-events:none;flex:none;width:22px;height:22px;margin:-4px 0}.stage-wrap{background:#150e1a;position:absolute;inset:0;overflow:hidden}.stage{transform-origin:50%;width:1280px;height:720px;font:500 14px / 1.45 var(--f-ui);color:var(--bone);margin:-360px 0 0 -640px;position:absolute;top:50%;left:50%}.stage.right{transform-origin:100%;margin:-360px 0 0;left:auto;right:0}.scr-bg{position:absolute;inset:0;overflow:hidden}.scr-bg .bg-art{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scr-bg .vig{position:absolute;inset:0}.t-bg .bg-art{object-position:30% 50%;filter:brightness(.78)saturate(.9)}.t-bg .vig{background:radial-gradient(60% 75% at 30%,#0000 45%,#0a050ecc 100%)}.scr-bg.dim .bg-art{filter:blur(3px)brightness(.34)saturate(.25);width:calc(100% + 40px);height:calc(100% + 40px);inset:-20px}.scr-bg.dim .vig{background:var(--tex-stone), radial-gradient(ellipse 75% 70% at 50% 45%, transparent 40%, #0a050ed9 100%)}.btn{border:3px solid var(--ink);height:52px;font:900 18px / 1 var(--f-ui);color:var(--ink);white-space:nowrap;cursor:pointer;background:linear-gradient(180deg, var(--b1) 0 24%, var(--b2) 24% 66%, var(--b3) 66%);box-shadow:inset 0 2px 0 #fffceb8c, inset 0 -4px 0 #1a102238, 0 5px 0 var(--ink), 0 9px 0 #08030c52;text-shadow:0 1px #fffae666;--b1:var(--br1);--b2:var(--br2);--b3:var(--br3);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 22px;transition:transform 60ms,filter .1s;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){box-shadow:inset 0 2px 0 #fffceb8c, inset 0 -4px 0 #1a102238, 0 2px 0 var(--ink), 0 4px 0 #08030c52;transform:translateY(3px)}.btn:focus-visible,.cc:focus-visible,.seg button:focus-visible,.pr-tab:focus-visible{outline:3px solid var(--br1);outline-offset:4px}.btn:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.7)}.btn.big{border-radius:15px;height:66px;padding:0 30px;font-size:24px}.btn.sm{border-radius:10px;gap:8px;height:42px;padding:0 14px;font-size:15px}.btn.dark{--b1:#54465c;--b2:#3a2f42;--b3:#2a2131;color:var(--bone);text-shadow:0 1px #000}.btn.cls.warrior{--b1:#efcd98;--b2:#c9985e;--b3:#7d5128}.btn.cls.priest{--b1:#f3e8c6;--b2:#cdb57a;--b3:#806a3c}.btn.cls.mage{--b1:#bdc8ee;--b2:#8396cc;--b3:#3f4c86}.btn.cls.rogue{--b1:#acdab7;--b2:#6fae80;--b3:#2f5c40}.btn kbd{margin-left:4px}.btn svg{flex:none;width:22px;height:22px}.pill{border:2px solid var(--ink);height:24px;font:900 12px / 1 var(--f-ui);background:var(--bone);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pill.ink{background:var(--ink);color:var(--bone)}.ico{border:2.5px solid var(--ink);background:var(--track);border-radius:9px;flex:none;width:36px;height:36px;padding:0;position:relative;overflow:hidden}.ico .skill-ico{width:100%;height:100%;margin:0}button.ico{cursor:pointer}button.ico:disabled{cursor:inherit}.ico.on{box-shadow:0 0 0 3px var(--br1), 0 0 0 5.5px var(--ink)}.ico.off .skill-ico{filter:grayscale(.75)brightness(.55)}.plaque{justify-content:center;align-items:center;height:62px;padding:0 48px;display:inline-flex;position:relative}.pl-bg{filter:drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 -3px 0 var(--ink)) drop-shadow(0 6px 0 #08030c99);position:absolute;inset:0}.pl-bg:before,.pl-bg:after{content:"";clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);position:absolute}.pl-bg:before{background:linear-gradient(180deg, var(--br1) 0 30%, var(--br2) 30% 70%, var(--br3) 70%);inset:0}.pl-bg:after{background:var(--tex-stone), linear-gradient(180deg, var(--stone-1) 0 14%, var(--stone-2) 14% 78%, var(--stone-3) 78%);inset:5px}.plaque>span{white-space:nowrap;color:var(--bone);text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink), 2px 3px 0 var(--ink), -2px 3px 0 var(--ink);font-size:34px;line-height:1;position:relative}.plaque.sm{height:56px}.plaque.sm>span{font-size:28px}.seg{border:3px solid var(--ink);background:#120c17;border-radius:13px;gap:4px;padding:4px;display:flex}.seg button{height:40px;font:900 16px / 1 var(--f-ui);color:#cbbd9c;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.seg button:hover:not(:disabled):not(.on){color:var(--bone)}.seg button:disabled{cursor:not-allowed;opacity:.5}.seg button.on{border:2.5px solid var(--ink);color:var(--ink);background:linear-gradient(180deg, var(--br1) 0 30%, var(--br2) 30% 70%, var(--br3) 70%);box-shadow:inset 0 2px 0 #fffceb8c, 0 3px 0 var(--ink)}.seg svg{width:18px;height:18px}.field{border:3px solid var(--ink);height:44px;box-shadow:inset 0 0 0 2px var(--br4);font:700 16px / 1 var(--f-ui);color:var(--bone);background:#120c17;border-radius:10px;padding:0 12px}.field::placeholder{color:#8a7d68}.field:focus{box-shadow:inset 0 0 0 2px var(--br1);outline:none}.lnk{font:900 12px / 1 var(--f-ui);color:var(--br1);cursor:pointer;background:0 0;border:0;padding:0}.lnk:hover{text-decoration:underline}.title-screen{background:0 0}.t-logo{z-index:2;position:absolute;top:46px;left:58px}.t-word{font:800 112px / .92 var(--f-display);letter-spacing:.01em;white-space:nowrap;background:linear-gradient(#fff3c9 0 34%,#e6c06c 34% 68%,#a87d34 68%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;position:relative}.t-word:before{content:attr(data-t);z-index:-1;color:var(--ink);-webkit-text-stroke:12px var(--ink);text-shadow:0 9px 0 var(--ink);position:absolute;top:0;left:0}.t-sub{letter-spacing:.36em;color:var(--br1);text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink), 2px 3px 0 var(--ink), -2px 3px 0 var(--ink);margin:12px 0 14px;font-size:42px;line-height:1}.t-panel{z-index:3;width:500px;position:absolute;top:0;bottom:0;right:0}.t-panel .edge,.t-panel .slab{clip-path:polygon(177.7px 0,100% 0,100% 100%,0 100%);position:absolute;inset:-400px 0 -400px -47px}.t-panel .e1{background:var(--ink);transform:translate(-16px)}.t-panel .e2{background:linear-gradient(180deg, var(--br1), var(--br2) 40%, var(--br3));transform:translate(-10px)}.t-panel .e3{background:var(--ink);transform:translate(-4px)}.t-panel .slab{background:var(--tex-stone), linear-gradient(180deg, #2d2434, #1d1622)}.t-in{flex-direction:column;gap:18px;display:flex;position:absolute;top:70px;left:96px;right:44px}.t-in .plaque{align-self:center}.t-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.t-list li{background:#f2ecda0d;border:2px solid #f2ecda1a;border-radius:11px;align-items:center;gap:12px;min-height:46px;padding:6px 12px 6px 8px;font-size:15px;font-weight:700;line-height:1.35;display:flex}.t-ic{border:2.5px solid var(--ink);width:34px;height:34px;color:var(--ink);background:linear-gradient(180deg, var(--br1) 0 40%, var(--br2) 40%);border-radius:50%;flex:none;place-items:center;display:grid}.t-ic svg{width:18px;height:18px}.t-go{width:100%;margin-top:4px}.t-note{text-align:center;color:var(--dim);margin:2px 0 0;font-size:13px;font-weight:700}.t-join{gap:10px;display:flex}.t-join .code{min-width:0;height:52px;font-family:var(--f-display);letter-spacing:.24em;text-transform:uppercase;flex:1;font-size:24px}.t-name{font:700 13px / 1 var(--f-ui);color:var(--dim);border:0;border-bottom:1px dashed var(--br4);cursor:pointer;background:0 0;align-self:center;padding:0}.t-name:hover{color:var(--bone)}.t-err{color:#ff8a6a;text-align:center;margin:0;font-size:13px;font-weight:700}.t-boss{border:3px solid var(--br4);background:#f2ecda0d;border-radius:12px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex;position:absolute;bottom:74px;left:96px;right:44px}.tb-port{border:2.5px solid var(--ink);background:#3a3340;border-radius:9px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.tb-port img{width:100%;height:100%}.tb-txt{flex-direction:column;flex:1;gap:2px;display:flex}.tb-txt small{font:900 11px / 1.2 var(--f-ui);letter-spacing:.08em;color:var(--br2)}.tb-txt b{font-size:22px;line-height:1.1}.t-foot{color:var(--dim);align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:26px;left:96px;right:44px}.t-foot .ver{margin-left:auto}.lang{border:2px solid var(--br4);border-radius:8px;display:inline-flex;overflow:hidden}.lang button{font:900 12px / 1.2 var(--f-ui);color:var(--dim);cursor:pointer;background:0 0;border:0;padding:4px 9px}.lang button.on{background:var(--br2);color:var(--ink)}.ping{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ping i{border:2px solid var(--ink);background:var(--br4);border-radius:50%;width:9px;height:9px}.ping.good i{background:var(--green)}.ping.warn i{background:#e8c35a}.ping.bad i{background:#e0634f}.select-screen,.prep-screen{background:0 0}.sel-top{height:96px;position:absolute;top:20px;left:0;right:0}.sel-top .back,.pr-top .back{position:absolute;top:8px;left:40px}.sel-top .plaque,.pr-top .plaque{position:absolute;top:0;left:50%;transform:translate(-50%)}.sel-top .lede{text-align:center;color:var(--dim);margin:0;font-size:15px;font-weight:700;position:absolute;top:72px;left:0;right:0}.sel-top .mode{position:absolute;top:16px;right:40px}.room{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font-size:13px;font-weight:700;display:flex;position:absolute;top:70px;left:160px;right:160px}.room-lab{color:var(--dim)}.room-code{font:800 24px / 1 var(--f-display);letter-spacing:.18em;color:var(--br1);text-shadow:0 2px 0 var(--ink);-webkit-user-select:all;user-select:all;margin-right:6px}.mem{border:2px solid var(--br4);height:24px;color:var(--dim);white-space:nowrap;background:#120c17cc;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.mem.me{color:var(--ink);background:var(--bone);border-color:var(--ink)}.mem.ok:not(.me){color:var(--bone);border-color:var(--br2)}.mem.off{opacity:.6}.cards4{grid-template-columns:repeat(4,270px);gap:26px;display:grid;position:absolute;top:130px;left:61px}.cc.warrior{--c:#c9985e;--cl:#efcd98;--cd:#7d5128;--ck:#4d2f15}.cc.priest{--c:#cdb57a;--cl:#f3e8c6;--cd:#806a3c;--ck:#4a3c1e}.cc.mage{--c:#8396cc;--cl:#bdc8ee;--cd:#3f4c86;--ck:#232b55}.cc.rogue{--c:#6fae80;--cl:#acdab7;--cd:#2f5c40;--ck:#183424}.cc{border:3px solid var(--ink);background:var(--tex-stone), linear-gradient(180deg, #2c2333, #211a28);height:486px;box-shadow:inset 0 0 0 4px var(--br3), inset 3px 3px 0 4px var(--br1), inset 0 0 0 7px var(--ink), 0 6px 0 #08030cb3;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .1s;display:flex;position:relative}.cc:not(.on):not(.taken):hover{transform:translateY(-4px)}.cc.on{box-shadow:inset 0 0 0 4px var(--br2), inset 3px 3px 0 4px var(--br1), inset 0 0 0 7px var(--ink), 0 0 0 4px var(--c), 0 0 0 7px var(--ink), 0 14px 0 #08030cb3;transform:translateY(-10px)}.cc.taken{opacity:.55;cursor:not-allowed}.cc-art{border-bottom:3px solid var(--ink);border-radius:6px 6px 0 0;flex:none;height:250px;margin:7px 7px 0;position:relative;overflow:hidden}.cc-rays{background:repeating-conic-gradient(from -3deg at 50% 84%, var(--c) 0 6deg, var(--cd) 6deg 12deg);position:absolute;inset:0}.cc-no{font:800 92px / 1 var(--f-display);color:var(--ck);opacity:.38;position:absolute;top:-6px;left:12px}.cc-shadow{background:#1a10228c;border-radius:50%;width:170px;height:26px;margin-left:-85px;position:absolute;bottom:20px;left:50%}.cc-fig{filter:drop-shadow(0 3px #1a102280);pointer-events:none;width:auto;max-width:none;height:236px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.cc-own{z-index:3;position:absolute;top:12px;right:12px}.cc-plate{z-index:3;border:3px solid var(--ink);background:var(--tex-stone), linear-gradient(180deg, var(--stone-1) 0 22%, var(--stone-2) 22% 76%, var(--stone-3) 76%);box-shadow:inset 0 2px 0 #ffffff40, 0 4px 0 var(--ink);border-radius:6px;flex-direction:column;align-self:flex-start;gap:2px;margin:-34px 14px 0;padding:8px 14px;display:flex;position:relative}.cc-plate small{font:900 12px / 1.2 var(--f-ui);letter-spacing:.06em;color:var(--br1);text-shadow:0 1px 0 var(--ink)}.cc-plate b{color:var(--bone);text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);font-size:34px;line-height:1}.cc .cd-open{z-index:3;font:900 12px / 1 var(--f-ui);color:var(--br1);background:0 0;border:0;padding:0;position:absolute;top:268px;right:16px}.cc .cd-open:hover,.cc .cd-open:focus-visible{color:var(--bone);background:0 0;text-decoration:underline}.cc-body{flex-direction:column;flex:1;gap:10px;padding:12px 16px 14px;display:flex;position:relative}.cc-pitch{color:#d9ceb4;height:61px;margin:0;font-size:13px;font-weight:500;line-height:1.55;overflow:hidden}.cc-row{align-items:center;gap:8px;display:flex}.cc-lab{width:38px;font:900 11px / 1.2 var(--f-ui);letter-spacing:.04em;color:var(--br2);flex:none}.cc-skn{font:900 13px / 1.2 var(--f-ui);white-space:nowrap;color:var(--bone);margin-left:2px}.sel-bot{align-items:center;gap:18px;height:66px;display:flex;position:absolute;bottom:24px;left:61px;right:61px}.sel-bot .hint{text-align:right;color:var(--dim);flex:1;margin:0;font-size:14px;font-weight:700}.sel-bot .hint.warn{color:#ffc46a}.drawer{position:relative}.drawer-body{z-index:5;width:460px;padding:14px 16px;position:absolute;bottom:calc(100% + 14px);left:0}.drawer.as-link .drawer-body{width:360px;inset:calc(100% + 10px) -14px auto auto}.toggles{text-align:left;color:var(--bone);letter-spacing:0;gap:8px;font-size:14px;font-weight:700;display:grid}.toggles input{accent-color:var(--br2);vertical-align:-2px}.pr-top{height:70px;position:absolute;top:20px;left:0;right:0}.pr-top .keys{font:900 12px / 1 var(--f-ui);color:var(--dim);align-items:center;gap:14px;display:flex;position:absolute;top:16px;right:40px}.pr-top .keys>span{align-items:center;gap:6px;display:flex}.pr-tabs{gap:14px;display:flex;position:absolute;top:100px;left:40px}.pr-tab,.pr-pnl,.pm-deck{background:var(--tex-stone), var(--slate);box-shadow:inset 0 0 0 2px var(--br3), inset 2px 2px 0 1px #f6dd954d, 0 5px 0 #08030ca6;color:var(--bone)}.pr-tab{border:3px solid var(--ink);text-align:left;width:236px;height:58px;font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 12px 0 6px;display:flex;position:relative}.pr-tab.on{box-shadow:inset 0 0 0 2px var(--br1), inset 2px 2px 0 1px #f6dd9580, 0 0 0 3px var(--br2), 0 0 0 5.5px var(--ink), 0 6px 0 #08030ca6}.pr-tab.lock{opacity:.75;cursor:not-allowed}.pt-port{border:2.5px solid var(--ink);background:#3a3340;border-radius:9px;flex:none;width:44px;height:44px;position:relative;overflow:hidden}.pt-port img{width:100%;height:100%}.pr-tab.lock .pt-port img{filter:brightness(0)opacity(.55)}.pr-tab b{font-size:20px;line-height:1;display:block}.pr-tab small{font:900 11px / 1.2 var(--f-ui);color:var(--br2);margin-top:3px;display:block}.pr-tab>svg{width:18px;height:18px;margin-left:auto}.pr-main{border:3px solid var(--ink);width:776px;height:510px;box-shadow:inset 0 0 0 4px var(--br3), 0 0 0 3px var(--br2), 0 0 0 6px var(--ink), 0 8px 0 #08030ca6;border-radius:14px;position:absolute;top:176px;left:40px;overflow:hidden}.pm-art{object-fit:cover;object-position:62% 40%;filter:brightness(.9);width:100%;height:100%;position:absolute;inset:0}.pm-name{position:absolute;top:18px;left:22px}.pm-name b{color:var(--bone);text-shadow:0 4px 0 var(--ink), 3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 -3px 0 var(--ink), 3px 4px 0 var(--ink), -3px 4px 0 var(--ink);font-size:56px;line-height:1;display:block}.pm-name .pill{margin-top:8px}.pm-deck{border:3px solid var(--ink);border-radius:12px;padding:12px 14px 14px;position:absolute;bottom:14px;left:14px;right:14px}.pm-deck h3,.pr-pnl h3{font:900 13px / 1 var(--f-ui);color:var(--br2);align-items:center;gap:8px;margin:0 0 10px;display:flex}.pm-deck h3 small{color:var(--dim);font-size:12px;font-weight:700}.pm-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.pm-card{border:2.5px solid var(--ink);background:var(--track);color:var(--bone);border-radius:9px;flex-direction:column;gap:5px;padding:8px 9px 9px;display:flex}.pc-h{align-items:center;gap:7px;display:flex}.pc-h b{font:900 15px / 1 var(--f-ui);white-space:nowrap}.pc-h .kd{width:24px;height:24px;font-size:12px}.pc-n{font:900 11px / 1 var(--f-ui);color:var(--br2);margin-left:auto}.pm-card p{color:#d3c7aa;margin:0;font-size:12px;font-weight:700;line-height:1.4}.pr-side{flex-direction:column;gap:14px;display:flex;position:absolute;inset:100px 40px 34px 840px}.pr-pnl{border:3px solid var(--ink);border-radius:12px;padding:12px 14px;position:relative}.pr-pnl h3>.lnk,.pr-pnl h3>.drawer{margin-left:auto}.pr-team{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pr-team li{border-radius:9px;align-items:center;gap:10px;height:44px;padding:0 10px 0 4px;display:flex}.pr-team li.you{box-shadow:inset 0 0 0 2px var(--br3);background:#d9b25e29}.pr-team .hd{border:2.5px solid var(--ink);background:var(--c);border-radius:50%;flex:none;width:38px;height:38px;position:relative;overflow:hidden}.pr-team .hd img{width:100%;height:100%}.pr-team .tm{flex-direction:column;gap:3px;display:flex}.pr-team b{font:900 15px / 1 var(--f-ui);color:var(--c)}.pr-team small{font:700 12px / 1 var(--f-ui);color:var(--dim)}.pr-team .pill{margin-left:auto}.pr-team .warrior{--c:var(--warrior)}.pr-team .priest{--c:var(--priest)}.pr-team .mage{--c:var(--mage)}.pr-team .rogue{--c:var(--rogue)}.pr-rec p{margin:0;font-size:13px;font-weight:700;line-height:1.45}.pr-rec p+p{color:var(--dim);margin-top:4px;font-size:12px;font-weight:500}.pr-go{width:100%;margin-top:auto}.menu.panel{text-align:center;border-radius:14px;width:min(1000px,96vw);padding:22px 26px}.menu h1{color:var(--bone);text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);margin:0 0 6px;font-size:40px;line-height:1.1}.menu h1 small{color:var(--dim);text-shadow:none;margin-left:8px;font-size:15px;font-weight:700}.recap table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.recap th,.recap td{text-align:right;border-bottom:2px solid #6e56348c;padding:6px}.recap th:first-child,.recap td:first-child{text-align:left}.recap th{color:var(--br2);font-weight:900}.recap td.warrior{color:var(--warrior);font-weight:900}.recap td.priest{color:var(--priest);font-weight:900}.recap td.mage{color:var(--mage);font-weight:900}.recap td.rogue{color:var(--rogue);font-weight:900}.recap.win h1 .disp{color:#c6ec8c}.recap.lose h1 .disp{color:#ffa58a}.recap ul{text-align:left;margin:2px 0 0;padding-left:18px}.btns{justify-content:center;gap:16px;margin-top:14px;display:flex}.modal-back{z-index:6;background:#0d0812b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.name-ask{gap:14px;width:min(380px,100% - 32px);padding:20px;font-size:16px;display:grid}.name-ask .row{justify-content:flex-end;gap:14px;display:flex}.unit-frame.ai .uf-name:after{content:" · AI";color:var(--dim);font-weight:700}#debug{z-index:20;min-width:280px;line-height:1.7;position:fixed;bottom:14px;left:14px}#debug.hidden{display:none}#debug select{font:inherit;margin-left:4px}#debug .dbg-fx summary,#debug .dbg-outline summary{cursor:pointer}#debug .dbg-bench-out{font:inherit;white-space:pre;margin:4px 0 0}#debug .dbg-btns button{font:inherit;margin-right:4px}#debug .dbg-sliders label,#debug label.dbg-row{grid-template-columns:70px 1fr 44px;align-items:center;gap:6px;display:grid}#debug .dbg-sliders input,#debug label.dbg-row input{width:100%}.seat-picker{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:12px 16px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.seat-picker .seats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.seat-picker .seats button{min-width:112px;font:inherit;text-align:left;color:var(--bone);background:var(--track);border:2.5px solid var(--ink);box-shadow:inset 0 0 0 2px var(--br4);cursor:pointer;border-radius:9px;flex-direction:column;align-items:flex-start;padding:6px 10px;display:flex}.seat-picker .seats button:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--br1)}.seat-picker .seats button:disabled{opacity:.45;cursor:not-allowed}.seat-picker .seats .warrior b{color:var(--warrior)}.seat-picker .seats .priest b{color:var(--priest)}.seat-picker .seats .mage b{color:var(--mage)}.seat-picker .seats .rogue b{color:var(--rogue)}html.touch .seat-picker{gap:5px;padding:6px 10px;bottom:8px}html.touch .seat-picker .seats button{min-width:92px;padding:4px 8px}@media (max-height:520px){.menu.panel{padding:12px 18px}.menu h1{margin-bottom:2px;font-size:26px}.menu h1 small{font-size:12px}.menu p{margin:6px 0}.recap table{margin:6px 0;font-size:12px}.recap th,.recap td{padding:3px 5px}.btns{margin-top:8px}.btns .btn{height:40px;font-size:15px}}.compact .t-list li{min-height:58px;font-size:22px}.compact .t-list li:nth-child(n+3){display:none}.compact .t-note,.compact .t-name,.compact .t-foot{font-size:20px}.compact .tb-txt small{font-size:18px}.compact .seg button{height:54px;font-size:24px}.compact .btn{height:66px;font-size:24px}.compact .btn.big{height:80px;font-size:32px}.compact .btn.sm{height:56px;font-size:22px}.compact kbd{display:none}.compact .lede,.compact .sel-bot .hint{font-size:22px}.compact .pill{height:32px;padding:0 14px;font-size:18px}.compact .cc-plate small{font-size:18px}.compact .cc-pitch{display:none}.compact .cc-lab{width:54px;font-size:18px}.compact .cc-skn{display:none}.compact .ico{width:50px;height:50px}.compact .cc .cd-open{font-size:20px;top:264px}.compact .room{font-size:20px}.compact .mem{height:32px}.compact .pm-deck h3 small{display:none}.compact .pm-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box;overflow:hidden}.compact .pr-pnl h3,.compact .pm-deck h3{font-size:20px}.compact .pr-team small,.compact .pr-rec p+p{display:none}.compact .pr-team b,.compact .pr-rec p{font-size:22px}.compact .pr-tab small{font-size:18px}.compact .pr-top .keys{display:none}.compact .lnk{font-size:20px}.compact .toggles{font-size:22px}.compact .pr-tab b{font-size:26px}.compact .pc-h b{font-size:20px}.compact .pc-n{font-size:16px}html.touch{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}html.touch #game,html.touch #hud{touch-action:none}html.touch kbd,html.touch #help,#rotate{display:none}@media (orientation:portrait){html.touch #rotate{z-index:100;text-align:center;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}}#rotate b{letter-spacing:1px;color:var(--cream);text-shadow:3px 3px 0 var(--plum);font-size:22px}#rotate span{max-width:280px;color:var(--dim);font-size:14px;line-height:1.6}#rotate .phone{border:4px solid var(--brass-hi);width:46px;height:80px;box-shadow:4px 4px 0 var(--plum);border-radius:9px;margin-bottom:18px;animation:2.4s ease-in-out infinite turn-phone;position:relative}#rotate .phone:after{content:"";background:var(--brass-hi);border-radius:2px;width:14px;height:3px;margin-left:-7px;position:absolute;bottom:4px;left:50%}@keyframes turn-phone{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}#stick-zone{display:none}html.touch #stick-zone{width:42%;height:64%;display:block;position:absolute;bottom:0;left:0}#stick-zone .stick{left:calc(max(16px, env(safe-area-inset-left)) + 60px);border:2px solid var(--brass);width:112px;height:112px;box-shadow:0 0 0 2px var(--ink);opacity:.6;background:#1a102273;border-radius:50%;margin:-56px 0 0 -56px;transition:opacity .15s;position:absolute;top:calc(100% - 78px)}#stick-zone .stick.on{opacity:1;transition:none}#stick-zone .knob{border:2px solid var(--brass-hi);background:var(--panel-2);width:50px;height:50px;box-shadow:0 0 0 2px var(--ink), 3px 3px 0 2px var(--plum);border-radius:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%}html.touch{--slot:60px}html.touch #actionbar{left:auto;right:calc(max(12px, env(safe-area-inset-right)) + 8px);width:var(--slot-jump);height:var(--slot-jump);box-shadow:none;background:0 0;border:0;gap:0;padding:0;bottom:14px;transform:none}html.touch .slot{width:var(--slot);height:var(--slot);margin:calc(var(--slot) / -2) 0 0 calc(var(--slot) / -2);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 4px #08030c99}html.touch .slot:after,html.touch .slot .icon,html.touch .slot .cd{border-radius:50%}html.touch .slot .icon img{width:106%;height:106%}html.touch .slot.noimg .icon{font-size:22px}html.touch .slot .cdtxt{font-size:20px}html.touch .slot.jump{--c:var(--brass-hi);width:var(--slot-jump);height:var(--slot-jump);margin:calc(var(--slot-jump) / -2) 0 0 calc(var(--slot-jump) / -2)}html.touch #player-cast{width:min(260px,32vw);height:16px;bottom:16px}html.touch #player-cast .txt{font-size:10px}html.touch #combo{padding:4px 9px;bottom:10px}html.touch .boss-port{display:none}html.touch #party{left:max(8px, env(safe-area-inset-left));gap:3px;width:152px;top:6px}html.touch .unit-frame{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:5px;padding:2px 6px 4px 9px}html.touch .unit-frame:hover{transform:none}html.touch .uf-stripe{width:3px}html.touch .uf-top{gap:4px;height:12px;margin-bottom:1px;font-size:10.5px}html.touch .uf-you{padding:0 2px;font-size:8px;line-height:11px}html.touch .uf-top .aura{border-width:1px;width:12px;height:12px;font-size:7px}html.touch .uf-top .pips.mini{display:none}html.touch .uf-name{max-width:64px}html.touch .uf-top .aura:nth-child(n+4){display:none}html.touch .unit-frame .bar.hp{height:10px}html.touch .unit-frame .bar.hp .txt{font-size:8px}html.touch .unit-frame .bar.res{border-width:1.5px;height:6px;margin-top:2px}html.touch .tbar{left:9px;right:6px}html.touch #me,html.touch #help-chip{display:none}html.touch #boss-frame{width:min(380px,44vw);min-width:0;top:5px}html.touch .boss-top{gap:6px;height:17px;margin-bottom:3px}html.touch .boss-name{font-size:17px}html.touch .boss-attempt{font-size:9.5px}html.touch .boss-hpn{display:none}html.touch .boss-pct{font-size:14px}html.touch .boss-auras .aura{width:14px;height:14px;font-size:8px}html.touch .boss-bar .bar.big,html.touch .notch{height:11px}html.touch .notch em{display:none}html.touch #boss-cast{width:min(300px,38vw);top:40px}html.touch #boss-cast .bar{border-width:2px;height:12px}html.touch #boss-cast .kd{width:16px;height:16px;font-size:9px}html.touch #boss-cast .cn{font-size:12px}html.touch #boss-cast .ct{font-size:13px}html.touch #boss-cast .hint{gap:3px 8px;margin-top:4px;font-size:10px}html.touch #board-btn{top:6px;right:max(8px, env(safe-area-inset-right));display:flex}html.touch #board{top:44px;right:max(8px, env(safe-area-inset-right));width:200px;display:none}html.touch #board.open{display:block}html.touch .fold{display:none}html.touch .tab{padding:5px 0 6px}html.touch .dr{height:24px}html.touch .mr{height:22px}html.touch #info{top:42px;bottom:auto;right:max(8px, env(safe-area-inset-right));padding:2px 6px;font-size:9px;line-height:1.4}html.touch #alert{font-size:18px;top:92px}html.touch #alert.world{padding:3px 7px;font-size:13px}html.touch #countdown{font-size:72px;top:45%}html.touch #tip{max-width:240px;font-size:11px}html.touch .unit-frame .bar.hp .txt{padding-right:7px}.cd-open{z-index:1;font:inherit;color:var(--brass-hi);background:var(--ink);border:1.5px solid var(--brass);cursor:pointer;border-radius:2px;padding:2px 9px;font-size:12px;font-weight:800;line-height:1.4;position:absolute;top:10px;right:10px}.cd-open:hover,.cd-open:focus-visible{color:var(--ink);background:var(--brass-hi)}.cd-back{z-index:5;background:#0d0812b8;justify-content:center;align-items:center;padding:10px 16px;display:flex;position:absolute;inset:0}.cd{overscroll-behavior:contain;text-align:left;border-radius:14px;width:min(780px,100%);max-height:100%;padding:16px 20px 18px;overflow:auto}.cd-tabs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.cd-tabs button{font:inherit;color:var(--dim);background:var(--track);border:2.5px solid var(--ink);box-shadow:inset 0 0 0 2px var(--br4);cursor:pointer;border-radius:9px;padding:5px 14px;font-size:13px;font-weight:900}.cd-tabs button.on{color:var(--ink);background:linear-gradient(180deg, var(--br1) 0 30%, var(--br2) 30% 70%, var(--br3) 70%);box-shadow:0 3px 0 var(--ink)}.cd-tabs .cd-x{min-width:36px;color:var(--cream);margin-left:auto;padding:4px 10px;font-size:18px;line-height:1}.cd-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.cd-class{text-shadow:0 2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);font-size:30px}.cd.warrior .cd-class{color:var(--warrior)}.cd.priest .cd-class{color:var(--priest)}.cd.mage .cd-class{color:var(--mage)}.cd.rogue .cd-class{color:var(--rogue)}.cd-role{color:var(--ink);background:var(--bone);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:900}.cd-pitch{margin:6px 0 2px;font-size:14px;line-height:1.55}.cd h3{letter-spacing:1px;color:var(--br2);margin:12px 0 6px;font-size:13px;font-weight:900}.cd-skills{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:8px;display:grid}.cd-skill{text-align:left;font:inherit;color:var(--cream);background:var(--track);border:2.5px solid var(--ink);box-shadow:inset 0 0 0 2px var(--br4);border-radius:10px;align-items:flex-start;gap:10px;padding:9px 10px;display:flex}button.cd-skill{cursor:pointer}button.cd-skill:hover{box-shadow:inset 0 0 0 2px var(--br2)}.cd-skill.on{box-shadow:inset 0 0 0 2px var(--br1), 0 0 0 2px var(--br2)}.cd-icon{border:2.5px solid var(--ink);background:#0d0812;border-radius:9px;flex:none;width:46px;height:46px;position:relative;overflow:hidden}.cd-icon .skill-ico{width:114%;height:114%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cd-text{flex-direction:column;gap:3px;min-width:0;display:flex}.cd-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cd-name b{font-size:15px}.cd-picked{color:var(--ink);background:var(--br1);border:2px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:900}.cd-meta{color:var(--brass-hi);font-size:12px}.cd-desc{font-size:13px;line-height:1.5}.cd-common{margin:10px 0 0}.cd-foot{justify-content:flex-end;align-items:center;margin-top:12px}@media (max-height:520px){.cd-back{padding:6px 10px}.cd{padding:10px 12px 12px}.cd-tabs{margin-bottom:6px}.cd-tabs button{padding:3px 10px;font-size:12px}.cd-class{font-size:19px}.cd-pitch{font-size:12px;line-height:1.45}.cd h3{margin:8px 0 4px;font-size:12px}.cd-skills{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:6px}.cd-skill{gap:8px;padding:6px 8px}.cd-icon{width:36px;height:36px}.cd-name b{font-size:14px}.cd-desc{font-size:12px;line-height:1.4}.cd-foot{margin-top:8px}.cd-foot button{padding:6px 12px}.cd-open{padding:1px 7px;font-size:11px;top:6px;right:6px}}