:root{--bg:#1b1814;--panel:#161310c7;--panel-solid:#221e19;--line:#e9e2d624;--text:#e9e2d6;--muted:#a89f90;--hp-me:#6f8f4f;--hp-foe:#a33a2c;--absorb:#a0c8ffbf;--frost:#6fa8ff;--warm:#d49a52;--danger:#d0442c;--btn:#2a251f;--display:"Cinzel", Georgia, serif;--ui:"Inter", system-ui, sans-serif;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}.hidden{display:none!important}#stage{position:fixed;top:0;bottom:0;left:0;right:0}#stage canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}.topbar{top:10px;left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));grid-template-columns:minmax(0,330px) 1fr minmax(0,330px);align-items:start;gap:10px;display:grid;position:absolute}.frame{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:8px;padding:7px 9px;display:flex}.frame.enemy{text-align:right;flex-direction:row-reverse}.frame.dead{opacity:.5}.portrait{border:1px solid var(--line);height:38px;color:var(--muted);background:#13110e;border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.portrait svg{width:22px;height:22px}.frame.enemy .portrait{color:#d9a497}.info{flex:1;min-width:0}.name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12px;font-weight:600;overflow:hidden}.hpbar{background:#120f0c;border:1px solid #0009;border-radius:4px;height:16px;position:relative;overflow:hidden}.hpbar .fill,.hpbar .lag,.hpbar .absorb{position:absolute;top:0;bottom:0;left:0}.hpbar .lag{background:#e6c8a059}.frame.player .hpbar .fill{background:linear-gradient(#7fa05d, var(--hp-me))}.frame.enemy .hpbar .fill{background:linear-gradient(#b8493a, var(--hp-foe))}.frame.enemy .hpbar{direction:ltr}.hpbar .fill.low{animation:.8s ease-in-out infinite alternate lowhp}@keyframes lowhp{to{filter:brightness(1.35)}}.hpbar .absorb{background:repeating-linear-gradient(45deg, var(--absorb) 0 5px, #c8e1ff80 5px 10px)}.hptext{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.rage{gap:2px;margin-top:4px;display:flex}.rage i{background:#2b2520;border-radius:2px;flex:1;height:5px}.rage i.on{background:#c0653a;box-shadow:0 0 4px #d26e3c99}.statuses{flex-wrap:wrap;gap:3px;min-height:0;margin-top:4px;display:flex}.frame.enemy .statuses{justify-content:flex-end}.statuses b{color:#f0c9bd;background:#2a1f1b;border:1px solid #6b3a2e;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600}.statuses b.buff{color:#cfe3b8;background:#1d2419;border-color:#4b6b3a}.statuses b.k-reif,.statuses b.k-root,.statuses b.k-incap,.statuses b.k-absorb{color:#cfe2ff;background:#18202c;border-color:#3f6a9e}.statuses b.k-stun{color:#f3e1b3;background:#2e2616;border-color:#8a7240}.extra{color:var(--muted);margin-top:3px;font-size:11px}.extra .nolos{color:#e07b62;font-weight:700}.timerbox{text-align:center}.timer{font:700 20px var(--display);letter-spacing:1px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:3px 14px;display:inline-block}.fever{color:#e39a6a;text-shadow:0 1px 2px #000;margin-top:4px;font-size:11px;font-weight:700}.castbar{background:#120f0c;border:1px solid #0009;border-radius:4px;height:14px;margin-top:5px;position:relative;overflow:hidden}.castbar .fill{background:linear-gradient(#8fb7ec,#4f7fc0);position:absolute;top:0;bottom:0;left:0}.castbar span{text-shadow:0 1px 2px #000;place-items:center;font-size:10px;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.player-cast{width:min(300px,40vw);height:18px;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.player-cast span{font-size:12px}.abilities{right:calc(0px + var(--safe-r));transform-origin:100% 100%;width:300px;height:300px;position:absolute;bottom:0}.ability{pointer-events:auto;background:radial-gradient(circle at 50% 35%, #3a332b, var(--btn) 70%);color:#e2d8c6;touch-action:none;border:2px solid #e9e2d638;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform 80ms,filter .15s,border-color .15s;display:grid;position:absolute;box-shadow:0 3px 10px #00000080}.ability .ico svg{width:30px;height:30px;display:block}.ability{background:#120e0a;border:0;box-shadow:0 0 0 2px #1a130c,0 0 0 4px #8d6a3c,0 0 0 5px #0009,0 4px 12px #0009}.ability .ico{border-radius:50%;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.ability .ico img.art{object-fit:cover;width:100%;height:100%;transition:filter .15s;display:block}.ability .ico:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#fff0d22e,#0000 55%),radial-gradient(circle,#0000 62%,#0000008c 100%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.ability.unusable .ico img.art{filter:saturate(.35)brightness(.7)}.ability.unusable{box-shadow:0 0 0 2px #1a130c,0 0 0 4px #a0402c,0 0 0 5px #0009,0 4px 12px #0009}.ability.active{box-shadow:0 0 0 2px #1a130c,0 0 0 4px #d07a3e,0 0 12px 3px #d07a3e8c}.ability.casting{box-shadow:0 0 0 2px #1a130c, 0 0 0 4px var(--frost), 0 0 12px 3px #6fa8ff73}.ability.queued{box-shadow:0 0 0 2px #1a130c,0 0 0 4px #e9e2d6,0 4px 12px #0009}.ability.glow .ico img.art{filter:brightness(1.35)saturate(1.2)}.ability .cd,.ability .cdtext{z-index:1}.ability .key{z-index:2}.portrait{overflow:hidden}.portrait img.art{object-fit:cover;width:100%;height:100%;display:block}.ability.slot0{width:104px;height:104px;bottom:16px;right:16px}.ability.slot0 .ico svg{width:44px;height:44px}.ability.slot1{bottom:34px;right:184px}.ability.slot2{bottom:109px;right:164px}.ability.slot3{bottom:164px;right:109px}.ability.slot4{bottom:184px;right:34px}.ability .cd{background:conic-gradient(#080604c7 var(--p,0deg), transparent 0);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.ability .cd.gcd{background:conic-gradient(#08060473 var(--p,0deg), transparent 0)}.ability .cdtext{font:700 22px var(--ui);text-shadow:0 1px 3px #000;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ability.slot0 .cdtext{font-size:28px}.ability .label{color:#e9e2d6bf;white-space:nowrap;text-shadow:0 1px 2px #000;margin-top:2px;font-size:10px;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%)}.ability .key{white-space:nowrap;border:1px solid var(--line);min-width:18px;height:18px;color:var(--muted);background:#13110e;border-radius:9px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-2px;left:-2px}.ability.pressed{transform:scale(.92)}.ability.unusable{color:#e07b62;border-color:#d0442c8c}.ability.unusable .ico{opacity:.75}.ability.locked{filter:grayscale()brightness(.55)}.ability.active{border-color:#c0653a;box-shadow:0 0 0 2px #c0653a59,0 3px 10px #00000080}.ability.casting{border-color:var(--frost)}.ability.queued{border-color:#e9e2d6}.ability.glow{color:#fff;filter:none;z-index:2;background:radial-gradient(circle at 50% 45%,#ffe7a6 0%,#ff9d3a 38%,#9c3b16 75%);border-color:#fff0c8;animation:.42s ease-in-out infinite alternate glow}.ability.glow .ico svg{filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 8px #ffb040)}.ability.glow:after{content:"";pointer-events:none;border:3px solid #ffc85ae6;border-radius:50%;animation:.8s ease-out infinite flare;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}@keyframes glow{0%{transform:scale(1);box-shadow:0 0 14px 4px #ffaa46cc}to{transform:scale(1.1);box-shadow:0 0 34px 12px #ffbe5a}}@keyframes flare{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.45)}}.toast{color:#f08a6e;text-shadow:0 1px 3px #000;opacity:0;font-size:15px;font-weight:700;transition:opacity .15s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.center-msg{font:700 64px var(--display);letter-spacing:2px;text-shadow:0 3px 12px #000c;opacity:0;white-space:nowrap;transition:opacity .2s,transform .2s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.9)}.center-msg.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.center-msg.fever{color:#e39a6a;font-size:30px}.center-msg.win{color:#d9c9a0}.center-msg.loss{color:#d9826e}.float-layer{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.float{text-shadow:0 1px 3px #000,0 0 2px #000;white-space:nowrap;will-change:transform;font-size:17px;font-weight:700;position:absolute;top:0;left:0}.float.white{color:#efe8dc;font-size:15px}.float.dealt{color:#ffd98a}.float.crit{color:#ffcf6b;z-index:2;text-shadow:0 0 14px #ff9628e6,0 2px 4px #000;font-size:40px;font-weight:800}.float.crit.frost{color:#dff0ff;text-shadow:0 0 16px #5aa0ff,0 2px 4px #000}.float.crit.taken{color:#ff6a4d;text-shadow:0 0 14px #ff3c1ee6,0 2px 4px #000}.float .pop{animation:.45s cubic-bezier(.2,1.6,.4,1) both critpop;display:inline-block}.float em{letter-spacing:3px;text-align:center;margin-top:-6px;font-size:13px;font-style:normal;display:block}@keyframes critpop{0%{opacity:0;transform:scale(2.4)}60%{opacity:1;transform:scale(.9)}to{transform:scale(1)}}.float.taken{color:#ff7a62}.float.heal{color:#9fe07a;font-size:18px}.float.status{color:#f1e3c0;font-size:14px;font-style:italic}.float small{color:#bcd6ff;font-size:11px}.plate-layer{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.plate{opacity:.8;width:76px;margin-top:-24px;margin-left:-38px;position:absolute;top:0;left:0}.plate.targeted{opacity:1}.plate{pointer-events:auto;cursor:pointer;padding:2px}.plate.targeted .plate-bar{box-shadow:0 0 0 1px #f0d7a0}.plate-icons{gap:3px;margin-bottom:2px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.plate-icons .sq{color:#f3e1b3;background:#0f0c0aeb;border:2px solid #d8432e;border-radius:5px;place-items:center;width:30px;height:30px;display:grid;position:relative;box-shadow:0 1px 4px #0009}.plate-icons .sq svg{opacity:.75;width:19px;height:19px}.plate-icons .sq b{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px #000;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.plate-icons .sq.cc{color:#f3d28a}.plate-icons .sq.frost{color:#cfe2ff}.plate-icons .sq.slow{color:#f0c9a8}.plate-icons .sq.dot{color:#e7c3f0}.plate-icons .sq.buff,.plate-icons .sq.sight{color:#cfe3b8;border-color:#5fbf45;box-shadow:0 0 6px #5fbf4559,0 1px 4px #0009}.plate-icons .sq.cc,.plate-icons .sq.frost,.plate-icons .sq.slow,.plate-icons .sq.dot{box-shadow:0 0 6px #d8432e59,0 1px 4px #0009}.statuses b.k-stealthSight{color:#e2cdfa;background:#241a30;border-color:#7b3fc2}.float.sight{color:#d3b0ff;font-size:16px;font-style:italic}.crit-flash{pointer-events:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.crit-flash.fire{background:radial-gradient(#ffdca02e 0%,#0000 45%,#ff8c2873 100%)}.crit-flash.frost{background:radial-gradient(#dcf0ff2e 0%,#0000 45%,#6eaaff73 100%)}.crit-flash.on{animation:.45s ease-out critflash}@keyframes critflash{0%{opacity:1}to{opacity:0}}.lowhp-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#aa140a8c 100%);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.lowhp-vignette.on{opacity:1;animation:1.1s ease-in-out infinite lowpulse}@keyframes lowpulse{50%{opacity:.55}}.plate-name{text-align:center;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.plate.friend .plate-bar .fill,.plate.self .plate-bar .fill{background:var(--hp-me)}.plate.self{pointer-events:none;opacity:1}.plate.self .plate-name{display:none}.plate.friend .plate-name{color:#cfe3b8}.frame.ally{width:230px;max-width:100%;padding:5px 7px}.frame.ally .portrait{flex-basis:28px;height:28px}.frame.ally .hpbar{height:12px}.frame.ally{pointer-events:auto;cursor:pointer}.frame.ally.targeted{border-color:#f0d7a0}.frame.ally .statuses b{font-size:9px}.plate-bar{background:#120f0c;border:1px solid #000000b3;border-radius:3px;height:7px;overflow:hidden}.plate-bar .fill{background:var(--hp-foe);height:100%}.plate-cast{background:var(--frost);border-radius:2px;height:4px;margin-top:2px}.pause-btn{top:58px;left:calc(10px + var(--safe-l));background:var(--panel);border:1px solid var(--line);pointer-events:auto;border-radius:8px;width:34px;height:34px;padding:7px;position:absolute}.pause-btn svg{width:100%;height:100%}.joy-base{opacity:0;background:#14110e40;border:2px solid #e9e2d62e;border-radius:50%;width:130px;height:130px;margin:-65px 0 0 -65px;transition:opacity .1s;position:absolute}.joy-base.active{opacity:1}.joy-knob{background:#e9e2d647;border:2px solid #e9e2d666;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#mute{z-index:30;right:calc(10px + var(--safe-r));background:var(--panel);border:1px solid var(--line);border-radius:8px;width:34px;height:34px;padding:7px;position:fixed;top:58px;bottom:auto}#mute svg{width:100%;height:100%}#mute.off .wave{display:none}#music{z-index:30;right:calc(50px + var(--safe-r));background:var(--panel);border:1px solid var(--line);border-radius:8px;width:34px;height:34px;padding:7px;position:fixed;top:58px}#music svg{width:100%;height:100%}#music.off{opacity:.45}#music.off .strike{display:block}#music .strike{display:none}#keybtn{z-index:30;right:calc(90px + var(--safe-r));background:var(--panel);border:1px solid var(--line);border-radius:8px;width:34px;height:34px;padding:7px;position:fixed;top:58px}#keybtn svg{width:100%;height:100%}@media (pointer:coarse){#keybtn{display:none}}.overlay{z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#menu{background:linear-gradient(90deg,#14110eed 0%,#14110ec7 55%,#14110e73 100%);align-items:flex-start}.menu-inner{width:min(980px,100% - 32px);padding:26px 0 30px}.menu-inner header h1{font:700 44px var(--display);letter-spacing:3px;color:#e6dccb;margin:0}.menu-inner .sub{color:var(--muted);letter-spacing:1px;margin:2px 0 18px}.classes{grid-template-columns:1fr;gap:12px;max-width:760px;display:grid}.class-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:760px;margin-bottom:10px;display:grid}.pick{border:1px solid var(--line);background:#221e19d9;border-radius:10px;justify-items:center;gap:2px;padding:10px 6px;display:grid}.pick svg{color:#d7c7a8;width:28px;height:28px}.pick b{font:700 15px var(--display)}.pick small{color:var(--muted);text-align:center;font-size:10px;line-height:1.2}.pick.sel{background:#3c3226f2;border-color:#c9a36a}.pick:hover{border-color:#8f7650}.card{text-align:left;border:1px solid var(--line);background:#221e19d9;border-radius:12px;flex-direction:column;justify-content:flex-start;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.card.sel{background:#302921eb;border-color:#c9a36a}.card-head{align-items:center;gap:12px;display:flex}.card-head>svg{color:#d7c7a8;width:34px;height:34px}.card h3{font:700 22px var(--display);margin:0}.card small{color:var(--muted)}.card p{color:#cfc6b6;margin:10px 0;font-size:13px;line-height:1.45}.card ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.card li{color:#b9b0a0;grid-template-columns:18px 18px 1fr;align-items:start;gap:6px;font-size:12px;line-height:1.35;display:grid}.card li svg{color:#d7c7a8;width:17px;height:17px}.card li b{color:var(--text)}.card li .k{color:var(--muted);border:1px solid var(--line);text-align:center;border-radius:4px;font-size:10px;font-weight:700;line-height:16px}.opts{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;max-width:560px;margin:16px 0;display:grid}.opts label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{border:1px solid var(--line);background:#221e19d9;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.seg button.sel{background:#3c3226f2;border-color:#c9a36a}.start{font:700 20px var(--display);letter-spacing:1px;color:#f6ece0;background:#7a3324;border:1px solid #a7523d;border-radius:10px;padding:12px 34px}.start:hover{background:#8b3b2a}.help{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.6}#end{background:#0e0c0ab8}.end-inner{background:var(--panel-solid);border:1px solid var(--line);text-align:center;border-radius:14px;width:min(460px,100% - 32px);padding:22px 28px}.end-inner h2{font:700 46px var(--display);letter-spacing:2px;margin:0}.end-inner.win h2{color:#dccb9e}.end-inner.loss h2{color:#d9826e}.end-inner .dur{color:var(--muted);margin:2px 0 14px}.end-inner table{border-collapse:collapse;width:100%;font-size:14px}.end-inner td,.end-inner th{border-top:1px solid var(--line);padding:5px 4px}.end-inner th{color:var(--muted);font-size:12px;font-weight:600}.end-inner td{width:35%;font-weight:700}.end-inner td.who{color:var(--muted);border-top:0;font-weight:600}.record{color:var(--muted);margin:14px 0;font-size:13px}.end-buttons{justify-content:center;gap:10px;display:flex}.end-buttons button{font:700 17px var(--display);border:1px solid var(--line);background:#2d2721;border-radius:10px;padding:10px 22px}.end-buttons .again{background:#7a3324;border-color:#a7523d}.end-buttons small{font:400 11px var(--ui);opacity:.7}#pause{background:#0e0c0a99}#keys{z-index:40;background:#0e0c0acc}.keys-inner{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;width:min(560px,100% - 24px);max-height:calc(100% - 24px);padding:18px 22px;overflow-y:auto}.keys-inner h2{font:700 30px var(--display);margin:0 0 4px}.hint2{color:var(--muted);margin:4px 0 10px;font-size:12px}.keytable{border-collapse:collapse;width:100%;font-size:13px}.keytable td,.keytable th{text-align:left;padding:3px 4px}.keytable tr.grp th{color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding-top:10px;font-size:11px}.keyslot{border:1px solid var(--line);background:#14110e;border-radius:7px;min-width:110px;padding:6px 10px;font-weight:700}.keyslot:hover{border-color:#c9a36a}.keyslot.capture{color:#ffc070;border-color:#ffc070;animation:.8s infinite lowpulse}.accountbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:-8px 0 14px;font-size:13px;display:flex}.accountbar b{color:var(--text)}.ghost.tiny{padding:5px 10px;font-size:12px}.pill{font:700 10px var(--ui);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--line);color:var(--muted);vertical-align:middle;border-radius:10px;margin-left:6px;padding:2px 8px}.pill.online{color:#9fe07a;border-color:#4b6b3a}#auth,#ladder,#queue{z-index:45;background:#0e0c0acc}.auth-inner{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;gap:8px;width:min(420px,100% - 24px);padding:18px 22px;display:grid}.auth-inner h2{font:700 30px var(--display);margin:0}.auth-inner label{color:var(--muted);gap:4px;font-size:12px;font-weight:700;display:grid}.auth-inner input{border:1px solid var(--line);color:var(--text);font:600 14px var(--ui);-webkit-user-select:text;user-select:text;background:#14110e;border-radius:8px;padding:9px 10px}.auth-error{color:#f08a6e;min-height:1.2em;margin:0;font-size:13px}.ladder-inner .seg{margin:6px 0 10px}.ladder td{font-size:13px}.ladder tr.me td{color:#ffd98a;font-weight:700}.muted{color:var(--muted)}.queue-inner{background:var(--panel-solid);border:1px solid var(--line);text-align:center;border-radius:14px;justify-items:center;gap:6px;min-width:260px;padding:22px 28px;display:grid}.queue-inner h3{font:700 22px var(--display);margin:4px 0 0}.qtime{font:700 34px var(--display)}.spinner{border:3px solid var(--line);border-top-color:#c9a36a;border-radius:50%;width:34px;height:34px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ranked-toggle{border:1px solid var(--line);background:#221e19d9;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex}.ranked-toggle div{display:grid}.ranked-toggle small{color:var(--muted);font-size:12px}.ranked-toggle.on{border-color:#c9a36a}.ranked-toggle.on b{color:#e8c47a}.charbar{background:#221e19e6;border:1px solid #8f7650;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;max-width:760px;margin-bottom:12px;padding:10px 14px;display:flex}.charbar>svg{color:#d7c7a8;width:34px;height:34px}.charbar .cinfo{flex:1;min-width:160px;display:grid}.charbar .cinfo b{font:700 22px var(--display)}.charbar .cinfo small{color:var(--muted);font-size:12px}.charbar.empty{border-style:dashed}.cruhm{text-align:right;display:grid}.cruhm b{font:700 22px var(--display);color:#e8c47a;line-height:1}.cruhm small{color:var(--muted);font-size:10px}#chars{z-index:45;background:#0e0c0ad1}.chars-inner{width:min(640px,100% - 24px)}.chars-inner h4{font:700 18px var(--display);margin:14px 0 6px}.charlist{gap:6px;display:grid}.charrow{border:1px solid var(--line);background:#221e19e0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.charrow.sel{border-color:#c9a36a}.charrow>svg{color:#d7c7a8;width:24px;height:24px}.charrow .cinfo{flex:1;min-width:140px;display:grid}.charrow .cinfo b{font:700 16px var(--display)}.charrow .cinfo small,.charrow .cstats small{color:var(--muted);font-size:11px}.charform{gap:6px;display:grid}.charform label{color:var(--muted);gap:4px;font-size:12px;font-weight:700;display:grid}.charform input{border:1px solid var(--line);color:var(--text);font:600 14px var(--ui);-webkit-user-select:text;user-select:text;background:#14110e;border-radius:8px;max-width:260px;padding:8px 10px}.bmmr{font:600 11px var(--ui);color:var(--muted);letter-spacing:.5px;margin-left:8px}.mmr-line{color:var(--muted);font-size:12px}.mmr-line b{color:var(--text)}.mmr-line .up{color:#9fe07a}.mmr-line .down{color:#f08a6e}.lbname{align-items:center;gap:6px;display:flex}.lbname svg{color:#d7c7a8;width:16px;height:16px}#shop{z-index:45;background:#0e0c0ad1}.shop-inner{width:min(760px,100% - 24px)}.shop-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.shop-head small{color:var(--muted);font-size:12px}.balance{text-align:right;display:grid}.balance b{font:700 30px var(--display);color:#e8c47a;line-height:1}.shop-sum{color:var(--muted);margin-top:6px;font-size:13px}.shop-sum b{color:#cfe3b8}.shop-preview{border:1px solid var(--line);background:#1a1612;border-radius:8px;min-height:1.4em;margin-top:6px;padding:6px 10px;font-size:13px}.shop-preview b{color:var(--text)}.shop-preview em{color:#9fe07a;font-style:normal;font-weight:800}.gear:hover{border-color:color-mix(in srgb, var(--qc) 80%, #c9a36a)}.gears{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.gear{border:1px solid var(--line);background:#221e19e0;border-radius:10px;gap:6px;padding:10px;display:grid}.gear.t1,.gear.t2,.gear.t3,.gear.t4,.gear.t5{border-color:color-mix(in srgb, var(--qc) 55%, transparent)}.gear.t4{box-shadow:0 0 10px color-mix(in srgb, var(--qc) 25%, transparent)}.gear.t5{box-shadow:0 0 14px color-mix(in srgb, var(--qc) 40%, transparent)}.ghead{justify-content:space-between;align-items:baseline;display:flex}.ghead b{font:700 16px var(--display)}.ghead span{color:#d6b25a;font-size:11px}.pips{gap:3px;display:flex}.pips i{background:var(--pc,#2b2520);opacity:.22;border-radius:2px;flex:1;height:6px}.pips i.on{opacity:1;box-shadow:0 0 5px color-mix(in srgb, var(--pc) 60%, transparent)}.gstat{color:#cfe3b8;font-size:12px}.gear .buy{border:1px solid color-mix(in srgb, var(--bc,#8f6a3a) 70%, transparent);background:#3a2a1c;border-radius:8px;padding:7px 8px;font-size:13px;font-weight:700;display:grid}.gear .buy small{color:var(--muted);font-size:11px;font-weight:400}.gear .buy:hover:not(:disabled){border-color:var(--bc,#e8c47a);box-shadow:0 0 8px color-mix(in srgb, var(--bc,#e8c47a) 40%, transparent)}.gear .buy.poor{opacity:.5}.shop-msg{color:#e8c47a;min-height:1.2em;margin:8px 0 4px;font-size:13px}.reward{background:#1f1a12;border:1px solid #6b5636;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;margin-bottom:12px;padding:7px 12px;display:flex}.reward b{color:#e8c47a;font:700 20px var(--display)}.reward span{color:var(--muted);font-size:11px}.ranked,.practice{border-top:1px solid var(--line);max-width:760px;margin-top:16px;padding-top:14px}.ranked h4,.practice h4{font:700 18px var(--display);margin:0}.ranked p,.practice p{color:var(--muted);margin:4px 0 10px;font-size:13px}.brackets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bracket{border:1px solid var(--line);background:#221e19e0;border-radius:12px;gap:5px;padding:10px 12px;display:grid}.bhead{justify-content:space-between;align-items:center;gap:6px;display:flex}.bhead>b{font:700 15px var(--display)}.brating{font:700 30px var(--display);line-height:1}.bstats{color:var(--muted);font-size:11px}.start.small{padding:8px 12px;font-size:15px}.tier{color:var(--tc);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.tier svg{width:15px;height:15px}.tier.big{font-size:15px}.tier.big svg{width:30px;height:30px;filter:drop-shadow(0 0 6px var(--tc))}.tprog{background:#14110e;border-radius:3px;height:5px;overflow:hidden}.tprog i{height:100%;display:block}.tprog+small{color:var(--muted);font-size:10px}.rating-panel{border:1px solid var(--line);text-align:left;background:#1a1612;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;padding:10px 14px;display:flex;position:relative}.rp-left{flex:1;gap:4px;display:grid}.rp-left>small,.rp-right small{color:var(--muted);font-size:11px}.rp-val{font:700 34px var(--display);line-height:1}.rp-val span{font:700 18px var(--ui);margin-left:10px}.rp-val .up{color:#9fe07a}.rp-val .down{color:#f08a6e}.rp-right{justify-items:center;gap:4px;display:grid}.promo{color:#ffe7b8;white-space:nowrap;background:#7a3324;border:1px solid #d9a441;border-radius:10px;padding:2px 12px;font-size:13px;font-weight:800;animation:.5s both critpop;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.end-inner{width:min(640px,100% - 24px);max-height:calc(100% - 24px);overflow-y:auto}.scroll{overflow-x:auto}.scoreboard{min-width:460px}.scoreboard th{font-size:11px}.scoreboard td{text-align:right;width:auto;font-size:13px}.scoreboard td.pname{text-align:left;align-items:center;gap:6px;display:flex}.scoreboard td.pname svg{color:#d7c7a8;flex:none;width:18px;height:18px}.scoreboard td.pname span{line-height:1.1;display:grid}.scoreboard td.pname small{color:var(--muted);font-size:10px;font-weight:400}.scoreboard tr.ally td{color:#d5e6c4}.scoreboard tr.foe td{color:#f0c9bd}.scoreboard tr.me td{background:#c9a36a14}.scoreboard tr.dead td{opacity:.6}@media (max-width:620px){.brackets{grid-template-columns:1fr}}#lobby{background:#0e0c0ab8}.lobby-inner{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;width:min(560px,100% - 32px);max-height:calc(100% - 24px);padding:20px 24px;overflow-y:auto}.lobby-inner h2{font:700 34px var(--display);letter-spacing:2px;margin:0}.lobby-inner .mode{color:var(--muted);margin:2px 0 14px}.lobby-inner .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.linkrow{gap:6px;margin:6px 0 4px;display:flex}.linkrow input{border:1px solid var(--line);min-width:0;color:var(--text);font:600 13px var(--ui);-webkit-user-select:all;user-select:all;background:#14110e;border-radius:8px;flex:1;padding:8px 10px}.linkrow button,.ghost{border:1px solid var(--line);background:#2d2721;border-radius:8px;padding:8px 14px;font-weight:700}.hint{color:#d9b98a;margin:6px 0 0;font-size:12px;line-height:1.45}.players{gap:6px;margin:14px 0;padding:0;list-style:none;display:grid}.players li{border:1px solid var(--line);background:#221e19d9;border-radius:8px;grid-template-columns:26px auto 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.players li svg{color:#d7c7a8;width:22px;height:22px}.players li span{color:var(--muted);text-align:right;font-size:12px}.players li.me{border-color:#c9a36a}.players li.empty{color:var(--muted);font-style:italic}.players li.empty i{border:2px dashed var(--line);border-radius:50%;width:22px;height:22px}.opts.compact{margin:8px 0 14px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.start:disabled{opacity:.5;cursor:default}.invite{background:#7a332459;border:1px solid #a7523d;border-radius:10px;margin-bottom:14px;padding:10px 14px}.friends{border-top:1px solid var(--line);max-width:700px;margin-top:18px;padding-top:14px}.friends h4{font:700 18px var(--display);margin:0}.friends p{color:var(--muted);margin:4px 0 10px;font-size:13px}.friends .room{background:#2d2721;border:1px solid #6b5a44;border-radius:10px;padding:10px 16px;font-weight:700}.friends .room:hover,.ghost:hover{border-color:#c9a36a}.name-input{border:1px solid var(--line);color:var(--text);font:600 13px var(--ui);-webkit-user-select:text;user-select:text;background:#14110e;border-radius:8px;max-width:220px;padding:7px 10px}#notice{z-index:60;color:#f6e2d6;text-align:center;background:#3a1f19;border:1px solid #a7523d;border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;transition:transform .25s;position:fixed;top:14px;left:50%;transform:translate(-50%,-150%)}#notice.show{transform:translate(-50%)}.pause-inner{background:var(--panel-solid);border:1px solid var(--line);text-align:center;border-radius:14px;gap:8px;min-width:220px;padding:20px 28px;display:grid}.pause-inner h2{font:700 30px var(--display);margin:0 0 6px}.pause-inner button{border:1px solid var(--line);background:#2d2721;border-radius:8px;padding:10px;font-weight:700}#version{z-index:70;left:calc(8px + var(--safe-l));font:600 10px var(--ui);color:#e9e2d673;pointer-events:none;text-shadow:0 1px 2px #000;letter-spacing:.3px;position:fixed;bottom:4px}#version.outdated{color:#f08a6e}.menu-inner header .ver{font:600 12px var(--ui);color:var(--muted);letter-spacing:.5px;margin-left:8px}#rotate-hint{display:none}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{z-index:50;background:var(--bg);font:700 20px var(--display);text-align:center;place-items:center;padding:30px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}}@media (max-height:480px){.abilities{transform:scale(.8)}.topbar{grid-template-columns:minmax(0,260px) 1fr minmax(0,260px);top:6px}.frame{padding:5px 7px}.portrait{flex-basis:30px;height:30px}.center-msg{font-size:48px}.menu-inner{padding-top:14px}.menu-inner header h1{font-size:32px}.card p,.card ul,.pick small{display:none}.card{padding:10px 14px}.opts{margin:10px 0}.ability .label{display:none}}@media (max-width:620px){.class-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}#menu{background:linear-gradient(90deg,#0e0b08d6 0%,#0e0b088c 50%,#0e0b0800 72%);justify-content:flex-start;align-items:stretch}.glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#1e1812db,#120e0be6);border:1px solid #c9a36a47;border-radius:14px;box-shadow:0 10px 30px #00000073,inset 0 1px #ffe6be0f}.hub{width:min(820px,100% - 24px);margin-left:calc(16px + var(--safe-l));flex-direction:column;gap:12px;padding:18px 0 22px;display:flex}.hub-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{filter:drop-shadow(0 3px 8px #0009);width:54px;height:54px}.brand h1{font:700 38px var(--display);letter-spacing:3px;color:#ecdcbc;text-shadow:0 2px 10px #000000b3;margin:0;line-height:1}.brand .ver{font:600 11px var(--ui);color:var(--muted);letter-spacing:.5px;margin-left:8px}.brand small{color:#b9a98c;letter-spacing:2px;text-transform:uppercase;font-size:11px}.hub-account{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.hub-body{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:12px;display:grid}.hub-nav{gap:6px;padding:10px;display:grid}.hero{border-bottom:1px solid #c9a36a33;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;margin-bottom:4px;padding:6px 6px 12px;display:grid}.hero.empty{grid-template-columns:1fr auto}.hero-pic,.nav-pic,.cp-pic,.ab-pic,.cr-pic,.race-pic{background:#120e0a;border-radius:50%;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 0 2px #1a130c,0 0 0 3px #8d6a3c}.hero-pic img,.nav-pic img,.cp-pic img,.ab-pic img{object-fit:cover;width:100%;height:100%;display:block}.hero-pic{width:48px;height:48px}.hero-txt{min-width:0;display:grid}.hero-txt b{font:700 18px var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-txt small{color:var(--muted);font-size:11px}.hero-ruhm{text-align:right;display:grid}.hero-ruhm b{font:700 20px var(--display);color:#e9c27a}.hero-ruhm small{color:var(--muted);font-size:10px}.nav-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:7px 10px;transition:background .15s,border-color .15s,transform .1s;display:grid}.nav-item:hover{background:#c9a36a14;border-color:#c9a36a33}.nav-item.sel{background:linear-gradient(90deg,#7a332499,#7a332414);border-color:#c9785073}.nav-item:active{transform:scale(.98)}.nav-pic{width:42px;height:42px}.nav-pic svg{color:#d7c7a8;width:22px;height:22px}.nav-txt{display:grid}.nav-txt b{font:700 16px var(--display);letter-spacing:.5px}.nav-txt small{color:var(--muted);font-size:11px}.nav-small{border-top:1px solid #c9a36a33;flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:8px;display:flex}.hub-panel{max-height:calc(100vh - 120px);padding:16px 18px;overflow-y:auto}.hub-panel h2{font:700 26px var(--display);letter-spacing:1px;color:#ecdcbc;margin:0 0 6px}.hub-panel>p{color:#cfc6b6;max-width:620px;margin:0 0 14px;font-size:13px;line-height:1.5}.start.big{background:linear-gradient(#8b3b2a,#6a2a1d);border-color:#c06a4e;padding:14px 40px;font-size:22px;box-shadow:0 4px 14px #7a332480,inset 0 1px #ffdcbe33}.seg.arts button{align-items:center;gap:7px;padding:4px 12px 4px 4px;display:inline-flex}.seg.arts button img.art,.seg.arts button svg{border-radius:50%;width:28px;height:28px;display:block}.rooms{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.room{border:1px solid var(--line);text-align:center;background:#221e19d9;border-radius:12px;gap:2px;padding:14px 10px;display:grid}.room b{font:700 18px var(--display)}.room small{color:var(--muted)}.room:hover{border-color:#c9a36a}.class-panel .cp-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.cp-pic{flex:0 0 54px;width:54px;height:54px}.class-panel h2{font:700 24px var(--display);color:#ecdcbc;margin:0}.class-panel small{color:var(--muted)}.class-panel p{color:#cfc6b6;margin:8px 0 10px;font-size:13px;line-height:1.45}.abil{gap:7px;margin:0;padding:0;list-style:none;display:grid}.abil li{color:#b9b0a0;grid-template-columns:18px 34px 1fr;align-items:center;gap:8px;font-size:12px;line-height:1.35;display:grid}.abil li b{color:var(--text)}.abil .k{color:var(--muted);border:1px solid var(--line);text-align:center;border-radius:4px;font-size:10px;font-weight:700;line-height:16px}.ab-pic{width:34px;height:34px}#chars{background:linear-gradient(90deg,#0e0b08db 0%,#0e0b0880 45%,#0e0b080d 75%);justify-content:flex-start;align-items:stretch}.chars2{width:100%;padding:16px calc(16px + var(--safe-r)) 16px calc(16px + var(--safe-l));grid-template-rows:1fr auto;grid-template-columns:min(420px,44vw) 1fr;gap:12px;display:grid}.c2-panel{grid-row:1/3;align-self:start;max-height:calc(100vh - 32px);padding:16px 18px;overflow-y:auto}.c2-panel h2{font:700 28px var(--display);color:#ecdcbc;margin:0 0 8px}.c2-panel .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:10px 0 5px;font-size:11px;font-weight:700;display:block}.c2-panel input{border:1px solid var(--line);width:100%;color:var(--text);font:600 15px var(--ui);-webkit-user-select:text;user-select:text;background:#15110d;border-radius:8px;padding:9px 12px}.race-pick{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.race{border:1px solid var(--line);background:#221e19d9;border-radius:10px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.race.sel{background:#3c3226f2;border-color:#c9a36a;box-shadow:0 0 12px #c9a36a40}.race-pic,.cr-pic{flex:0 0 44px;place-items:start center;width:44px;height:44px}.race-pic img,.cr-pic img{transform-origin:50% 0;width:100%;height:auto;margin-top:2px;transform:scale(2.6)}.race b{font:700 16px var(--display)}.charrow .cinfo small+small{opacity:.8}.c2-classes{grid-area:2/2;align-self:end}.c2-classes h3{font:700 15px var(--display);letter-spacing:2px;text-transform:uppercase;color:#d8c49c;text-shadow:0 2px 6px #000;margin:0 0 8px 4px}.cc-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.ccard{background:linear-gradient(#28201873,#0e0b08eb);border:1px solid #c9a36a40;border-radius:12px;grid-template-rows:1fr auto;height:min(330px,46vh);padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.ccard:hover{border-color:#c9a36a8c;transform:translateY(-3px)}.ccard.sel{border-color:#e0b36e;transform:translateY(-6px);box-shadow:0 0 0 1px #e0b36e,0 0 24px #e0b36e59}.cc-img{min-height:0;padding-top:8px;display:block;overflow:hidden}.cc-img img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 10px #0009);width:100%;height:100%}.ccard:not(.sel) .cc-img img{filter:brightness(.72)saturate(.8)drop-shadow(0 6px 10px #0009)}.cc-txt{text-align:center;background:linear-gradient(#0a08068c,#0a0806f2);padding:6px 4px 9px;display:grid}.cc-txt b{font:700 16px var(--display);letter-spacing:1.5px;text-transform:uppercase}.cc-txt small{color:var(--muted);font-size:10px}@media (max-height:480px){.hub{gap:8px;padding-top:8px}.brand img{width:36px;height:36px}.brand h1{font-size:26px}.hub-body{grid-template-columns:220px minmax(0,1fr)}.nav-item{grid-template-columns:30px 1fr;gap:8px;padding:3px 8px}.nav-pic{width:30px;height:30px}.nav-txt b{font-size:14px}.nav-txt small{display:none}.hero{grid-template-columns:36px 1fr auto;padding-bottom:6px}.hero-pic{width:36px;height:36px}.hub-panel{max-height:calc(100vh - 64px);padding:10px 12px}.hub-panel h2{font-size:20px}.ccard{height:42vh}.class-panel p,.abil{display:none}}@media (max-width:760px){.hub-body,.chars2{grid-template-columns:1fr}.c2-classes{grid-column:1}}.bracket .bhead b{white-space:nowrap}.hub-panel .brackets{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}body:has(#chars:not(.hidden)) #menu{visibility:hidden}.brand .logo{filter:drop-shadow(0 6px 14px #000000b3);width:auto;height:96px;margin:-6px 0 -8px -6px}.brand-sub{align-self:end;gap:2px;padding-bottom:8px;display:grid}.brand-sub .ver{margin-left:0}@media (max-height:480px){.brand .logo{height:56px}}td small.pet{color:var(--muted);font-size:10px;font-weight:500;display:block}.movable{pointer-events:auto;cursor:grab;touch-action:none}.movable.dragging{cursor:grabbing;opacity:.9;outline-offset:3px;outline:1px dashed #e0b36ebf}.hptext small{opacity:.75;margin-left:4px;font-weight:600}.name .gtag{font-weight:700}.name .gtag.none{color:var(--muted);font-weight:600}.keys-sub{font:700 15px var(--display);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:14px 0 2px}.hud-reset-ok{color:#9fe07a;margin-left:10px}.topcol.left{scale:var(--ui-frames,1);transform-origin:0 0}.topcol.right{scale:var(--ui-frames,1);transform-origin:100% 0}.abilities{scale:var(--ui-buttons,1)}.plate{transform-origin:50% 100%}.ui-sizes{gap:8px;margin:8px 0;display:grid}.ui-size{grid-template-columns:1fr 160px 52px;align-items:center;gap:10px;font-size:13px;display:grid}.ui-size input{accent-color:#c9a36a;width:100%}.ui-size b{text-align:right;font-size:12px}#fsbtn{z-index:30;right:calc(130px + var(--safe-r));background:var(--panel);border:1px solid var(--line);width:34px;height:34px;color:var(--text);border-radius:8px;padding:7px;position:fixed;top:58px}#fsbtn svg{width:100%;height:100%}#fsbtn .leave,#fsbtn.on .enter{display:none}#fsbtn.on .leave{display:inline}@media (pointer:coarse){#fsbtn{right:calc(90px + var(--safe-r))}}.hint.ok{color:#9fe07a}.hub-panel .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:14px 0 6px;font-size:11px;font-weight:700;display:block}.lobby-inner .lbl{margin-top:10px;display:block}.friend-add{gap:6px;margin:4px 0 2px;display:flex}.friend-add input{border:1px solid var(--line);min-width:0;color:var(--text);font:600 14px var(--ui);background:#14110e;border-radius:8px;flex:1;padding:8px 10px}.friends{gap:5px;max-height:38vh;margin:0 0 6px;padding:0;list-style:none;display:grid;overflow-y:auto}.friend{border:1px solid var(--line);background:#221e19d9;border-radius:8px;grid-template-columns:12px minmax(0,auto) 1fr auto;align-items:center;gap:8px;padding:6px 8px 6px 10px;display:grid}.friend b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend .fstat{color:var(--muted);white-space:nowrap;font-size:12px}.friend .fact{gap:4px;display:flex}.friend .dot{background:#5d564c;border-radius:50%;width:10px;height:10px}.friend.st-online .dot{background:#5fbf6a;box-shadow:0 0 6px #5fbf6a}.friend.st-room .dot,.friend.st-queue .dot{background:#e0b44f;box-shadow:0 0 6px #e0b44f}.friend.st-match .dot{background:#d0573e}.friend.st-offline b{color:var(--muted)}.friend.req{border-color:#c9a36a}.friend.req .dot{background:#c9a36a}.start.tiny{font:700 12px var(--ui);letter-spacing:.3px;border-radius:7px;padding:5px 10px}.start:disabled{opacity:.45}.ghost.small{padding:8px 12px}.badge{color:#fff;background:#a7523d;border-radius:9px;margin-left:4px;padding:0 6px;font-size:10px;font-weight:700;display:inline-block}details.invite-links{margin:8px 0 4px}details.invite-links summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:13px;font-weight:600}#notice.ok{color:#e2f3e0;background:#1f3322;border-color:#4f8a57}#invite-toast{z-index:65;left:50%;top:calc(12px + env(safe-area-inset-top,0px));background:var(--panel-solid);border:1px solid #c9a36a;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:calc(100% - 24px);padding:10px 14px;transition:transform .3s;display:flex;position:fixed;transform:translate(-50%,-160%);box-shadow:0 10px 30px #0000008c}#invite-toast.show{transform:translate(-50%)}#invite-toast .it-txt{font-size:15px;display:grid}#invite-toast .it-txt b{color:#e8c98f}#invite-toast .it-txt small{color:var(--muted);font-size:12px}#invite-toast .it-act{gap:6px;display:flex}.hero.hero-pick{cursor:pointer;border-radius:10px;grid-template-columns:48px 1fr auto 14px;transition:background .15s}.hero.hero-pick:hover{background:#c9a36a14;outline:none}.hero.hero-pick:focus-visible{background:#c9a36a14;outline:none}.hero.hero-pick:active{background:#c9a36a24}.hero-more{color:#c9a36a;font:700 22px var(--display);opacity:.8;line-height:1}.charrow.pickable{cursor:pointer;transition:border-color .15s,background .15s}.charrow.pickable:hover{background:#2c261feb;border-color:#c9a36a99}.charrow.pickable:active{background:#3c3226f2}.charrow .pick-char{display:inline-block}.bwl{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:2px;display:grid}.bwl span{border:1px solid var(--line);background:#00000038;border-radius:8px;justify-items:center;padding:4px 2px;display:grid}.bwl b{font:700 17px var(--display);line-height:1.1}.bwl small{color:var(--muted);white-space:nowrap;font-size:10px}.bwl .w b{color:#7fcf86}.bwl .l b{color:#e07a64}.gearrow{gap:3px;margin-top:4px;display:flex}.frame.enemy .gearrow{justify-content:flex-end}.gearrow .gs{width:18px;height:18px;color:var(--qc);background:color-mix(in srgb, var(--qc) 16%, #120f0c);border:1px solid color-mix(in srgb, var(--qc) 60%, transparent);border-radius:4px;place-items:center;display:grid}.gearrow .gs svg{width:13px;height:13px}.gearrow .gs.t0{opacity:.35;border-color:var(--line);background:#120f0c}.gearrow .gs.t5{box-shadow:0 0 5px color-mix(in srgb, var(--qc) 70%, transparent)}.frame.ally .gearrow .gs{width:14px;height:14px}.frame.ally .gearrow .gs svg{width:10px;height:10px}.topcol{flex-direction:column;gap:5px;min-width:0;display:flex}.topcol.movable{pointer-events:none}.topcol>.frame,.topcol .party .frame{pointer-events:auto}.party{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.party.foes{align-items:flex-end}.party:empty{display:none}.frame.ally.unseen{opacity:.45;filter:grayscale(.8)}.frame.enemy.ally.targeted{border-color:#f08a6e;box-shadow:0 0 0 1px #f08a6e59}.frame.enemy.is-target{border-color:#f08a6ebf;box-shadow:0 0 10px #c0392b59}.frame.enemy.no-target{cursor:pointer}.extra .tgt{color:#f3b199;font-weight:700}.extra .tap{color:#e0b36e}.float.poison{color:#8fe08a}.statuses b.s-wundgift{color:#c4f0c0;background:#17251a;border-color:#3f8a4a}body.in-match .pause-btn,body.in-match #fsbtn,body.in-match #music,body.in-match #mute,body.in-match #keybtn{top:74px;right:auto}body.in-match .pause-btn{left:calc(50% - 97px)}body.in-match #fsbtn{left:calc(50% - 57px)}body.in-match #music{left:calc(50% - 17px)}body.in-match #mute{left:calc(50% + 23px)}body.in-match #keybtn{left:calc(50% + 63px)}.pause-inner .live-note{color:var(--muted);margin:-4px 0 4px;font-size:12px;display:none}#pause.live .live-note{display:block}#pause.live .restart{display:none}#pause.live{background:#0e0c0a59}.pause-inner button.confirm{color:#f6ece0;background:#7a3324;border-color:#a7523d}.rankname{border:1px solid color-mix(in srgb, var(--tc) 70%, transparent);background:color-mix(in srgb, var(--tc) 16%, transparent);color:var(--tc);border-radius:6px;align-items:center;gap:5px;padding:0 6px 0 3px;font-weight:700;display:inline-flex}.rankname i{text-transform:uppercase;letter-spacing:.5px;background:var(--tc);color:#15120e;border-radius:4px;padding:0 4px;font-size:9px;font-style:normal}#admin{z-index:46}.admin-inner{max-width:760px}.admin-inner h2 small{font:600 12px var(--ui);margin-left:8px}.st-tiles{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-bottom:6px;display:grid}.st-tile{border:1px solid var(--line);background:#221e19e0;border-radius:10px;gap:2px;padding:8px 10px;display:grid}.st-tile b{font:700 22px var(--display);line-height:1.1}.st-tile small{color:var(--muted);font-size:11px}.st-tile.hot{border-color:#5fbf6a}.st-tile.hot b{color:#8fe08a}.st-legend{color:var(--muted);gap:12px;margin-bottom:4px;font-size:11px;display:flex}.st-legend span:before{content:"";vertical-align:-1px;border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.st-legend .v:before,.st-bars .v{background:#6f8fb8}.st-legend .a:before,.st-bars .a{background:#e0b36e}.st-legend .m:before,.st-bars .m{background:#c0653a}.st-chart{border:1px solid var(--line);background:#00000040;border-radius:10px;align-items:flex-end;gap:4px;height:120px;padding:6px;display:flex;overflow-x:auto}.st-day{text-align:center;flex:1 0 28px;grid-template-rows:1fr auto;max-width:54px;height:100%;display:grid}.st-day small{color:var(--muted);font-size:9px}.st-bars{justify-content:center;align-items:flex-end;gap:1px;display:flex}.st-bars i{border-radius:2px 2px 0 0;width:30%;min-height:1px}.st-classes{gap:4px;display:grid}.st-class{grid-template-columns:90px 1fr 30px;align-items:center;gap:8px;font-size:12px;display:grid}.st-class i{background:#c9a36a;border-radius:4px;min-width:2px;height:8px}.st-class b{text-align:right}.st-recent td,.st-recent th{font-size:12px}.pl-search{width:100%;max-width:320px;color:inherit;font:inherit;background:#00000059;border:1px solid #ffffff2e;border-radius:6px;margin:4px 0 8px;padding:6px 10px}.pl-wrap{max-height:420px;overflow:auto}.pl-table td{vertical-align:top}.pl-btns{white-space:nowrap;text-align:right}.pl-act.danger{color:#f88;border-color:#b33}.st-online,.st-room,.st-queue{color:#7fd67f}.st-match{color:#ffcf5a}.st-offline{opacity:.55}.st-ban{color:#ff6b6b;font-weight:700}.key-classes{flex-wrap:wrap;margin:4px 0 6px}.key-ab{align-items:center;gap:6px;display:inline-flex}.key-ab .ab-pic{border-radius:4px;flex:none;width:22px;height:22px;display:inline-block;overflow:hidden}.key-ab .ab-pic>*{width:100%;height:100%;display:block}.dl-filters{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.dl-table th,.dl-table td{text-align:center;white-space:nowrap}.dl-table tr>th:first-child{text-align:left}.dl-table td small{opacity:.6;font-size:10px;display:block}.dl-hi{color:#7fd67f;font-weight:700}.dl-lo{color:#ff7b6b;font-weight:700}.dl-ok{color:#f2e6c9}.dl-few{color:#8a8378}.dl-none{color:#5a554d}