:root{--bg:#0d0b0a;--panel:#181310eb;--panel-2:#241c16f2;--line:#4a3a2a;--line-2:#6b5236;--gold:#e8c27a;--gold-2:#b98d45;--text:#ece3d3;--muted:#a8998a;--red:#d8432f;--blue:#2f74d8;--green:#4fc35a;--mp:#3b82f6;--danger:#ff5a4a;--radius:6px;--font-title:"Cinzel", Georgia, "Times New Roman", serif;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:14px}body{overflow:hidden}button,input,select{font:inherit;color:inherit}.hidden{display:none!important}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.screen{background:radial-gradient(at 50% -10%,#e8c27a29,#0000 60%),radial-gradient(at 80% 110%,#2f74d81f,#0000 55%),radial-gradient(at 10% 110%,#d8432f1f,#0000 55%),linear-gradient(#15110e,#0b0908);min-height:100%;padding:24px 16px}.wrap{max-width:1180px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #0009,0 10px 30px #00000080}.panel h2,.panel h3{font-family:var(--font-title);color:var(--gold);letter-spacing:1px;margin:0}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.panel-body{padding:16px}.btn{cursor:pointer;letter-spacing:.3px;color:#f6ead2;text-shadow:0 1px #000;background:linear-gradient(#7a4b25,#4e2d14);border:1px solid #000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:700;transition:filter .12s,transform 50ms;display:inline-flex;box-shadow:inset 0 1px #ffdca059,0 2px #000}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn:disabled{filter:grayscale(.8)brightness(.7);cursor:default}.btn.gold{color:#241406;text-shadow:0 1px #ffffff59;background:linear-gradient(#e2b765,#a87428)}.btn.green{background:linear-gradient(#4fa64a,#2c6a28)}.btn.ghost{border-color:var(--line-2);box-shadow:none;background:0 0}.btn.small{padding:5px 10px;font-size:12px}.btn.big{padding:14px 28px;font-size:16px}.input{border:1px solid var(--line-2);background:#00000073;border-radius:4px;outline:none;width:100%;padding:10px 12px;transition:border-color .12s}.input:focus{border-color:var(--gold)}label.field{margin-bottom:12px;display:block}label.field span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:12px;display:block}.seg{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.seg button{border:1px solid var(--line-2);cursor:pointer;background:#00000059;border-radius:4px;padding:10px 0;font-weight:700}.seg button.on{border-color:var(--gold);color:var(--gold);background:#e8c27a29}.name-screen{justify-content:center;align-items:center;display:flex}.name-card .panel-body{text-align:left}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.topbar .brand{font-size:28px}.whoami{color:var(--muted);align-items:center;gap:10px;display:flex}.whoami b{color:var(--text)}.room-name{font-weight:700}.room-host{color:var(--muted);font-size:12px}.mode-badge{border:1px solid var(--gold-2);color:var(--gold);background:#e8c27a1f;border-radius:3px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-block}.state{font-size:12px;font-weight:700}.state.waiting{color:var(--green)}.state.countdown{color:var(--gold)}.state.playing{color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:40px 16px}.room-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.room-title{align-items:center;gap:12px;display:flex}.room-title h2{font-family:var(--font-title);color:var(--gold);margin:0;font-size:26px}.teams{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}@media (max-width:760px){.teams{grid-template-columns:1fr}}.team{border-top:3px solid var(--tc)}.team .panel-head h3{color:var(--tc)}.team-count{color:var(--muted);font-size:12px}.slots{flex-direction:column;gap:6px;min-height:120px;padding:10px;display:flex}.slot{background:#00000059;border:1px solid #4a3a2a99;border-radius:4px;align-items:center;gap:10px;padding:8px 10px;display:flex}.slot.me{border-color:var(--gold-2);background:#e8c27a14}.slot.open{color:#6e6155;border-style:dashed;justify-content:center;font-size:12px}.slot .cls{background:#00000080;border-radius:4px;flex:none;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.slot .who{flex:1;min-width:0}.slot .who b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.slot .who small{color:var(--muted)}.slot .ready{color:#6e6155;font-size:12px;font-weight:800}.slot .ready.on{color:var(--green)}.slot select{border:1px solid var(--line-2);background:#1a1410;border-radius:3px;padding:3px;font-size:12px}.team-actions{flex-wrap:wrap;gap:6px;padding:0 10px 10px;display:flex}.class-picker{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (max-width:960px){.class-picker{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.class-picker{grid-template-columns:repeat(2,1fr)}}.class-card.on{border-color:var(--cc);box-shadow:0 0 0 1px var(--cc), 0 0 18px color-mix(in srgb, var(--cc) 40%, transparent)}.class-card .ci{font-size:28px}.class-detail{grid-template-columns:1.2fr 2fr;gap:16px;margin-top:14px;display:grid}@media (max-width:760px){.class-detail{grid-template-columns:1fr}}.class-detail p{color:var(--muted);margin:0 0 10px;line-height:1.5}.stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stats div{text-align:center;color:var(--muted);background:#00000059;border-radius:4px;padding:6px;font-size:12px}.stats b{color:var(--text);font-size:15px;display:block}@media (max-width:560px){.skill-list{grid-template-columns:1fr}}.skill-row .si{border:1px solid var(--line-2);background:#00000080;border-radius:4px;flex:none;place-items:center;width:32px;height:32px;font-size:17px;display:grid;position:relative}.skill-row .si kbd{border:1px solid var(--line-2);color:var(--gold);font-size:10px;font-family:var(--font);background:#000;border-radius:2px;padding:0 3px;position:absolute;top:-6px;left:-4px}@media (max-width:860px){.room-bottom{grid-template-columns:1fr}}.ready-box{flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:16px;display:flex}.ready-box .hint{color:var(--muted);text-align:center;font-size:12px}.countdown{font-family:var(--font-title);color:var(--gold);text-align:center;font-size:30px}.chat{flex-direction:column;height:220px;display:flex}.chat-log{flex:1;padding:10px 12px;font-size:13px;line-height:1.45;overflow-y:auto}.chat-log .from{font-weight:700}.chat-log .sys{color:var(--muted);font-style:italic}.chat form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.backdrop .modal{width:100%;max-width:380px}#toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--danger);background:#3c0c08f2;border-radius:4px;padding:9px 16px;font-weight:600;animation:.15s ease-out toastIn;box-shadow:0 6px 20px #0009}.toast.info{border-color:var(--blue);background:#141e32f2}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}}#scene{outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#screens{z-index:10;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}#app{overflow:hidden}.screen{background:radial-gradient(at 50% 30%,#0a080659,#080605d1 75%)}.lobby-screen .panel,.room-screen .panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.brand .logo{color:#ffcf6a;text-shadow:0 0 18px #ffaa3cb3,0 2px #000;margin-right:10px;display:inline-block;transform:rotate(-12deg)}.muted{color:var(--muted);font-size:12px}.small{font-size:12px}#toasts{z-index:80;gap:3px;top:auto;bottom:118px}.toast{white-space:nowrap;box-shadow:none;text-shadow:0 1px 2px #000;background:#0e0b09d1;border:none;border-radius:3px;padding:3px 10px;font-size:11px;font-weight:700;animation:.12s ease-out toastIn}.toast.info{color:#cfe4ff;background:#0e0b09d1}.toast.warn{color:#ffb0a0;background:#280a06d9}.toast.out{opacity:0;transition:opacity .35s}.toast.bump{animation:.18s ease-out bump}@keyframes bump{40%{transform:scale(1.08)}}.queue-box{margin-top:16px}.spinner{border:3px solid #e8c27a40;border-top-color:var(--gold);border-radius:50%;flex:none;width:26px;height:26px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.conn-lost{z-index:90;background:var(--panel-2);border:1px solid var(--danger);border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:20px 28px;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000000b3}.conn-lost small{color:var(--muted)}.spell-box{margin-top:14px}.spell-card .si{font-size:22px}.spell-card.on{background:#9ad8ff24;border-color:#9ad8ff;box-shadow:0 0 0 1px #9ad8ff}.slot .cls.spell{width:24px;height:24px;margin-left:-6px;font-size:13px}.slot select+select{margin-left:2px}#hud{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;position:fixed;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}#hud.hurt:after{content:"";pointer-events:none;animation:.45s ease-out forwards hurt;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 100px #c8140a80}@keyframes hurt{to{opacity:0}}#world-ui{z-index:4;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.top-center{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);pointer-events:none!important}.score-bar{background:var(--panel);border:1px solid var(--line);border-radius:5px;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000080}.score-bar .sb-team{align-items:center;gap:8px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.score-bar .sb-team b{font-family:var(--font-title);font-variant-numeric:tabular-nums;font-size:20px}.score-bar .t0{background:linear-gradient(90deg,#d8432f80,#d8432f14)}.score-bar .t1{background:linear-gradient(270deg,#2f74d880,#2f74d814)}.score-bar .mid{text-align:center;min-width:74px;padding:3px 12px}.score-bar .timer{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.score-bar .timer.low{color:var(--danger)}.score-bar .goal{color:var(--muted);font-size:9px}.unit{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team,var(--line));border-radius:5px;gap:6px;width:210px;padding:5px 7px;display:flex;position:relative;box-shadow:0 4px 14px #00000073}.unit .portrait{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--team) 45%, #1a1410), #0c0a08 80%);border:1px solid var(--line-2);border-radius:5px;flex:none;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.unit .info{flex:1;min-width:0}.unit .name{justify-content:space-between;gap:6px;font-size:11px;font-weight:700;display:flex}.unit .name .n{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unit .name .lvl{color:var(--muted);white-space:nowrap;font-size:9px;font-weight:400}.unit .bar{background:#000000b3;border:1px solid #000;border-radius:2px;height:10px;margin-top:2px;position:relative;overflow:hidden}.unit .bar i{position:absolute;top:0;bottom:0;left:0}.unit .bar.hp .fill{z-index:1;background:linear-gradient(#5fd068,#2f8a36);transition:width .1s}.unit .bar.hp .lag{background:#e8d070}.unit.enemy .bar.hp .fill{background:linear-gradient(#e0544a,#9a2a20)}.unit .bar.mp{height:7px}.unit .bar.mp .fill{background:linear-gradient(#4f8ff6,#2050b0);transition:width .1s}.unit .bar span{z-index:2;text-align:center;text-shadow:0 1px 1px #000;font-size:8px;font-weight:700;line-height:8px;position:absolute;top:0;bottom:0;left:0;right:0}.unit .bar.mp span{font-size:7px;line-height:5px}.unit .effects{flex-wrap:wrap;gap:2px;min-height:14px;margin-top:2px;display:flex}.unit .fx{background:#0009;border:1px solid #5fd068;border-radius:2px;place-items:center;width:16px;height:14px;font-size:9px;display:grid}.unit .fx.debuff{border-color:var(--danger)}.unit.dead{filter:grayscale()brightness(.7)}.unit.nolos:after{content:"görüş yok";color:#ffb0a0;font-size:9px;font-weight:700;position:absolute;bottom:4px;right:7px}.target-strip{box-sizing:border-box;background:#00000038;border-left:2px solid #0000;border-radius:2px;width:200px;padding:2px 6px 3px}.target-strip.enemy{border-left-color:#ff5a46}.target-strip.ally{border-left-color:#46e678}.target-strip.dead{filter:grayscale()brightness(.7)}.ts-row{white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;align-items:center;gap:4px;height:15px;font-size:11px;font-weight:700;line-height:15px;display:flex}.ts-row .icon{flex:none;font-size:11px}.ts-row .n{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ts-row .stance{flex:none;font-size:10px}.ts-row .pct{font-variant-numeric:tabular-nums;flex:none}.target-strip.nolos .ts-row:after{content:"görüş yok";color:#ffb0a0;flex:none;font-size:9px}.ts-hp,.ts-mp{background:#0000008c;position:relative;overflow:hidden}.ts-hp{border-radius:1px;height:6px;margin-top:1px}.ts-mp{height:2px;margin-top:1px}.ts-hp i,.ts-mp i{position:absolute;top:0;bottom:0;left:0}.ts-hp .lag{background:#e8d070}.ts-hp .fill{background:#46c85a;transition:width .1s}.target-strip.enemy .ts-hp .fill{background:#e0473c}.ts-mp .fill{background:#4f8ff6;transition:width .1s}.target-strip .effects{flex-wrap:wrap;gap:2px;margin-top:2px;display:flex}.target-strip .effects:empty{display:none}.target-strip .fx{background:#0009;border:1px solid #5fd068;border-radius:2px;place-items:center;width:14px;height:13px;font-size:9px;display:grid}.target-strip .fx.debuff{border-color:var(--danger)}.me-frame{width:230px;position:absolute;bottom:12px;left:10px}.me-frame.selected{box-shadow:0 0 0 1px #ffe14a,0 4px 14px #00000073}.combo-badge{color:#2a1404;background:linear-gradient(#ffb14a,#c46a10);border-radius:3px;padding:1px 6px;font-size:10px;font-weight:900;animation:.2s ease-out pop;position:absolute;top:-10px;right:-4px;box-shadow:0 0 10px #ff9628b3}@keyframes pop{0%{transform:scale(1.4)}}.castbar{background:#000000bf;border:1px solid #000;border-radius:2px;height:9px;margin-top:3px;position:relative;overflow:hidden}.castbar i{background:linear-gradient(#ffe08a,#d89a2a);position:absolute;top:0;bottom:0;left:0}.castbar span{text-align:center;text-shadow:0 1px 1px #000;font-size:8px;font-weight:700;line-height:7px;position:absolute;top:0;bottom:0;left:0;right:0}.castbar.done i{background:linear-gradient(#a8ffb8,#3fbf5a)}.castbar.interrupted i{background:linear-gradient(#ff7a6a,#a8281a)}.party{border:1px solid #0000;border-radius:5px;flex-direction:column;gap:3px;width:214px;padding:3px;display:flex;position:absolute;top:8px;left:8px}.party:hover{background:#0e0b0940;border-color:#6b523699}.party.dragging{border-color:var(--gold);cursor:grabbing;background:#0e0b0973}.party-tip{border:1px solid var(--gold-2);width:150px;color:var(--text);pointer-events:none;z-index:2;background:#0e0b09f2;border-radius:4px;margin-left:6px;padding:5px 7px;font-size:10px;line-height:1.35;animation:.15s ease-out pop;position:absolute;top:0;left:100%}.pm{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:6px 8px;display:flex}.pm:hover{border-color:var(--line-2)}.pm.sel{border-color:#3bff7a;box-shadow:0 0 0 1px #3bff7a59}.pm.dead{opacity:.45}.pm.far .col{opacity:.55}.pm .k{color:var(--gold-2);width:18px;font-size:11px;font-weight:700}.pm .ic{font-size:16px}.pm .col{flex:1;min-width:0}.pm .nm{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.pm .bar{background:#000000b3;border-radius:2px;height:8px;margin-top:2px;position:relative;overflow:hidden}.pm .bar.mp{height:3px}.pm .bar i{background:#4fc35a;position:absolute;top:0;bottom:0;left:0}.pm .bar i.low{background:#e0402f;animation:.7s infinite alternate blink}.pm .bar.mp i{background:#3b82f6}.pm .fxs{font-size:11px}@keyframes blink{to{opacity:.5}}.bottom-bar{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.skillbar{background:var(--panel);border:1px solid var(--line);border-radius:6px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 6px 18px #00000080}.skillbar .sep{background:var(--line-2);align-self:stretch;width:1px;margin:2px 3px}.skill{border:1px solid var(--line-2);cursor:pointer;background:radial-gradient(circle at 50% 35%,#3a2c20,#0e0b09 80%);border-radius:5px;place-items:center;width:40px;height:40px;transition:transform 80ms;display:grid;position:relative}.skill .ic{filter:drop-shadow(0 2px 2px #000);font-size:19px}.skill.basic{border-color:var(--gold-2);margin-right:4px}.skill.special{background:radial-gradient(circle at 50% 35%,#26313a,#0b0d10 80%);border-radius:50%;width:34px;height:34px}.skill.special .ic{font-size:16px}.skill.special .cd{border-radius:50%}.skill.placeholder{opacity:.45}.skill .key{color:var(--gold);text-shadow:0 1px #000;z-index:3;font-size:9px;font-weight:800;position:absolute;top:0;left:2px}.skill.special .key{background:#0e0b09;border-radius:3px;padding:0 3px;font-size:8px;top:-3px;left:50%;transform:translate(-50%)}.skill .mpc{color:#8fb8ff;text-shadow:0 1px #000;z-index:3;font-size:8px;font-weight:700;position:absolute;bottom:0;right:2px}.skill .cd{z-index:1;border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0}.skill .cdt{text-shadow:0 1px 2px #000,0 0 4px #000;z-index:2;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.skill.nomp{filter:saturate(.25)brightness(.6)}.skill.nomp .mpc{color:var(--danger)}.skill.oor:after{content:"";border-radius:inherit;z-index:1;background:#c81e144d;position:absolute;top:0;bottom:0;left:0;right:0}.skill.disabled{filter:grayscale()brightness(.5)}.skill.pending{border-color:#ffe14a;box-shadow:0 0 0 2px #ffe14a,0 0 14px #ffe14a99}.skill.combo-ready{border-color:#ffb14a;animation:.3s infinite alternate comboPulse;box-shadow:0 0 0 2px #ffb14a,0 0 12px #ff9628cc}.skill.chain-next:not(.combo-ready){border-color:#9ad8ff;box-shadow:0 0 0 2px #9ad8ffd9}@keyframes comboPulse{to{box-shadow:0 0 0 2px #ffe0a0,0 0 20px #ffb43c}}.skill.press{animation:.15s press}@keyframes press{50%{transform:scale(.88)}}.skill.flash:before{content:"";border-radius:inherit;z-index:2;animation:.45s ease-out forwards ready;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes ready{0%{box-shadow:inset 0 0 0 30px #fff0be99}to{box-shadow:inset 0 0 0 30px #0000}}.skill .tip{border:1px solid var(--gold-2);z-index:10;cursor:default;background:#0e0b09f7;border-radius:5px;width:220px;padding:7px 9px;font-size:11px;line-height:1.4;display:none;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.skill:hover .tip{display:block}.skill .tip b{font-family:var(--font-title);color:var(--gold);font-size:12px}.skill .tip .meta{color:var(--muted);margin:2px 0 4px}.chain-hints{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex}.chain-hints .ch{background:#0a0806bf;border:1px solid #9ad8ff59;border-radius:3px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;display:flex}.chain-hints b{color:#9ad8ff;margin-right:5px}.chain-hints kbd{text-align:center;border:1px solid var(--line-2);min-width:15px;font-family:var(--font);color:var(--muted);border-radius:3px;padding:0 3px;font-size:9px;font-weight:800}.chain-hints kbd.done{color:#5fd068;border-color:#2f8a36}.chain-hints kbd.next{color:#10161c;background:#9ad8ff;border-color:#9ad8ff}.chain-hints i{color:var(--muted);font-size:9px;font-style:normal}.top-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:8px;right:8px}.minimap{border:1px solid var(--line-2);pointer-events:none;border-radius:4px;box-shadow:0 4px 14px #00000080}.hud-tools{gap:4px;display:flex}.hud-btn{border:1px solid var(--line-2);background:var(--panel);width:24px;height:24px;color:var(--gold);cursor:pointer;border-radius:4px;padding:0;font-size:13px;font-weight:800;line-height:22px}.hud-btn:hover{border-color:var(--gold)}.killfeed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.kf{background:#0000009e;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700;transition:opacity .6s;animation:.18s ease-out kfIn}.kf.mine{border:1px solid var(--gold-2)}.kf.fade{opacity:0}.kf .sw{color:var(--muted);margin:0 3px}@keyframes kfIn{0%{opacity:0;transform:translate(20px)}}.count-fx,.count-fx *{pointer-events:none!important}.count-fx{z-index:70;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.count-num{white-space:nowrap;font-family:var(--font-title);font-weight:900;line-height:1;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.count-num.calm{color:#f3e3c0;text-shadow:0 0 24px #e8c27ab3,0 4px #000;font-size:clamp(64px,13vmin,120px);animation:1s ease-out forwards countCalm}.count-num.hot{letter-spacing:.02em;color:#ffd24a;-webkit-text-stroke:3px #3a0d04;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,sans-serif;font-weight:400;animation:1s cubic-bezier(.2,.9,.2,1) forwards countSlam}.count-num.hot-3{color:#ffd24a;text-shadow:0 0 34px #ffaa28e6,0 7px #5a1608;font-size:clamp(120px,26vmin,230px)}.count-num.hot-2{color:#ff9a2e;text-shadow:0 0 46px #ff781ef2,0 9px #5a1608;font-size:clamp(150px,34vmin,300px)}.count-num.hot-1{color:#ff5a2a;text-shadow:0 0 64px #ff3c14,0 11px #4a0f05;font-size:clamp(180px,44vmin,390px)}.count-num.go{letter-spacing:.03em;color:#fff4c4;-webkit-text-stroke:3px #5a2a04;text-shadow:0 0 40px #ffd24a,0 0 90px #ff8a20,0 9px #5a2a04;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,sans-serif;font-size:clamp(90px,26vmin,240px);font-weight:400;animation:1.25s cubic-bezier(.15,.9,.25,1) forwards countGo}.count-ring{opacity:0;border-radius:50%;width:40vmin;height:40vmin;margin:-20vmin 0 0 -20vmin;position:absolute;top:40%;left:50%}.count-ring.hot{border:6px solid #ff9628e6;animation:.7s ease-out forwards countRing;box-shadow:0 0 30px #ff781ecc,inset 0 0 30px #ff781e80}.count-ring.go{border:10px solid #ffe28a;animation:.9s ease-out forwards countRing;box-shadow:0 0 50px #ffb030,inset 0 0 50px #ffb030}.count-flash{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.count-flash.hot{background:radial-gradient(at 50% 40%,#ff963252,#7814056b 75%);animation:.75s ease-out forwards countFlash}.count-flash.hot-1{background:radial-gradient(at 50% 40%,#ff6e286b,#960f0099 75%)}.count-flash.go{background:radial-gradient(at 50% 40%,#fffadcd9,#ffaa324d 70%);animation:.8s ease-out forwards countFlash}@keyframes countCalm{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}14%{opacity:1;transform:translate(-50%,-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.92)}}@keyframes countSlam{0%{opacity:0;transform:translate(-50%,-50%)scale(2.8)}16%{opacity:1;transform:translate(-50%,-50%)scale(.94)}26%{transform:translate(-50%,-50%)scale(1.03)}34%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1.07)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes countGo{0%{opacity:0;transform:translate(-50%,-50%)scale(3.4)}14%{opacity:1;transform:translate(-50%,-50%)scale(.95)}24%{transform:translate(-50%,-50%)scale(1.02)}65%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@keyframes countRing{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(3)}}@keyframes countFlash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.count-ring.hot,.count-ring.go,.count-flash.hot,.count-flash.go{animation:none}.count-num.calm,.count-num.hot,.count-num.go{animation:1s linear forwards countFade}}@keyframes countFade{0%,80%{opacity:1}to{opacity:0}}.banner{font-family:var(--font-title);color:var(--gold);text-shadow:0 0 18px #000000e6,0 3px #000;white-space:nowrap;opacity:0;font-size:28px;font-weight:800;position:absolute;top:26%;left:50%;transform:translate(-50%);pointer-events:none!important}.banner.show{animation:1.8s ease-out forwards bannerIn}.banner.kill{color:#ffcf6a}.banner.died{color:#ff8070}.banner.chain{color:#9ad8ff;font-size:23px;top:31%}.banner.win{color:#ffe08a;font-size:44px}.banner.lose{color:#ff7a6a;font-size:44px}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)scale(1.5)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.death{background:radial-gradient(#2800001a,#1e00008c);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none!important}.death .title{font-family:var(--font-title);color:#ffb0a0;text-shadow:0 3px #000;font-size:32px}.death .sub{text-shadow:0 1px 2px #000;margin-top:4px;font-size:13px}.scoreboard{border:1px solid var(--line-2);background:#0e0b09f2;border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;width:680px;max-width:96vw;padding:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard h3,.results h3{font-family:var(--font-title);color:var(--team);justify-content:space-between;margin:4px 0 8px;display:flex}.scoreboard table,.results table{border-collapse:collapse;width:100%;font-size:11px}.scoreboard th,.results th{text-align:right;color:var(--muted);padding:3px 5px;font-size:10px;font-weight:600}.scoreboard td,.results td{text-align:right;font-variant-numeric:tabular-nums;border-top:1px solid #4a3a2a80;padding:3px 5px}.scoreboard th:first-child,.scoreboard td:first-child,.results th:first-child,.results td:first-child{text-align:left}.scoreboard tr.me td,.results tr.me td{color:var(--gold)}.scoreboard small,.results small{color:var(--muted)}.game-chat{opacity:.55;width:280px;max-width:30vw;transition:opacity .3s;position:absolute;bottom:96px;left:10px}.game-chat.active,.game-chat:focus-within{opacity:1}.game-chat .log{text-shadow:0 1px 2px #000,0 0 3px #000;flex-direction:column;justify-content:flex-end;max-height:120px;font-size:11px;line-height:1.4;display:flex;overflow:hidden}.game-chat .log i{color:#9fe0a8;font-style:normal}.game-chat .input{margin-top:3px;padding:5px 7px;font-size:11px}.help-panel{border:1px solid var(--gold-2);z-index:20;background:#0e0b09f5;border-radius:7px;width:430px;max-width:94vw;padding:12px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #000000b3}.help-panel h3{font-family:var(--font-title);color:var(--gold);justify-content:space-between;align-items:baseline;margin:0 0 8px;display:flex}.help-panel h3 small{font-family:var(--font);color:var(--muted);font-size:10px}.help-panel table{border-collapse:collapse;width:100%;font-size:11px}.help-panel td{border-top:1px solid #4a3a2a80;padding:3px 4px}.help-panel td:first-child{color:var(--gold);white-space:nowrap;font-weight:700}.plate{text-align:center;will-change:transform;width:120px;position:absolute;top:0;left:0}.plate .pmark{display:none}.plate .pn{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:700;overflow:hidden}.plate .pbar{background:#000000bf;border:1px solid #000000e6;border-radius:2px;height:4px;margin:2px 30px 0;overflow:hidden}.plate .pbar i{background:#4fc35a;height:100%;transition:width .12s;display:block}.plate .pcast{background:#000c;border:1px solid #000000e6;border-radius:2px;height:4px;margin:2px 34px 0;overflow:hidden}.plate .pcast i{background:#ffd56a;height:100%;display:block}.plate .pcast.done i{background:#6fe08a}.plate .pcast.interrupted i{background:#ff5a4a}.plate.enemy .pn{color:#ff9a8a}.plate.enemy .pbar i{background:#e0402f}.plate.ally .pn{color:#a8e8b0}.plate.self .pn{color:var(--gold)}.plate.self .pbar{display:none}.plate.hover .pn{color:#fff}.plate.sel .pmark{color:#ff5a4a;text-shadow:0 0 6px #ff3b30,0 1px #000;font-size:12px;line-height:10px;animation:.6s ease-in-out infinite alternate markBob;display:block}.plate.ally.sel .pmark{color:#5dff8f;text-shadow:0 0 6px #3bff7a,0 1px #000}.plate.self.sel .pmark{color:#ffe14a;text-shadow:0 0 6px #ffe14a,0 1px #000}.plate.sel .pn{color:#fff;background:#a01e14b3;border-radius:3px;max-width:120px;padding:0 5px;font-size:12px;display:inline-block;box-shadow:0 0 8px #ff3c28b3}.plate.ally.sel .pn{background:#146e32b3;box-shadow:0 0 8px #3cff7899}.plate.self.sel .pn{background:#786414b3;box-shadow:0 0 8px #ffe14a99}.plate.sel .pbar{border-color:#fff;height:6px;margin:2px 22px 0}.plate.self.sel .pbar{display:block}@keyframes markBob{to{transform:translateY(-3px)}}.plate.offline{opacity:.6}.plate.offline .pn:after{content:" · kopuk"}.plate.nolos{opacity:.55}.plate .pfx{height:13px;font-size:10px;line-height:13px}.float{white-space:nowrap;color:#f2ece0;text-shadow:0 2px #000,0 0 4px #000;will-change:transform, opacity;font-size:15px;font-weight:900;position:absolute;top:0;left:0}.float.dmg{color:#d8d0c4}.float.dmg.mine{color:#fff3c8}.float.dmg.combo{color:#ffb14a}.float.dmg.crit{color:#ffe14a}.float.dmg.taken{color:#ff5a4a}.float.dmg.dot{color:#9be06a;font-size:12px}.float.heal{color:#6dff8a}.float.heal.mine{font-size:17px}.float.absorb{color:#fff6c8;font-size:11px}.float.combo{color:#ffb14a;font-size:14px;font-family:var(--font-title)}.float.chain{color:#9ad8ff;font-size:16px;font-family:var(--font-title)}.float.miss,.float.interrupt{color:#c8c0b8;font-size:12px;font-style:italic}.float.interrupt{color:#ffd070}.float.fxname{font-size:11px;font-weight:700}.float.fxname.debuff{color:#ffb0a0}.float.fxname.buff{color:#b0e8ff}.float.fxname.resist{color:#e0e0e0}.results{z-index:20;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:16px;transition:background .6s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.results>.panel{opacity:0;width:860px;max-width:100%;max-height:92vh;transition:opacity .5s,transform .5s;overflow:auto;transform:translateY(20px)}.results.show{pointer-events:auto;background:#0009}.results.show>.panel{opacity:1;transform:none}.results .winner{font-family:var(--font-title);text-align:center;color:var(--gold);margin:4px 0 2px;font-size:46px}.results .winner.lose{color:#ff7a6a}.results .final{text-align:center;color:var(--muted);margin-bottom:16px}.results .teams-res{grid-template-columns:1fr 1fr;gap:14px;display:grid}.results .mvp{color:var(--gold);font-weight:800}.res-actions{justify-content:center;margin-top:18px;display:flex}.auth-tabs button.on{color:var(--gold);border-bottom-color:var(--gold)}.auth-wait{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:26px;display:flex}.form-error{color:#ff9a8a;min-height:16px;margin-bottom:8px;font-size:12px;font-weight:600}.acct-chip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-level{width:34px;height:34px;font-family:var(--font-title);color:#241406;background:linear-gradient(#e2b765,#a87428);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid;box-shadow:0 0 0 1px #000,0 0 10px #e8c27a66}.chip-info{min-width:130px}.chip-name{color:var(--text);align-items:center;gap:6px;margin-bottom:3px;display:flex}.whoami{flex-wrap:wrap;justify-content:flex-end}.bind-short{display:none}@media (max-width:560px){.topbar .whoami{justify-content:flex-start;gap:4px;width:100%}.topbar .acct-chip{display:contents}.topbar .chip-info{flex:calc(100% - 44px);min-width:0}.topbar .whoami .btn.small{padding:4px 7px;font-size:11px}.bind-full{display:none}.bind-short{display:inline}}.guest-tag{color:#c4b8a8;font-family:var(--font);letter-spacing:.3px;vertical-align:middle;white-space:nowrap;background:#6e615540;border:1px solid #6e6155;border-radius:3px;margin-left:5px;padding:0 5px;font-size:9px;font-weight:700;line-height:14px;display:inline-block}.xp-bar{background:#000000a6;border:1px solid #000;border-radius:3px;height:12px;position:relative;overflow:hidden}.xp-bar i{background:linear-gradient(#e8c27a,#a87428);transition:width 1s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:0}.xp-bar span{text-align:center;text-shadow:0 1px 1px #000;white-space:nowrap;font-size:9px;font-weight:700;line-height:10px;position:absolute;top:0;bottom:0;left:0;right:0}.xp-bar.small{height:8px}.xp-bar.small span{display:none}.acct-backdrop{z-index:65;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.acct-modal{width:100%;max-width:400px;max-height:92vh;overflow:auto}.acct-modal.wide{max-width:640px}.acct-wait{justify-content:center;padding:30px;display:flex}.pf-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.pf-head .col{flex:1;min-width:0}.pf-level{width:62px;height:62px;font-family:var(--font-title);color:#241406;background:linear-gradient(#e2b765,#a87428);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:800;line-height:1;display:flex;box-shadow:0 0 0 2px #000,0 0 16px #e8c27a73}.pf-level small{font-family:var(--font);margin-top:2px;font-size:8px;font-weight:700}.pf-name{word-break:break-word;font-size:18px}.pf-head .xp-bar{margin-top:6px}.pf-stats{margin-bottom:14px}.pf-stats small{color:var(--muted);font-size:10px;font-weight:400}.pf-h3{font-family:var(--font-title);color:var(--gold);margin:0 0 8px}.pf-classes{flex-direction:column;gap:6px;display:flex}.pf-class{border-left:3px solid var(--cc);background:#00000059;border-radius:4px;align-items:center;gap:10px;padding:7px 9px;display:flex}.pf-class .ic{font-size:18px}.pf-class .col{flex:1;min-width:0}.pf-class .nm{justify-content:space-between;margin-bottom:3px;font-size:12px;display:flex}.pf-class small{color:var(--muted);white-space:nowrap;font-size:10px}.pf-cta{border:1px solid var(--gold-2);background:#e8c27a14;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:9px 11px;font-size:12px;display:flex}.lb-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lb-tabs button{border:1px solid var(--line-2);cursor:pointer;background:#00000059;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:700}.lb-tabs button.on{border-color:var(--gold);color:var(--gold);background:#e8c27a29}table.lb{border-collapse:collapse;width:100%;font-size:12px}table.lb th{text-align:right;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 6px;font-size:10px;font-weight:600}table.lb td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #4a3a2a80;padding:5px 6px}table.lb th:nth-child(2),table.lb td.who{text-align:left}table.lb th:first-child,table.lb td:first-child{text-align:center;width:36px;color:var(--gold-2);font-weight:800}table.lb tr[data-id]{cursor:pointer}table.lb tr[data-id]:hover td{background:#e8c27a0f}table.lb tr.me td{color:var(--gold);background:#e8c27a14}.lb-pager{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.xp-gain{max-width:420px;margin:0 auto 16px}.xp-gain:empty{display:none}.xp-lines{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.xp-plus{color:var(--gold);font-family:var(--font-title);font-size:20px}.xp-up{color:#9ad8ff;font-family:var(--font-title);font-size:15px;animation:.3s ease-out pop}.pcard .guest-tag{margin:2px auto 0;display:table}.pcard .pc-name{white-space:normal}.plate.guest .pn:before{content:"👤 ";opacity:.8;font-size:9px}.castbar .grace,.plate .pcast .grace{z-index:1;background:repeating-linear-gradient(135deg,#a0e6ff59 0 3px,#a0e6ff1f 3px 6px);border-left:1px solid #bef0ffe6;position:absolute;top:0;bottom:0;right:0}.castbar i{z-index:0}.castbar span{z-index:2}.castbar.in-grace i{background:linear-gradient(#bff0ff,#5fb8e8)}.plate .pcast{position:relative}.plate .pcast i{height:auto;position:absolute;top:0;bottom:0;left:0}.plate .pcast.in-grace i{background:#8fd8ff}.unit .stance{white-space:nowrap;border-radius:3px;padding:0 4px;font-size:9px;font-weight:800}.unit.stance-defense .stance{color:#bfe0ff;background:#468ce659}.unit.stance-aggressive .stance{color:#ffd0c0;background:#dc321e66}.unit.stance-defense{box-shadow:0 0 0 1px #6eb4ffcc,0 0 14px #5096ff73}.unit.stance-aggressive{box-shadow:0 0 0 1px #ff5032d9,0 0 14px #ff3c1e80}.skill.stance-slot.active.stance-defense{border-color:#6fb4ff;box-shadow:0 0 0 2px #6fb4ff,0 0 14px #5096ffcc}.skill.stance-slot.active.stance-aggressive{border-color:#ff5a3a;box-shadow:0 0 0 2px #ff5a3a,0 0 14px #ff4628d9}.skill .quick-mark{color:#ffe14a;text-shadow:0 0 4px #000,0 0 6px #ffe14acc;z-index:4;font-size:10px;display:none;position:absolute;top:-1px;right:1px}.skill.quick .quick-mark{display:block}.skill.quick{box-shadow:0 0 0 1px #ffe14ab3}.party.reordering .pm{transition:none}.pm.lifting{opacity:.85;border-color:var(--gold);cursor:grabbing;box-shadow:0 4px 12px #0009}.settings-backdrop{z-index:70;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settings{width:440px;max-width:100%;max-height:92vh;overflow:auto}.settings .set-row{border-bottom:1px solid #4a3a2a80;grid-template-columns:1fr auto 150px;align-items:center;gap:10px;padding:8px 0;display:grid}.settings .set-row>span:first-child{font-weight:700}.settings input[type=range]{width:100%;accent-color:var(--gold)}.settings .seg.q3{grid-column:2/4;grid-template-columns:repeat(3,1fr)}.settings .set-keys{margin-top:10px}.settings .set-keys summary{cursor:pointer;color:var(--gold);padding:4px 0;font-weight:700}.settings .set-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.switch{width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch i{border:1px solid var(--line-2);cursor:pointer;background:#3a2e24;border-radius:10px;transition:background .15s;position:absolute;top:0;bottom:0;left:0;right:0}.switch i:after{content:"";background:#cbbca6;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked+i{border-color:var(--gold);background:#6a5022}.switch input:checked+i:after{background:var(--gold);transform:translate(16px)}table.keys{border-collapse:collapse;width:100%;font-size:11px}table.keys td{border-top:1px solid #4a3a2a80;padding:3px 4px}table.keys td:first-child{color:var(--gold);white-space:nowrap;font-weight:700}.intro{z-index:100;cursor:pointer;background:radial-gradient(at 50% 62%,#c46a45,#6d4256 48%,#2c2747);justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.intro.out{opacity:0;pointer-events:none}.intro .clouds{position:absolute;top:0;bottom:0;left:0;right:0}.intro .clouds i{left:var(--x);top:var(--y);filter:blur(6px);width:70vmax;height:46vmax;transform:scale(var(--s));animation:cloudPart 2.3s cubic-bezier(.55, 0, .25, 1) var(--d) forwards;background:radial-gradient(#5c3852fa 0 30%,#7e4646d9 45%,#b0683a66 62%,#0000 72%);border-radius:50%;margin:-23vmax 0 0 -35vmax;position:absolute}@keyframes cloudPart{to{transform:translate(var(--dx), var(--dy)) scale(calc(var(--s) * 1.8));opacity:0}}.intro-logo{white-space:nowrap;text-align:center;width:max-content;max-width:94vw;font-family:var(--font-title);letter-spacing:.06em;color:var(--gold);text-shadow:0 0 30px #ffbe5acc,0 4px #3a2208,0 8px 30px #0009;opacity:0;flex:none;font-size:clamp(26px,7vw,88px);font-weight:800;animation:1.4s ease-out .7s forwards logoIn;position:relative}.intro-logo .logo{color:#ffcf6a;margin-right:.18em;display:inline-block;transform:rotate(-12deg)}@keyframes logoIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.loading-screen{z-index:60;background:radial-gradient(at 50% 40%,#1e160ef5,#060504fc);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:20px;transition:opacity .4s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-screen.out{opacity:0;pointer-events:none}.ls-title{font-family:var(--font-title);color:var(--gold);text-align:center;letter-spacing:3px;font-size:34px;font-weight:800}.ls-title .logo{color:#ffcf6a;margin-right:10px}.ls-title small{font-family:var(--font);letter-spacing:1px;color:var(--muted);margin-top:4px;font-size:12px;font-weight:600;display:block}.ls-teams{align-items:center;gap:18px;width:100%;max-width:1200px;display:flex}.ls-vs{font-family:var(--font-title);color:#fff;text-shadow:0 0 18px #ffbe5ab3;font-size:30px;font-weight:800}.lteam{flex:1;min-width:0}.lteam h3{font-family:var(--font-title);color:var(--team);text-align:center;margin:0 0 8px}.lteam .cards{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.pcard{text-align:center;border:1px solid color-mix(in srgb, var(--team) 60%, #000);background:linear-gradient(180deg, color-mix(in srgb, var(--team) 22%, #15100c), #0c0907);border-radius:6px;padding:10px 8px 8px;animation:.35s ease-out both cardIn;position:relative;box-shadow:inset 0 0 0 1px #0009}.pcard.me{box-shadow:0 0 0 2px var(--gold), 0 0 16px #e8c27a80}.pcard .pc-ic{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--cc) 50%, #1a1410), #0c0a08 80%);border:1px solid var(--cc);border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 6px;font-size:24px;display:grid}.pcard .pc-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.pcard .pc-cls{color:var(--cc);margin-top:1px;font-size:10px}.pcard .pc-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:6px;font-size:10px;display:flex}.pcard .pc-spell{font-size:14px}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)scale(.96)}}.ls-bar{background:#ffffff1a;border-radius:2px;width:260px;height:4px;overflow:hidden}.ls-bar i{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:40%;height:100%;animation:1s linear infinite lsBar;display:block}@keyframes lsBar{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (max-width:760px){.ls-teams{flex-direction:column}}@media (max-width:900px){.party{display:none}.skill{width:34px;height:34px}.skill .ic{font-size:16px}.minimap{width:120px}.game-chat{display:none}.scoreboard,.results .teams-res{grid-template-columns:1fr}}@font-face{font-family:Grenze Gotisch;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/grenze-gotisch-latin-ext-700-normal-Hq6_y33m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Grenze Gotisch;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/grenze-gotisch-latin-700-normal-CWOqrlF-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almendra;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/almendra-latin-ext-400-normal-CuH8qsFK.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Almendra;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/almendra-latin-400-normal-CLadfHti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almendra;font-weight:700;font-style:normal;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAgsAA8AAAAAEvgAAAfYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbDBwYBmAAfBEICplAkyILOAABNgIkA2wEIAWDcAeCAQwHG50OUZQNUhXg52FsLH0qjCbNqra42xHUlceL0Gh855QNLYhk2Wb2vneEbE3j6MIiWzEaYZowWIKumiBBGFAIW2943Na/kSNN2hgGc2aAXsysAUZhBWDfNaBX20VzWUHcj06QCbcCtcDhr37/nz9mumi6HVgkD+TOAs9oUW9Zf7ui6gSbXkRSW7VQROj0SOh0SMtToRaov2zuAYEKFmNgLx6dCEpUihl6LSN0ZBgxAhgWT/yOe1mI89YAwIbendsgMVjNgHifNuvZhoYBAun95Pzf4DCnFvErNpHENRBiepjE6KEzidXTGewZe7xtIYdc3g4xU0w3ByKgWlpa3E894OYRNdE0pxJ0Hz39TNu/39X5+Ruv34dqEITVOpl6qOPHsEuM40DyBdmZtiDDKQ0qzegx5t9i3HBh7lqlXmIvqUjM9+WLeL68FEEyP4gvgYNgSTo3jptAYwlUggSeyvkY+gJaxKFud1q3e8KlQ7dibr1sbfoWBxCddmsoJ7CAmrPh0ntkMuS27uKSjnhLoF1mF5kjt/c5bFqzYn+aBHe6cyrFXWoze3RUHOYoIV1cMjrSrXfWW3X7VBClFzlsSxtp7mZggeSZaiGr2c5J5UMyTuEgOCriljrzhhdh+17JNz9H9z5thGAsPuZYWo4oVy841Ww7JXJqpTp82XoJJf5x/4UuiyM9wRmzlwfecsRW3R4udP+2VfWEsMiCI5wQgeWOLjsQsdYBRG491bDDsfTyWHEtaPNz9GEURIS7IQMcGV+Xu02+j0zXOrP2hgMHIbae0q31t0TQc1fyWtdSQr4fTSluRPrYS6HbQ3mWLDTUJVJ+IRuSrsAWcZDbrRHGQ1ZAJ0jYzLRQvmztBstWp1YCWV15irtJKtmQmZh7vVhdOn9gcWZkLefurctOidY5ZS3yrCxMgeNJkPcxBzW3UYUMZkdBrW8q+eFMC+EG8yi3oS0uGVaeYJ+/xcNeuif3uAGOcJdTGSDfknJJwhJ4NiWFDJArhM1LY9F6eh18QopdOoVWL3MQUwk3Uz6Ft8QHgH/HIiJrJjKKDIKP/BbhScIiO2uVDz62tqCa2STHL+ZN8r5Ur0zMNcysnd5VB8NsMLYsZGwRLvKrf+eyjzQ1F71IYt+FZsOnVaF/gqBuXslmQVNnIZYPH7ygrhfzDWahUVyvvnAwH8YKee9q9pmLOj5SLEoKzFhozm9rCSlLBA3Tp7Cnz/pJPG7y6/SvLRJp7QNB7o0krkJ5FXjg8bVLoBwLc3mkg/yWdsu9WkZ5pno9aPFz4UP+e6+ajNfO3jEdnjNvH75kD5o2Zr6lyrtSgh9cVhm+a0R/6tupw2Bgt6ej06uLVmO70om5uP1xFhXa9RZQUyXd13HTqAy6PqgyZ3Rusf1pWSe065nmnQL/DcVElRiakPrPz8tFS5lXJ/GMdYN8id+5jpn3lIZ7y7DvQnH4TCxs1qv8Fq/gWJD4YouyKv7FMu9b4yujhovV60360TodLrQr3rG+dYNWk5PwNiXtpi1cabxbkZCy0/tv/yoaLkW7pUh91mDR4qoxIJ6g53hNRhwrWnQ1j5pMsN8EH7atJZuayD2nS8i+ksCJRr68jKNe+rnQbMgRYedyHgvZ5aq6oysLAs3L+TrltcKn6icqCk8dLN0xt906sX1O6IMCZd8JH2rUXGNrcOWL7cwi1yy+oFKufhl8vv5g/fqEpiOI5VrYgYUXsI3nCjinVEJC+zf2wJYbVb1/oyehdLNoR3lnIVYFjxe5QOvnwvFxyRd0W/DQCmE2hzndvhwH+nSl9Jvb9q3U1hyfC6t4gftblhUJcptn25SVy4VlXGaLfU42UC1OgY3v5SnbUzIJ9YrQNLUa3jmp9InN0WwblqfzolRFabYaP3+OfqIizNAgmLXl4/NCG9IasGKUV9eyJ0VHJ/k0guMkT34VY/XWVDJnlJhJ/eJ9yy6S7vlh2Zz7BaQfLqi0ctZPH8cIKcYgtU5uiqhLTZtOnHV/ObWGVbCkQvoNPhdyyMELKOvbsC1ws1fmbzCP/iUA8HrvoRIAeI96csfzImUmh+kkgCgQnLzXn3CBwGxpA0D0ljFwxhO0BYCZpe5YrABIq+dXCzxv4m8obQkQQTM9n5jleRF0UIwk4AN9CFAzSx87EMrxfBU37eKGAn6sAGivgU6aF4CuAb6hnjeeUA701b4RgxNOsfa6ZWSpAjvomCkCz7yYXaThEgSOeOeSMMPmkmGkG7JmYhk2R0yG2gQACSPUwUwtLvawNkN67GDETI81DP16MLlAFyZ2uTwlph+xB3QwaneLbRADZ2qN7XSzeIgTTAgjIoEf4mnZyXwkJCfusmpoFdMro/GHp88bBdkTMpsZB3FX3GIjIrTB9KGJ4iVQacxpTBTtgqYzhsZYzdCFd+rQH39kZuIXGzDy4SnxNF0GGNIF2mY0AJMG4/bGEd0nVGHFwykROqZD+wR5ndgYIlTG0LWNQGMgQ99AWU3PMofIxj50s/uGiRmz5sxbsGjJshWrfPCp0LoNffTVT39FfJQ3tr5HXIDR3WoYYhWO9PS3d7B6tH3SCotoPb28ot8Px/87vGvwes06ft9vJFMZ2j4owBw57zx5/1dngjZuSbtpxE3J6D8UrLIuYnSkg2XU4qtq8atElBzqdKyqP9kbGVlDXTDcbhp5g5ym94KeBbeZZQ==)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Almendra;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/almendra-latin-700-normal-CcSzIg09.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tavern Digits;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/cardo-latin-400-normal-CFoX0N4J.woff2)format("woff2");unicode-range:U+30-39}@font-face{font-family:Tavern Digits;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/cardo-latin-700-normal-C0AJnwFQ.woff2)format("woff2");unicode-range:U+30-39}.tv{--wall:#1f1814;--wood:#2c211a;--wood-2:#3c2d22;--sign:#5a3a22;--iron:#4a4038;--iron-2:#5b5148;--honey:#f0c987;--honey-2:#e0ae63;--parch:#d8c49b;--ink:#3a2a1a;--wax:#8e2a20;--cream:#f7e4c3;--soft:#cdb793;--font:"Tavern Digits", "Almendra", Georgia, serif;--font-title:"Grenze Gotisch", Georgia, serif;--text:var(--cream);--muted:var(--soft);--gold:var(--honey);--gold-2:var(--honey-2);--line:var(--iron);--line-2:var(--iron-2);font-family:var(--font);color:var(--cream);background:radial-gradient(ellipse 58% 62% at 50% 44%, #d68e4633, transparent 100%), radial-gradient(ellipse 110% 100% at 50% 44%, transparent 45%, #0000008c 100%), repeating-linear-gradient(0deg, #00000017 0 1px, transparent 1px 46px), var(--wall);padding:0;font-size:15px;line-height:1.35}.tv svg{display:block}.tv h2,.tv h3{font-family:var(--font-title);margin:0;font-weight:700}.tv :focus-visible{outline:2px solid var(--honey);outline-offset:2px}.tv .tv-main{flex-direction:column;gap:12px;max-width:1280px;min-height:100vh;margin:0 auto;padding:12px 20px 6px;display:flex}.tv .tv-stage{flex:auto;grid-template-columns:170px minmax(280px,1fr) 330px;align-items:stretch;gap:18px;min-height:360px;display:grid}.tv .tv-bottom{grid-template-columns:minmax(0,1fr) 330px;gap:18px;display:grid}.tv .tv-top{margin:0}.tv .tv-logo{font-family:var(--font-title);color:var(--honey);align-items:center;gap:10px;font-size:36px;font-weight:700;line-height:1;display:flex}.tv .tv-logo svg{flex:none;width:30px;height:30px}.tv .whoami{color:var(--soft)}.tv .chip-level{background:var(--honey);width:32px;height:32px;color:var(--ink);font-family:var(--font-title);box-shadow:none;border:2px solid var(--iron-2);border-radius:0;font-size:20px;font-weight:700}.tv .chip-name{min-width:0;font-size:14px}.tv .chip-name b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tv .chip-name .guest-tag{flex:none}.tv .guest-tag{color:var(--soft);border-color:var(--iron-2);background:0 0;border-radius:0;font-size:13px}.tv .xp-bar{border-color:var(--iron-2);border-radius:0}.tv .xp-bar i{background:var(--honey-2)}.tv .btn{all:unset;box-sizing:border-box;cursor:pointer;min-height:32px;font-family:var(--font);color:var(--cream);background:var(--wood-2);border:2px solid var(--iron-2);text-align:center;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:15px;font-weight:700;display:inline-flex}.tv .btn.small{padding:3px 9px;font-size:13px}.tv .btn.ghost{background:var(--wood)}.tv .btn.gold{color:var(--honey)}.tv .btn:hover{background:var(--sign)}.tv .btn:disabled{color:var(--soft);background:var(--wood);opacity:.65;cursor:default}.tv .btn:focus-visible{outline:2px solid var(--honey);outline-offset:2px}.tv .tv-square{flex:none;width:32px;padding:0}.tv .tv-square svg{width:17px;height:17px}.tv .input{background:var(--wall);border:2px solid var(--iron-2);color:var(--cream);font-family:var(--font);border-radius:0;font-size:15px}.tv .input::placeholder{color:var(--soft);opacity:.8}.tv .input:focus{border-color:var(--honey)}.tv label.field span{color:var(--soft);text-transform:none;letter-spacing:0;font-size:13px}.tv .seg button{border:2px solid var(--iron-2);background:var(--wood);color:var(--cream);font-family:var(--font-title);border-radius:0;padding:3px 0;font-size:20px;font-weight:700}.tv .seg button.on{border-color:var(--honey);color:var(--honey);background:var(--wood-2)}.tv .tv-shields{flex-direction:column;justify-content:center;gap:10px;display:flex}.tv .tv-shield{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;color:var(--soft);flex-direction:column;align-items:center;gap:2px;padding-top:14px;display:flex;position:relative}.tv .tv-shield:before{content:"";background:var(--iron-2);width:2px;height:15px;margin-left:-1px;position:absolute;top:0;left:50%}.tv .tv-shield:after{content:"";background:var(--iron-2);border:1px solid #000;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-2px;left:50%}.tv .tv-shield-art{transform-origin:50% 0;width:88px;height:104px;transition:transform .18s ease-out;display:block;position:relative}.tv .tv-shield-art>svg:first-child{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.tv .tv-shield-art>svg:last-child{width:44px;height:44px;color:var(--cream);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.tv .tv-shield .body{stroke:var(--iron-2);stroke-width:4px}.tv .tv-shield .inner{fill:none;stroke:#00000059;stroke-width:2px}.tv .c-warrior .body{fill:#7a2f26}.tv .c-healer .body{fill:#4a5233}.tv .c-curser .body{fill:#463650}.tv .tv-shield b{font-size:15px;font-weight:700}.tv .tv-shield:hover .tv-shield-art{transform:rotate(-2deg)}.tv .tv-shield:hover{color:var(--cream)}.tv .tv-shield.on{color:var(--honey)}.tv .tv-shield.on .body{stroke:var(--honey)}.tv .tv-shield.on .tv-shield-art{filter:drop-shadow(0 0 10px #f0c9878c)}.tv .tv-scroll-wrap{filter:drop-shadow(0 5px 10px #0009);align-self:center;min-width:0}.tv .tv-scroll{color:var(--ink);background:radial-gradient(ellipse at 22% 18%, #7855281f, transparent 42%), radial-gradient(ellipse at 84% 88%, #78552824, transparent 46%), var(--parch);padding:24px 22px 22px}.tv .tv-scroll h2{color:var(--ink);font-size:32px;line-height:1.05}.tv .tv-role{margin:6px 0 12px;font-size:15px}.tv .tv-stats{border-top:1px solid #3a2a1a73;border-bottom:1px solid #3a2a1a73;grid-template-columns:repeat(3,1fr);margin:0 0 14px;display:grid}.tv .tv-stats div{text-align:center;padding:6px 0}.tv .tv-stats dt{font-size:13px}.tv .tv-stats dd{font-family:var(--font-title);margin:0;font-size:24px;font-weight:700;line-height:1.05}.tv .tv-skills{flex-wrap:wrap;gap:4px;display:flex}.tv .tv-skill-info{min-height:92px;margin-top:10px;font-size:14px}.tv .tv-skill-info b{font-weight:700}.tv .tv-skill-info em{font-size:13px;font-style:normal}.tv .tv-skill-info small{font-size:14px;display:block}.tv .tv-slot{all:unset;box-sizing:border-box;cursor:pointer;width:44px;height:44px;color:var(--cream);border:2px solid var(--iron-2);place-items:center;display:grid}.tv .tv-slot svg{width:30px;height:30px}.tv .tv-slot:hover{border-color:var(--cream)}.tv .tv-slot:focus-visible{outline:2px solid var(--honey);outline-offset:2px}.tv .tv-scroll .tv-slot{border-color:var(--ink)}.tv .tv-scroll .tv-slot:hover{outline:2px solid var(--ink);outline-offset:1px}.tv .tv-scroll .tv-slot:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.tv .k-damage{background:#7a2f26}.tv .k-heal{background:#4a5233}.tv .k-curse{background:#463650}.tv .k-move{background:#33464f}.tv .k-guard{background:var(--iron)}.tv .tv-shelf{background:var(--wood-2);border:2px solid var(--iron-2);min-width:0;padding:8px 14px 10px;box-shadow:inset 0 0 0 1px #00000080}.tv .tv-shelf h3{color:var(--honey);margin-bottom:6px;font-size:22px;line-height:1.1}.tv .tv-shelf-row{align-items:flex-start;gap:16px;display:flex}.tv .tv-spells{flex:none;grid-template-columns:repeat(8,44px);gap:6px;display:grid}.tv .tv-spells .tv-slot{width:44px;height:44px}.tv .tv-spells .tv-slot.on{border-color:var(--honey);box-shadow:0 0 10px #f0c98799}.tv .tv-spell-info{min-width:0;min-height:58px;color:var(--cream);flex:200px;font-size:14px}.tv .tv-spell-info em{color:var(--soft);font-size:13px;font-style:normal}.tv .tv-spell-info small{color:var(--soft);font-size:13px;line-height:1.25;display:block}.tv .tv-sign{min-width:0}.tv .tv-sign-btn,.tv .tv-sign-wait{box-sizing:border-box;width:100%;height:100%;min-height:76px;color:var(--cream);background:repeating-linear-gradient(0deg, #00000024 0 1px, transparent 1px 15px), var(--sign);border:3px solid var(--iron);align-items:center;gap:12px;padding:8px 14px;display:flex;box-shadow:inset 0 0 0 1px #00000080,0 5px 10px #00000080}.tv .tv-sign-btn{all:unset;box-sizing:border-box;width:100%;height:100%;min-height:76px;color:var(--cream);background:repeating-linear-gradient(0deg, #00000024 0 1px, transparent 1px 15px), var(--sign);border:3px solid var(--iron);cursor:pointer;align-items:center;gap:12px;padding:8px 14px;display:flex;box-shadow:inset 0 0 0 1px #00000080,0 5px 10px #00000080}.tv .tv-sign-btn:hover{background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 15px),#6a4629}.tv .tv-sign-btn:active{transform:translateY(1px)}.tv .tv-sign-btn:focus-visible{outline:2px solid var(--honey);outline-offset:2px}.tv .tv-seal{color:#f4cfa8;background:var(--wax);border-radius:47% 53% 50% 50%/52% 46% 54% 48%;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 0 0 4px #0003,0 2px 4px #0000008c}.tv .tv-seal svg{width:30px;height:30px}.tv .tv-sign-text{flex-direction:column;flex:1;min-width:0;display:flex}.tv .tv-sign-text b{font-family:var(--font-title);font-size:32px;font-weight:700;line-height:1}.tv .tv-sign-text small{color:var(--cream);margin-top:3px;font-size:13px}.tv .tv-jump{all:unset;box-sizing:border-box;cursor:pointer;min-height:32px;color:var(--soft);align-self:center;align-items:center;gap:6px;padding:2px 8px;font-size:14px;display:flex}.tv .tv-jump:hover{color:var(--cream)}.tv .tv-jump:focus-visible{outline:2px solid var(--honey);outline-offset:2px}.tv .tv-jump svg{width:14px;height:14px}.tv .tv-rooms{border-top:2px solid var(--iron);background:#00000052;padding:22px 20px 30px}.tv .tv-rooms-in{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:18px;max-width:1240px;margin:0 auto;display:grid}.tv .tv-board{background:var(--wood);border:2px solid var(--iron-2);min-width:0;padding:12px 14px 14px}.tv .tv-board h3{color:var(--cream);margin-bottom:10px;font-size:24px;line-height:1.1}.tv .tv-board-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tv .tv-board-head h3{margin-bottom:0}.tv .tv-empty{color:var(--soft);margin:14px 0 4px}.tv .tv-room-list{margin:10px 0 0;padding:0;list-style:none}.tv .tv-room-list li{border-top:1px solid var(--iron);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 0;display:flex}.tv .tv-room-main{flex:180px;min-width:0}.tv .room-name{overflow-wrap:anywhere;align-items:center;gap:5px;font-weight:700;display:flex}.tv .room-host{color:var(--soft);overflow-wrap:anywhere;font-size:13px}.tv .tv-lock svg{width:14px;height:14px}.tv .tv-room-meta{color:var(--soft);gap:12px;font-size:14px;display:flex}.tv.tv-open{background:0 0}.tv.tv-open:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0a060480,#0000 28% 72%,#0a060480),linear-gradient(#0000 74%,#0a060473);position:fixed;top:0;bottom:0;left:0;right:0}.tv.tv-open .tv-main{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:410px minmax(0,1fr) 300px;gap:10px 16px;max-width:none;height:100vh;min-height:620px;display:grid;position:relative}.tv.tv-open .tv-top{grid-area:1/1/auto/-1}.tv.tv-open .tv-stage,.tv.tv-open .tv-bottom{display:contents}.tv.tv-open .tv-shields{grid-area:2/1;justify-content:flex-start;align-items:flex-start;gap:6px;min-height:0}.tv.tv-open .tv-gap{pointer-events:none;grid-area:2/2/5;min-width:0;min-height:0}.tv.tv-open .tv-scroll-wrap{grid-area:2/3;align-self:start}.tv.tv-open .tv-shelf{grid-area:3/1/5;align-self:end}.tv.tv-open .tv-sign{grid-area:3/3}.tv.tv-open .tv-jump{grid-area:4/3;justify-self:center}.tv.tv-open .tv-logo{background:var(--wood);border:2px solid var(--iron-2);padding:4px 12px 6px}.tv.tv-open .whoami{background:var(--wood);border:2px solid var(--iron-2);padding:4px 8px}.tv.tv-open .tv-shield{width:104px;padding-top:12px}.tv.tv-open .tv-shield-art{width:74px;height:87px}.tv.tv-open .tv-shield-art>svg:last-child{width:38px;height:38px}.tv.tv-open .tv-shield b{background:var(--wood);color:var(--cream);white-space:nowrap;padding:0 6px;font-size:13px;line-height:1.5}.tv.tv-open .tv-shield.on b{color:var(--honey)}.tv.tv-open .tv-shelf-row{flex-direction:column;gap:6px}.tv.tv-open .tv-spell-info{flex:none;width:100%;min-height:72px}.tv.tv-open .tv-spells{grid-template-columns:repeat(8,44px);gap:2px}.tv.tv-open .tv-jump{background:var(--wood);border:2px solid var(--iron-2);color:var(--cream);padding:2px 10px}.tv.tv-open .tv-rooms{background:var(--wall);position:relative}.tv.tv-open .tv-scroll{padding:20px 20px 18px}.tv.tv-open .tv-scroll h2{font-size:30px}.tv.tv-open .tv-skill-info{min-height:76px}@media (min-height:860px) and (min-width:1600px){.tv.tv-open .tv-main{grid-template-columns:470px minmax(0,1fr) 380px}.tv.tv-open .tv-shield{width:124px}.tv.tv-open .tv-shield-art{width:100px;height:118px}.tv.tv-open .tv-shield-art>svg:last-child{width:52px;height:52px}.tv.tv-open .tv-shield b{font-size:15px}.tv.tv-open .tv-spells{grid-template-columns:repeat(8,52px);gap:3px}.tv.tv-open .tv-spells .tv-slot{width:52px;height:52px}.tv.tv-open .tv-spells .tv-slot svg{width:38px;height:38px}}@media (max-width:960px){.tv.tv-open .tv-main{height:auto;min-height:100vh;display:flex}.tv.tv-open .tv-shields{flex-direction:row;justify-content:space-around;align-items:flex-start;width:100%}.tv.tv-open .tv-shield{flex:1 1 0;width:auto}.tv.tv-open .tv-shield-art{width:62px;height:73px}.tv.tv-open .tv-shield-art>svg:last-child{width:32px;height:32px}.tv.tv-open .tv-gap{flex:none;order:2;height:max(300px,100vh - 346px)}.tv.tv-open .tv-sign{order:3}.tv.tv-open .tv-shelf{order:4;align-self:stretch}.tv.tv-open .tv-scroll-wrap{order:5;align-self:stretch}.tv.tv-open .tv-jump{order:6;align-self:center}.tv.tv-open .tv-spells{grid-template-columns:repeat(4,44px);gap:6px}}.tv.name-screen{justify-content:center;align-items:center;padding:20px 16px;display:flex}.tv .tv-login{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:430px;display:flex;position:relative}.tv.tv-open .tv-login .tv-logo{padding:6px 18px 10px;font-size:clamp(38px,11vw,56px)}.tv.tv-open .tv-login .tv-logo svg{width:42px;height:42px}.tv .tv-tagline{background:var(--wood);border:2px solid var(--iron-2);color:var(--cream);padding:2px 12px;font-size:15px}.tv .tv-login .tv-scroll-wrap{align-self:stretch;width:100%}.tv.tv-open .tv-login .tv-scroll{padding:26px 28px 24px}.tv .tv-tabs{border-bottom:1px solid #3a2a1a73;gap:4px;margin-bottom:14px;display:flex}.tv .tv-tabs button{all:unset;box-sizing:border-box;text-align:center;cursor:pointer;min-height:36px;font-family:var(--font);color:var(--ink);border-bottom:3px solid #0000;flex:1;padding:6px 4px;font-size:16px;font-weight:700}.tv .tv-tabs button.on{border-bottom-color:var(--wax)}.tv .tv-tabs button:disabled{opacity:.55;cursor:default}.tv .tv-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.tv .tv-scroll label.field span{color:var(--ink);font-size:14px}.tv .tv-scroll .input{color:var(--ink);background:#efe3c6;border-color:#6b5236}.tv .tv-scroll .input::placeholder{color:#5d4a33;opacity:1}.tv .tv-scroll .input:focus{border-color:var(--wax)}.tv .tv-scroll .form-error{color:#8e2a20;min-height:18px;margin-bottom:8px;font-size:14px;font-weight:700}.tv .tv-scroll .tv-sign-btn{height:auto;min-height:66px}.tv .tv-scroll .tv-sign-btn:disabled{filter:grayscale(.7);cursor:default}.tv .tv-hint{color:var(--ink);margin:10px 0 0;font-size:14px}.tv .tv-auth-wait{width:100%;color:var(--cream);justify-content:center;align-items:center;gap:12px;padding:26px;display:flex}.tv .tv-room{grid-template:"head head head""pick pick side""teams teams side"1fr/minmax(0,1fr) minmax(0,1fr) 320px;align-items:start;gap:10px 14px;max-width:1560px;min-height:100vh;margin:0 auto;padding:10px 20px 16px;display:grid;position:relative}.tv .tv-room-head{flex-wrap:wrap;grid-area:head;justify-content:space-between;align-items:center;gap:12px;display:flex}.tv .room-title{background:var(--wood);border:2px solid var(--iron-2);align-items:center;gap:10px;min-width:0;padding:4px 12px 6px;display:flex}.tv .room-title h2{min-width:0;color:var(--honey);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:28px;line-height:1.1;display:flex}.tv .room-title h2 svg{width:20px;height:20px}.tv .mode-badge{background:var(--wood-2);border:1px solid var(--iron-2);color:var(--cream);border-radius:0;flex:none;padding:1px 8px;font-size:14px;font-weight:700}.tv .tv-teams{grid-area:teams;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.tv .tv-team{border-top:4px solid var(--tc);padding:8px 10px 10px}.tv .tv-team .tv-board-head{margin-bottom:6px}.tv .tv-team h3{margin:0;font-size:22px}.tv .team-count{color:var(--cream);font-size:14px;font-weight:700}.tv .slots{flex-direction:column;gap:3px;display:flex}.tv .slot{background:var(--wood-2);border:1px solid var(--iron);min-height:38px;color:var(--cream);border-radius:0;flex-wrap:wrap;align-items:center;gap:3px 5px;padding:2px 5px;display:flex}.tv .slot.me{border-color:var(--honey)}.tv .slot.open{background:var(--wood);color:var(--soft);border-style:dashed;justify-content:center;font-size:14px}.tv .tv-mini{width:24px;height:24px;color:var(--cream);border:1px solid var(--iron-2);flex:none;place-items:center;display:grid}.tv .tv-mini svg{width:18px;height:18px}.tv .tv-mini.c-warrior{background:#7a2f26}.tv .tv-mini.c-healer{background:#4a5233}.tv .tv-mini.c-curser{background:#463650}.tv .slot .who{flex-direction:column;flex:76px;min-width:0;line-height:1.15;display:flex}.tv .slot .who b{min-width:0;color:var(--cream);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.tv .who-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tv .slot .who small{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tv .tv-crown{color:var(--honey);flex:none}.tv .tv-crown svg{width:14px;height:14px}.tv .tv-bot-ctl{align-items:center;gap:2px;min-width:0;display:flex}.tv .tv-bot-ctl select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:74px;min-height:28px;font-family:var(--font);background:var(--wall);color:var(--cream);border:1px solid var(--iron-2);flex:none;padding:0 2px;font-size:13px}.tv .tv-bot-ctl select[data-botspell]{width:112px}.tv .tv-bot-ctl option{background:var(--wall);color:var(--cream)}.tv .tv-bot-ctl .btn.small{min-height:28px;padding:0 7px}.tv .slot .ready{color:var(--soft);flex:none;font-size:13px}.tv .slot .ready.on{color:#a8e08a;font-weight:700}.tv .team-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tv .tv-room-pick{grid-area:pick;align-items:stretch;gap:14px;min-width:0;display:flex}.tv.tv-open .tv-room-pick .tv-shields{flex-direction:row;flex:none;align-items:flex-start;gap:6px}.tv.tv-open .tv-room-pick .tv-shield{width:88px}.tv.tv-open .tv-room-pick .tv-shield-art{width:64px;height:76px}.tv.tv-open .tv-room-pick .tv-shield-art>svg:last-child{width:32px;height:32px}.tv .tv-shield:disabled,.tv .tv-slot:disabled{opacity:.6;cursor:default}.tv.tv-open .tv-room-pick .tv-shelf{flex:1 1 0;align-self:stretch;min-width:0}.tv.tv-open .tv-room-pick .tv-spells{grid-template-columns:repeat(auto-fill,44px);gap:4px;width:100%}.tv .tv-room-side{flex-direction:column;grid-area:side;gap:10px;min-width:0;display:flex}.tv .tv-room-side .tv-skill-info{min-height:60px}.tv .tv-chat{padding:8px}.tv .chat-log{height:70px;color:var(--cream);overflow-wrap:anywhere;margin-bottom:6px;font-size:14px;line-height:1.3;overflow-y:auto}.tv .chat-log .sys{color:var(--soft)}.tv .chat-log .from{color:var(--honey);font-weight:700}.tv .chat-log .from.t0{color:#ff9c8a}.tv .chat-log .from.t1{color:#9cc4ff}.tv #chat-form{gap:6px;display:flex}.tv #chat-form .input{flex:1;min-width:0;padding:4px 8px}.tv .tv-ready{flex-direction:column;gap:6px;display:flex}.tv .tv-ready .tv-sign-btn,.tv .tv-ready .tv-sign-wait{height:auto;min-height:70px}.tv .tv-ready .tv-sign-text b{font-size:28px}.tv .tv-plaque{background:var(--wood);border:1px solid var(--iron-2);color:var(--cream);margin:0;padding:3px 8px;font-size:13px}.tv.tv-overlay{background:0 0;padding:0}.tv.backdrop.tv-overlay,.tv.settings-backdrop.tv-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0604b8;padding:16px}.tv .panel{background:var(--wood);border:2px solid var(--iron-2);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;box-shadow:0 8px 24px #0009}.tv .panel h2,.tv .panel h3{font-family:var(--font-title);color:var(--honey);letter-spacing:0;font-weight:700}.tv .panel h2{font-size:28px;line-height:1.1}.tv .panel h3{font-size:22px;line-height:1.1}.tv .panel-head{border-bottom:1px solid var(--iron);background:var(--wood-2);padding:10px 14px}.tv .panel-body{background:var(--wood);padding:14px}.tv .muted{color:var(--soft)}.tv p.muted,.tv .muted.small{font-size:14px}.tv .empty{color:var(--soft);background:var(--wood);padding:24px 12px;font-size:15px}.tv .form-error{color:#ff9c8a;font-size:14px}.tv .set-actions{justify-content:flex-end;gap:8px;display:flex}.tv .btn.big{min-height:44px;font-size:16px}.tv .settings .set-row{border-color:var(--iron);color:var(--cream)}.tv .settings input[type=range]{accent-color:var(--honey-2)}.tv.tv .settings .seg.q3 button{font-family:var(--font);padding:6px 14px;font-size:15px;font-weight:700}.tv .switch i{background:var(--wall);border-color:var(--iron-2);border-radius:0}.tv .switch i:after{background:var(--soft);border-radius:0}.tv .switch input:checked+i{background:var(--sign);border-color:var(--honey)}.tv .switch input:checked+i:after{background:var(--honey)}.tv .switch input:focus-visible+i{outline:2px solid var(--honey);outline-offset:2px}.tv .set-keys summary{color:var(--honey);font-size:15px}.tv table.keys{color:var(--cream);font-size:13px}.tv table.keys td{border-color:var(--iron)}.tv table.keys td:first-child{color:var(--honey)}.tv .pf-level{background:var(--honey);color:var(--ink);border:2px solid var(--iron-2);box-shadow:none;font-family:var(--font-title);border-radius:0;width:66px;height:66px;font-size:26px}.tv .pf-level small{font-family:var(--font);color:var(--ink);font-size:13px;line-height:1}.tv .pf-name{color:var(--cream);font-size:20px;font-weight:700}.tv .pf-head small{font-size:13px}.tv .xp-bar:not(.small){background:var(--wall);height:18px}.tv .xp-bar:not(.small) i{background:#8a5c24}.tv .xp-bar:not(.small) span{color:var(--cream);text-shadow:0 1px 2px #000,0 0 3px #000;font-size:13px;line-height:16px}.tv .stats div{background:var(--wood-2);border:1px solid var(--iron);color:var(--soft);border-radius:0;font-size:13px}.tv .stats b{color:var(--cream);font-size:17px}.tv .pf-stats small{color:var(--soft);font-size:13px}.tv .pf-h3{color:var(--honey);font-size:22px}.tv .pf-class{background:var(--wood-2);border:1px solid var(--iron);border-radius:0;flex-wrap:wrap}.tv .pf-class .nm{color:var(--cream);font-size:14px}.tv .pf-class small{color:var(--soft);font-size:13px}.tv .pf-cta{background:var(--wood-2);border:1px solid var(--iron-2);color:var(--cream);border-radius:0;flex-wrap:wrap;font-size:14px}.tv .lb-tabs button{all:unset;box-sizing:border-box;cursor:pointer;min-height:36px;font-family:var(--font);color:var(--cream);background:var(--wood-2);border:2px solid var(--iron-2);align-items:center;gap:6px;padding:3px 10px;font-size:14px;font-weight:700;display:inline-flex}.tv .lb-tabs button.on{color:var(--honey);border-color:var(--honey)}.tv .lb-tabs button:focus-visible{outline:2px solid var(--honey);outline-offset:2px}.tv .lb-tabs .tv-mini{width:24px;height:24px}.tv table.lb{color:var(--cream);font-size:14px}.tv table.lb th{color:var(--soft);border-color:var(--iron);font-size:13px}.tv table.lb td{border-color:var(--iron);background:var(--wood)}.tv table.lb th:first-child,.tv table.lb td:first-child{color:var(--honey)}.tv table.lb tr[data-id]:hover td{background:var(--wood-2)}.tv table.lb tr.me td{color:var(--honey);background:var(--wood-2)}.tv table.lb td.who{overflow-wrap:anywhere}.tv .lb-pager{color:var(--soft);font-size:14px}.tv.conn-lost.tv-overlay{background:var(--wood);border:2px solid var(--iron-2);color:var(--cream);text-align:center;border-radius:0;padding:20px 28px;font-size:16px}.tv.conn-lost small{color:var(--soft);font-size:14px}.tv.loading-screen.tv-overlay{background:radial-gradient(70% 70% at 50% 45%,#3a281b,#1f1814 70%,#120d0a);justify-content:safe center;padding:18px;overflow:auto}.tv .ls-title{flex-direction:column;align-items:center;gap:6px;display:flex}.tv .ls-title .tv-logo{font-family:var(--font-title);letter-spacing:0;color:var(--honey);align-items:center;gap:12px;font-size:clamp(36px,7vw,56px);font-weight:700;line-height:1;display:flex}.tv .ls-title .tv-logo svg{width:1em;height:1em}.tv .ls-title small{font-family:var(--font);letter-spacing:0;color:var(--cream);font-size:15px}.tv .ls-teams{align-items:flex-start}.tv .ls-vs{font-family:var(--font-title);color:var(--honey);text-shadow:none;align-self:center;font-size:44px;font-weight:700}.tv .lteam h3{color:var(--cream);border-bottom:3px solid var(--team);padding-bottom:4px;font-size:26px}.tv .pcard{background:var(--wood);border:2px solid var(--iron-2);box-shadow:none;border-radius:0;padding:8px 6px 6px}.tv .pcard.me{border-color:var(--honey);box-shadow:0 0 12px #f0c98780}.tv .pcard .pc-ic{width:44px;height:44px;color:var(--cream);border:2px solid var(--iron-2);box-shadow:none;background:var(--iron);border-radius:0}.tv .pcard .pc-ic svg{width:32px;height:32px}.tv .pcard .pc-ic.c-warrior{background:#7a2f26}.tv .pcard .pc-ic.c-healer{background:#4a5233}.tv .pcard .pc-ic.c-curser{background:#463650}.tv .pcard .pc-name{color:var(--cream);overflow-wrap:anywhere;font-size:14px;font-weight:700}.tv .pcard .pc-cls{color:var(--soft);font-size:13px}.tv .pcard .pc-foot{color:var(--honey);min-height:24px;font-size:13px}.tv .pcard .pc-spell{width:24px;height:24px;color:var(--cream);border:1px solid var(--iron-2);place-items:center;margin-left:auto;display:grid}.tv .pcard .pc-spell svg{width:18px;height:18px}@media (max-width:760px){.tv .lteam{flex:none;width:100%}.tv .lteam .cards{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.tv .ls-bar{background:var(--wood);border:1px solid var(--iron-2);border-radius:0;width:260px;height:6px}.tv .ls-bar i{background:var(--honey-2)}.tv.results.tv-overlay{padding:16px}.tv.results.show.tv-overlay{background:#0a0604b8}.tv.results>.panel{width:960px}.tv.results .winner{font-family:var(--font-title);text-shadow:0 3px #000;color:var(--honey);font-size:clamp(48px,9vw,72px);font-weight:700;line-height:1}.tv.results .winner.lose{color:#ff9c8a}.tv.results .winner.draw{color:var(--cream)}.tv.results .final{color:var(--cream);font-size:15px}.tv.results h3{color:var(--cream);border-bottom:3px solid var(--team);padding-bottom:4px;font-size:24px}.tv.results h3 b{color:var(--honey)}.tv.results table{color:var(--cream);font-size:14px}.tv.results th{color:var(--soft);font-size:13px}.tv.results td{border-color:var(--iron);background:var(--wood)}.tv.results tr.me td{color:var(--honey);background:var(--wood-2)}.tv.results small{color:var(--soft);font-size:13px}.tv .res-who{flex-wrap:wrap;align-items:center;gap:3px 6px;display:flex}.tv .res-name{overflow-wrap:anywhere;min-width:0}.tv.results .mvp{background:var(--honey);color:var(--ink);padding:0 5px;font-size:13px;font-weight:700}.tv .res-actions{justify-content:center;margin-top:14px;display:flex}.tv .res-actions .tv-sign-btn{width:min(360px,100%);height:auto;min-height:70px}.tv .res-actions .tv-sign-text b{font-size:28px}.tv .xp-plus{font-family:var(--font-title);color:var(--honey);font-size:26px}.tv .xp-up{font-family:var(--font-title);color:var(--honey);font-size:22px}.tv .xp-lines .muted{font-size:14px}#hud.tv,#world-ui.tv{line-height:normal}#hud.tv{font-size:12px}#hud.tv svg{display:block}.tv .score-bar{border:1px solid var(--iron-2);box-shadow:none;border-radius:0}.tv .score-bar .t0{background:#d8432f59}.tv .score-bar .t1{background:#2f74d859}.tv .score-bar .mid{padding:2px 12px}.tv .score-bar .goal{color:var(--soft);font-size:10px;line-height:12px}.tv .unit{border:1px solid var(--iron-2);border-left:3px solid var(--team,var(--iron-2));box-shadow:none;border-radius:0}.tv .unit .portrait{background:color-mix(in srgb, var(--team) 40%, #1f1814);border-color:var(--iron-2);color:var(--cream);border-radius:0}.tv .unit .portrait .icon{width:24px;height:24px;display:block}.tv .unit .portrait svg{width:24px;height:24px}.tv .unit .name{font-size:12px}.tv .unit .name .lvl{color:var(--soft);font-size:10px}.tv .unit .bar,.tv .castbar,.tv .pm .bar,.tv .ts-hp,.tv .plate .pbar,.tv .plate .pcast{border-radius:0}.tv .unit .bar.hp .fill{background:#46b552}.tv .unit.enemy .bar.hp .fill{background:#d9483c}.tv .unit .bar.mp .fill{background:#3f7fe8}.tv .unit .bar span{font-size:9px}.tv .castbar i{background:var(--honey-2)}.tv .castbar.done i{background:#6fd07f}.tv .castbar.interrupted i{background:#d9483c}.tv .castbar.in-grace i{background:#8fd8ff}.tv .castbar span{font-size:9px}.tv .fx{color:var(--cream);background:#0009;border:1px solid #5fd068;border-radius:0;place-items:center;display:grid}.tv .fx.debuff{border-color:var(--danger)}.tv .fx svg{width:11px;height:11px}.tv .unit .stance{border-radius:0;font-size:10px}.tv .ts-row .icon,.tv .ts-row .icon svg,.tv .ts-row .stance svg{width:14px;height:14px}.tv .ts-row{font-size:12px}.tv .ts-row .stance{width:14px;height:14px}.tv .combo-badge{background:var(--honey);color:var(--ink);box-shadow:none;border-radius:0}.tv .me-frame.selected{box-shadow:0 0 0 1px var(--honey)}.tv .party-tip{border-radius:0;font-size:12px}.tv .pm{border:1px solid var(--iron-2);border-radius:0}.tv .pm:hover{border-color:var(--soft)}.tv .pm .ic{width:18px;height:18px;color:var(--cream);flex:none}.tv .pm .ic svg{width:18px;height:18px}.tv .pm .bar i{background:#46b552}.tv .pm .bar i.low{background:#d9483c}.tv .pm .bar.mp i{background:#3f7fe8}.tv .pm .fxs{gap:1px;display:flex}.tv .pm .fxs .fx{width:14px;height:14px}.tv .skillbar{border:1px solid var(--iron-2);box-shadow:none;border-radius:0}.tv .skillbar .sep{background:var(--iron-2)}.tv .skill{color:var(--cream);border-color:var(--iron-2);border-radius:0}.tv .skill.k-damage{background:#7a2f26}.tv .skill.k-heal{background:#4a5233}.tv .skill.k-curse{background:#463650}.tv .skill.k-move{background:#33464f}.tv .skill.k-guard{background:var(--iron)}.tv .skill.k-potion{background:#5a3a22}.tv .skill .ic{filter:none;width:26px;height:26px;display:block}.tv .skill .ic svg{width:26px;height:26px}.tv .skill.special{border-radius:0}.tv .skill.special.k-damage{background:#7a2f26}.tv .skill.special.k-heal{background:#4a5233}.tv .skill.special.k-curse{background:#463650}.tv .skill.special.k-move{background:#33464f}.tv .skill.special.k-guard{background:var(--iron)}.tv .skill.special.k-potion{background:#5a3a22}.tv .skill.special .cd,.tv .skill .cd{border-radius:0}.tv .skill.basic{border-color:var(--honey-2)}.tv .skill .key{color:var(--honey);text-shadow:0 1px 1px #000,0 0 2px #000;font-size:10px}.tv .skill.special .key{background:var(--wall);border-radius:0;font-size:9px}.tv .skill .mpc{color:#a8c8ff;text-shadow:0 1px 1px #000,0 0 2px #000;font-size:9px}.tv .skill .tip{border-color:var(--iron-2);background:var(--wood);color:var(--cream);box-shadow:none;border-radius:0;font-size:13px;line-height:1.3}.tv .skill .tip b{font-family:var(--font);color:var(--honey);font-size:14px;font-weight:700}.tv .skill .tip .meta{color:var(--soft)}.tv .chain-hints .ch{border-radius:0;font-size:11px}.tv .chain-hints kbd{border-radius:0;font-size:10px}.tv .chain-hints i{font-size:10px}.tv .minimap{border:1px solid var(--iron-2);box-shadow:none;border-radius:0}.tv .hud-btn{border-color:var(--iron-2);color:var(--honey);font-family:var(--font);border-radius:0;place-items:center;font-size:14px;display:grid}.tv .hud-btn:hover{border-color:var(--honey)}.tv .hud-btn svg{width:14px;height:14px}.tv .kf{border-radius:0;align-items:center;gap:3px;font-size:11px;display:flex}.tv .kf.mine{border-color:var(--honey-2)}.tv .kf-who{align-items:center;gap:3px;display:inline-flex}.tv .kf svg{width:12px;height:12px}.tv .kf .sw{color:var(--soft)}.tv .scoreboard{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.tv .scoreboard h3{color:var(--cream);border-bottom:2px solid var(--team);font-size:20px}.tv .scoreboard table{font-size:12px}.tv .scoreboard th{font-size:11px}.tv .sb-who{vertical-align:middle;align-items:center;gap:3px;display:inline-flex}.tv .sb-who svg{width:14px;height:14px}.tv .help-panel{border-color:var(--iron-2);box-shadow:none;border-radius:0}.tv .help-panel h3{font-size:22px}.tv .help-panel h3 small{font-size:13px}.tv .game-chat .log{font-size:12px}.tv .game-chat .input{padding:5px 7px;font-size:12px}.tv .plate .pn{font-size:12px}.tv .plate .pfx{justify-content:center;gap:1px;display:flex}.tv .plate .pfx .fx{width:13px;height:13px}.tv .plate .pfx .fx svg{width:10px;height:10px}.tv .plate .pbar i{background:#46b552}.tv .plate.enemy .pbar i{background:#d9483c}.tv .plate .pcast i{background:var(--honey-2)}.tv .plate.sel .pn{box-shadow:none;border-radius:0}.tv .float{font-weight:700}.tv .float.combo{font-family:var(--font);font-size:15px;font-weight:700}.tv .float.chain{font-family:var(--font);font-size:16px;font-weight:700}.tv .banner,.tv .banner.kill{color:var(--honey)}.tv .banner.chain{font-size:24px}.tv .toast{box-shadow:none;border-radius:0;font-size:14px}.tv .unit{padding:2px 7px 3px}.tv .unit .name{height:15px;line-height:15px}.tv .unit .name .lvl{font-size:12px}.tv .unit .stance{font-size:12px;line-height:15px}.tv .unit .bar{height:13px;margin-top:1px}.tv .unit .bar.mp{height:12px}.tv .unit .bar span{font-size:11px;line-height:11px}.tv .unit .bar.mp span{font-size:11px;line-height:10px}.tv .unit .effects{margin-top:1px}.tv .unit.nolos:after,.tv .target-strip.nolos .ts-row:after{font-size:11px}.tv .score-bar .sb-team{font-size:12px}.tv .score-bar .timer{line-height:19px}.tv .score-bar .goal{font-size:12px;line-height:14px}.tv .skill .key,.tv .skill.special .key,.tv .skill .mpc{font-size:11px}.tv .skill .ic,.tv .skill .ic svg{width:24px;height:24px}.tv .skill.special .ic,.tv .skill.special .ic svg{width:20px;height:20px}.tv .castbar{height:13px}.tv .castbar span{font-size:11px;line-height:11px}.tv .combo-badge,.tv .kf,.tv .chain-hints .ch{font-size:12px}.tv .chain-hints kbd,.tv .chain-hints i{font-size:11px}.tv .scoreboard small,.tv .float.absorb,.tv .float.miss,.tv .float.interrupt,.tv .float.fxname,.tv .float.dmg.dot{font-size:12px}@media (max-width:1000px){.tv .me-frame{bottom:68px}.tv .game-chat{bottom:138px}}@media (max-width:700px){.tv .top-center{align-items:flex-start;left:8px;transform:none}.tv .target-strip{width:min(200px,100vw - 148px)}}@media (max-width:560px){.tv .score-bar .tname{display:none}.tv .skillbar{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 12px)}.tv .skillbar .sep{display:none}.tv .me-frame{width:min(230px,100vw - 20px);bottom:102px}}@media (min-width:1600px) and (min-height:860px){.tv{font-size:17px}.tv .tv-main{gap:16px;max-width:1560px;padding-top:16px}.tv .tv-stage{grid-template-columns:220px minmax(280px,1fr) 400px;gap:26px}.tv .tv-bottom{grid-template-columns:minmax(0,1fr) 400px;gap:26px}.tv .tv-shield-art{width:124px;height:146px}.tv .tv-shield-art>svg:last-child{width:62px;height:62px}.tv .tv-shield b{font-size:18px}.tv .tv-scroll{padding:30px 32px 28px}.tv .tv-scroll h2{font-size:40px}.tv .tv-role{font-size:17px}.tv .tv-stats dt{font-size:15px}.tv .tv-stats dd{font-size:30px}.tv .tv-slot{width:48px;height:48px}.tv .tv-slot svg{width:34px;height:34px}.tv .tv-skill-info,.tv .tv-skill-info small{font-size:16px}.tv .tv-skill-info em{font-size:14px}.tv .tv-shelf h3{font-size:26px}.tv .tv-spells{grid-template-columns:repeat(8,54px);gap:8px}.tv .tv-spells .tv-slot{width:54px;height:54px}.tv .tv-spells .tv-slot svg{width:40px;height:40px}.tv .tv-spell-info{font-size:16px}.tv .tv-spell-info small{font-size:15px}.tv .tv-seal{width:66px;height:66px}.tv .tv-seal svg{width:38px;height:38px}.tv .tv-sign-text b{font-size:40px}.tv .tv-sign-text small{font-size:15px}.tv .tv-rooms-in{max-width:1520px}}@media (max-width:960px){.tv .tv-room{flex-direction:column;align-items:stretch;min-height:0;padding:12px 16px 20px;display:flex}.tv .tv-teams{grid-template-columns:minmax(0,1fr)}.tv .tv-room-pick{flex-direction:column}.tv.tv-open .tv-room-pick .tv-shields{justify-content:space-around}.tv.tv-open .tv-room-pick .tv-shelf{flex:none}.tv .tv-room-side{display:contents}.tv .tv-room-pick{order:1}.tv .tv-room-side .tv-scroll-wrap{order:2}.tv .tv-teams{order:3}.tv .tv-chat{order:4}.tv .tv-ready{z-index:3;order:5;position:sticky;bottom:6px}.tv .tv-main{min-height:0;padding:12px 16px 6px}.tv .tv-stage{grid-template-columns:minmax(0,1fr);min-height:0}.tv .tv-shields{flex-direction:row;justify-content:space-around;gap:6px}.tv .tv-shield{flex:1 1 0;min-width:0}.tv .tv-shield b{font-size:14px}.tv .tv-bottom{display:contents}.tv .tv-shelf-row{flex-direction:column;gap:8px}.tv .tv-spell-info{flex:none;width:100%}.tv .tv-sign{z-index:2;position:sticky;bottom:6px}.tv .tv-rooms-in{grid-template-columns:minmax(0,1fr)}.tv .tv-rooms{padding:18px 16px 26px}}@media (max-width:560px){.tv .tv-logo{font-size:30px}.tv .topbar .whoami .btn.small{padding:3px 7px;font-size:13px}.tv .tv-spells{grid-template-columns:repeat(4,44px)}.tv .tv-sign-text b{font-size:28px}}@media (prefers-reduced-motion:reduce){.tv .tv-shield-art{transition:none}.tv .tv-shield:hover .tv-shield-art{transform:none}}.intro-logo.tv-logo-word{letter-spacing:0;color:#f0c987;text-shadow:none;box-shadow:none;background:#2c211a;border:3px solid #5b5148;align-items:center;gap:.25em;padding:.12em .4em .2em;font-family:Grenze Gotisch,Georgia,serif;font-weight:700;animation:.45s ease-out .1s both logoIn;display:inline-flex}.intro-logo.tv-logo-word svg{flex:none;width:.85em;height:.85em}