html,body,#root{color:#e8e8e8;background:#111418;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.game-canvas{outline:none;width:100%;height:100%;display:block}.hud-panel{pointer-events:none;background:#0000008c;border-radius:6px;padding:8px 12px;font-size:13px;line-height:1.5;position:absolute}.hud-status{top:12px;left:12px}.hud-error{color:#ff7a7a}.hud-frames{pointer-events:none;align-items:flex-start;gap:12px;display:flex;position:absolute;top:12px;left:12px}.unit-frame{width:220px;position:static}.unit-name{justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;display:flex}.tag{border-radius:4px;padding:0 6px;font-size:11px;font-weight:600}.tag-attack{background:#b33a3a}.tag-lock{background:#3a6ab3}.tag-in-range{background:#3a8a4a}.tag-out-range{background:#555}.bar{background:#222;border-radius:3px;height:16px;margin-top:3px;position:relative;overflow:hidden}.bar-fill{height:100%;transition:width .1s linear}.bar-hp .bar-fill{background:#3fae4f}.bar-mana .bar-fill{background:#3f6fd0}.bar-endurance .bar-fill{background:#c9a227}.bar-cast .bar-fill{background:#b07ad6}.bar-text{text-align:center;font-size:11px;line-height:16px;position:absolute;inset:0}.combat-log{min-width:260px;bottom:12px;left:12px}.help{color:#b8b8b8;max-width:max(220px,100vw - 560px);top:50px;right:12px}.help-toggle{color:#d8d8d8;cursor:pointer;pointer-events:auto;background:#0000008c;border:1px solid #ffffff59;border-radius:50%;width:28px;height:28px;padding:0;font:italic 700 15px/26px Georgia,serif;position:absolute;top:12px;right:12px}.help-toggle:hover,.help-toggle.active{color:#ffe08a;border-color:#e0c060}.tag-blocked{background:#8a5a1a}.hud-bottom{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.self-cast{width:260px;height:20px}.hotbar{pointer-events:auto;gap:6px;display:flex}.slot{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0c10cc;border:1px solid #555;border-radius:6px;width:52px;height:52px;position:relative}.slot:hover{border-color:#aaa}.slot-icon{display:flex;position:absolute;inset:6px}.slot-icon svg{width:100%;height:100%}.slot-key{color:#ffd76a;text-shadow:0 0 2px #000,0 0 3px #000;font-size:11px;font-weight:700;position:absolute;top:1px;left:4px}.slot-cost{color:#ddd;text-shadow:0 0 2px #000,0 0 3px #000;font-size:10px;position:absolute;bottom:1px;right:4px}.slot-cooldown{color:#fff;text-shadow:0 0 3px #000;border-radius:5px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.slot-unaffordable .slot-icon{opacity:.35}.slot-unaffordable .slot-cost{color:#ff7a7a}.slot-range:after{content:"";background:#c81e1e61;border-radius:5px;position:absolute;inset:0}.slot-position{border-color:#e04040;box-shadow:inset 0 0 6px #e04040cc}.slot-combo .slot-icon,.slot-noTarget .slot-icon,.slot-disabled .slot-icon{filter:grayscale();opacity:.4}.slot-tooltip{color:#ddd;pointer-events:none;z-index:10;background:#0c0e14f2;border:1px solid #555;border-radius:6px;width:240px;padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-name{margin-bottom:2px;font-size:14px;font-weight:700}.tooltip-details{color:#aaa;margin-bottom:4px}.tooltip-reason{color:#ff7a7a;margin-top:4px;font-weight:600}.flash-message{color:#ff6b6b;text-shadow:0 1px 3px #000;pointer-events:none;font-size:18px;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%)}@media (width<=1100px){.combat-log{bottom:100px}}.screen{box-sizing:border-box;background:#111418;flex-direction:column;justify-content:safe center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.screen h1{margin:0;font-size:26px}.screen-text{margin:0;font-size:16px}.screen-hint{color:#8a93a3;margin:0;font-size:13px}.primary-button,.secondary-button{font:inherit;cursor:pointer;border-radius:8px;padding:10px 22px;font-weight:600}.primary-button{color:#1a1a1a;background:#ffd76a;border:none}.secondary-button{color:#e8e8e8;background:0 0;border:1px solid #555}.primary-button:disabled,.secondary-button:disabled{opacity:.4;cursor:default}.name-form{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:flex}.name-label{color:#8a93a3;font-size:13px}.name-input{color:#e8e8e8;width:220px;max-width:100%;font:inherit;text-align:center;background:#1b2027;border:1px solid #555;border-radius:8px;padding:8px 12px;font-size:16px}.name-input:focus{border-color:#ffd76a;outline:none}.name-hint{color:#8a93a3;margin:0 0 4px;font-size:12px}.link-button{color:#8a93a3;font:inherit;cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.team-0{color:#6fa3ff;font-weight:700}.team-1{color:#ff6f6f;font-weight:700}.class-card-selected{border-color:#ffd76a;box-shadow:0 0 8px #ffd76a80}.roster{text-align:center;margin-top:8px}.roster h2{margin:0 0 6px;font-size:15px}.roster-line{justify-content:space-between;align-items:center;gap:16px;min-width:300px;font-size:13px;line-height:1.9;display:flex}.roster-self{color:#ffe08a}.roster-name{align-items:center;gap:6px;display:flex}.roster-tag{color:#c8c8c8;text-transform:uppercase;background:#ffffff1f;border-radius:4px;padding:0 6px;font-size:10px;line-height:16px}.roster-leader{color:#ffe08a;background:#e0c06040}.roster-bot{color:#a9c4ef;background:#78a0dc33}.roster-select{color:inherit;font:inherit;cursor:pointer;background:#1d1f24;border:1px solid #ffffff40;border-radius:4px;padding:2px 6px;font-weight:600}.lobby-countdown{color:#ffe08a;font-variant-numeric:tabular-nums}.phase-banner{pointer-events:none;background:#000000a6;border-radius:6px;padding:8px 16px;font-size:15px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.end-overlay{background:#0a0c0fbf;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.end-overlay h1{margin:0;font-size:40px}.class-list{flex-wrap:wrap;justify-content:center;gap:12px;max-width:1000px;display:flex}.class-card{text-align:left;width:180px;color:inherit;font:inherit;cursor:pointer;background:#1c2128;border:1px solid #3a4250;border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex}.class-card:hover{background:#232a33;border-color:#ffd76a}.class-name{font-size:17px;font-weight:700}.class-role{color:#ffd76a;font-size:13px}.class-stats,.class-abilities{color:#aab;font-size:12px;line-height:1.4}.unit-class{color:#aab;font-size:11px;font-weight:400}.frame-ally{border-left:3px solid #3f7fd0}.frame-enemy{border-left:3px solid #d04a3f}.aura-list{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.aura{flex-direction:column;align-items:center;display:inline-flex}.aura-box{box-sizing:border-box;background:#0c0c12e0;border:2px solid #3fbf6a;border-radius:5px;width:26px;height:26px;display:block;position:relative;overflow:hidden}.aura-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:2px}.aura-icon svg{width:100%;height:100%;display:block}.aura-fallback{color:#fff;font-size:9px;font-weight:700}.aura-clock{pointer-events:none;position:absolute;inset:0}.aura-time{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;margin-top:1px;font-size:11px;font-weight:700;line-height:12px}.aura-control .aura-box{border-color:#ff4d6d;box-shadow:0 0 5px #ff4d6dcc}.aura-debuff .aura-box{border-color:#e0802e}.aura-immunity .aura-box{border-style:dashed;border-color:#8a96a8}.aura-ending .aura-box{animation:.45s ease-in-out infinite alternate aura-blink}@keyframes aura-blink{to{opacity:.35}}.self-auras{flex-direction:column;align-items:center;gap:3px;display:flex}.self-auras .aura{pointer-events:auto}.aura-row{justify-content:center;align-items:flex-end;gap:5px;min-height:51px;display:flex}.aura-row-buffs{min-height:43px}.aura-size-self .aura-box{width:38px;height:38px}.aura-size-self .aura-time{font-size:12px}.aura-size-buff .aura-box{width:30px;height:30px}.aura-size-buff.aura-permanent .aura-box{opacity:.8;width:24px;height:24px}.aura-size-group .aura-box{border-width:1px;border-radius:3px;width:17px;height:17px}.aura-size-group .aura-icon{inset:1px}.aura-size-group.aura-control .aura-box{border-width:2px}.slot-active{border-color:#ffd76a;box-shadow:0 0 6px #ffd76a}.slot-combo-ready{border-color:#7cf0ff;box-shadow:0 0 10px #7cf0ff}.slot-queued{border-color:#ff9a3c;animation:.8s ease-in-out infinite alternate slot-queued-pulse;box-shadow:0 0 8px #ff9a3c}@keyframes slot-queued-pulse{0%{box-shadow:0 0 3px #ff9a3c}to{box-shadow:0 0 12px #ff9a3c}}.button-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.game-view{position:absolute;inset:0}.world-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.float-text{white-space:nowrap;text-shadow:0 0 3px #000,0 1px 2px #000;will-change:transform, opacity;font-size:15px;font-weight:800;position:absolute;top:0;left:0}.float-big{font-size:22px}.float-damageDealt{color:#fff1b8}.float-damageTaken{color:#ff5a5a}.float-heal{color:#5dff7a}.float-info{color:#d6d6d6;font-size:13px}.float-control{color:#d58bff}.status-indicator{text-shadow:0 0 3px #000;gap:2px;font-weight:800;display:flex;position:absolute;top:0;left:0}.status-mez span{color:#c9a6ff;animation:1.5s ease-in-out infinite zzz}.status-mez span:first-child{font-size:18px}.status-mez span:nth-child(2){font-size:14px;animation-delay:.25s}.status-mez span:nth-child(3){font-size:11px;animation-delay:.5s}@keyframes zzz{0%,to{opacity:.3;transform:translateY(4px)}50%{opacity:1;transform:translateY(-4px)}}.status-taunt span{color:#ff3b30;font-size:20px;animation:.6s ease-in-out infinite zzz}.status-taunt span:nth-child(2){animation-delay:.1s}.status-taunt span:nth-child(3){animation-delay:.2s}.status-nearSight{color:#d9b8ff;filter:drop-shadow(0 0 2px #000);gap:6px;animation:2.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.55}}.status-rampart{animation:1.8s ease-in-out infinite blink}.status-rampartAlly{color:#4f9bff;filter:drop-shadow(0 0 3px #9cc8ff)drop-shadow(0 0 1px #000)}.status-rampartEnemy{color:#ff5a36;filter:drop-shadow(0 0 3px #ffb070)drop-shadow(0 0 1px #000)}.status-rampart svg{width:22px;height:22px}.status-stun{animation:1.2s linear infinite spin}.status-stun span{color:#ffe14a;font-size:14px}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}.nameplate{white-space:nowrap;pointer-events:none;will-change:transform;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.nameplate-label{text-shadow:0 0 3px #000,0 1px 2px #000;font-size:13px;font-weight:700}.nameplate-ally .nameplate-label{color:#9cc8ff}.nameplate-enemy .nameplate-label{color:#ff5a52}.nameplate-dead{opacity:.35;filter:grayscale()}.order-wheel{z-index:20;pointer-events:none;width:0;height:0;position:fixed}.order-wheel svg{position:absolute;top:0;left:0;overflow:visible;transform:translate(-50%,-50%)}.order-wheel-sector{fill:#0c101a8c;stroke:#ffffff38;stroke-width:1.5px}.order-wheel-sector.order-wheel-disabled{fill:#0c101a4d}.order-wheel-sector.order-wheel-selected{fill:#ffc45073;stroke:#ffd36a;stroke-width:2px}.order-wheel-label{color:#eef1f6;text-align:center;text-shadow:0 0 3px #000,0 1px 2px #000;width:92px;font-size:14px;font-weight:700;line-height:1.15;position:absolute;top:0;left:0}.order-wheel-label.order-wheel-disabled{opacity:.35}.order-wheel-label.order-wheel-selected{color:#fff6d8}.speech-bubble{color:#1c2230;white-space:nowrap;pointer-events:none;will-change:transform, opacity;background:#faf8f0f2;border-radius:10px;max-width:200px;padding:4px 9px;font-size:13px;font-weight:600;position:absolute;top:0;left:0}.speech-bubble:after{content:"";border:6px solid #0000;border-top-color:#faf8f0f2;border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.spectator-banner{border:1px solid #8a93a3;top:auto;bottom:110px}.soundboard{box-sizing:border-box;max-width:900px;height:100%;margin:0 auto;padding:24px;overflow-y:auto}.soundboard h1{margin:0 0 6px}.soundboard h2{color:#ffd76a;margin:22px 0 10px;font-size:16px}.soundboard-volume{align-items:center;gap:10px;margin-top:14px;display:flex}.soundboard-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.sound-button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#1c2128;border:1px solid #3a4250;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;font-size:14px;display:flex}.sound-button:hover{border-color:#ffd76a}.sound-button-last{background:#262d36;border-color:#ffd76a}.sound-id{color:#8a93a3;font-family:ui-monospace,monospace;font-size:11px}.soundboard-toolbar{z-index:1;background:#12161c;border-bottom:1px solid #3a4250;flex-wrap:wrap;align-items:center;gap:14px;margin:14px -24px 0;padding:10px 24px;display:flex;position:sticky;top:-24px}.soundboard-toolbar label{align-items:center;gap:6px;display:flex}.soundboard-toolbar .soundboard-volume{margin-top:0}.sound-button-used{border-left:3px solid #6fcf5a}.sound-label{overflow-wrap:anywhere}.sound-meta{color:#8a93a3;flex-wrap:wrap;align-items:center;gap:8px;width:100%;font-size:11px;display:flex}.sound-badge{border-radius:3px;padding:1px 5px;font-size:11px}.sound-badge-used{color:#0e1a0b;background:#6fcf5a}.sound-copy{font:inherit;color:inherit;cursor:pointer;background:#2a313b;border:1px solid #4a5363;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px}.sound-copy:hover{border-color:#ffd76a}.sound-control{background:#0000008c;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:12px;right:12px}.sound-toggle{cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.sound-control input{width:90px}@media (width<=1100px){.sound-control input{display:none}}.hud-column{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.group-panel{pointer-events:auto;flex-direction:column;gap:1px;width:215px;padding:4px;display:flex;position:static}.group-member{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:4px;padding:2px 4px 3px}.group-member:hover{background:#ffffff12}.unit-frame-self{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.unit-frame-self:hover{box-shadow:inset 0 0 0 1px #ffffff40}.group-member-target{background:#ffd76a1a;border-color:#ffd76a}.group-member-far{opacity:.5}.group-member-dead>*{opacity:.4;filter:grayscale()}.group-member-header{align-items:center;gap:4px;font-size:11px;line-height:14px;display:flex}.group-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.group-casting{color:#ffd76a;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.group-effects{flex-wrap:wrap;gap:2px;margin-top:2px;display:flex}.group-hotkey{color:#888;flex-shrink:0;margin-left:auto;font-size:9px}.mini-bar{background:#ffffff1f;border-radius:2px;height:4px;margin-top:1px;position:relative;overflow:hidden}.mini-bar.bar-hp{height:11px}.mini-bar-text{text-align:center;text-shadow:0 0 2px #000;font-size:9px;line-height:11px;position:absolute;inset:0}.credits{color:#8a93a3;margin-top:28px;font-size:12px}.credits a{color:inherit}.swing-bar{background:#0a0c10cc;border:1px solid #ffffff59;width:240px;height:8px;position:relative}.swing-fill{width:0;height:100%}.swing-struck{animation:.25s ease-out swing-flash}@keyframes swing-flash{0%{filter:brightness(2.5);box-shadow:0 0 12px 4px #fff}}.swing-late .swing-fill{animation:.5s steps(2,jump-none) infinite swing-late-blink;background:#d23c3c!important}@keyframes swing-late-blink{50%{opacity:.35}}.swing-queued{width:20px;height:20px;position:absolute;top:50%;right:-26px;transform:translateY(-50%)}.swing-queued svg{fill:currentColor;width:100%;height:100%}.slot-position-badge{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000);width:16px;height:16px;position:absolute;top:2px;right:2px}.slot-position-front{fill:#fff}.slot-position-wrong{stroke:#ff4a4a}.slot-position-wrong .slot-position-front{fill:#ff4a4a}.anim-viewer{color:#e8e2d0;background:#171a21;flex-direction:column;font-size:13px;display:flex;position:fixed;inset:0}.anim-toolbar{background:#0a0c10e6;border-bottom:1px solid #ffffff26;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.anim-toolbar label{align-items:center;gap:6px;display:flex}.anim-toolbar select,.anim-toolbar input,.anim-toolbar button{font:inherit;color:inherit;background:#232833;border:1px solid #fff3;border-radius:3px;padding:3px 6px}.anim-toolbar input[type=search]{width:220px}.anim-toolbar button:disabled{opacity:.4}.anim-pages{align-items:center;gap:8px;margin-left:auto;display:flex}.anim-stage{flex:1;position:relative;overflow:hidden}.anim-canvas{outline:none;width:100%;height:100%;display:block}.anim-labels{pointer-events:none;position:absolute;inset:0}.anim-label{pointer-events:auto;font:inherit;color:#e8e2d0;white-space:nowrap;cursor:pointer;background:#0a0c10bf;border:1px solid #fff3;border-radius:3px;padding:2px 6px;font-size:12px;position:absolute;top:0;left:0}.anim-label:hover{border-color:#ffd76a}.anim-label-ingame{color:#9be37f}.anim-error{background:#781414d9;border-radius:4px;padding:12px 16px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.lab-body{flex:1;min-height:0;display:flex}.lab-abilities{background:#0a0c1099;border-right:1px solid #ffffff26;width:220px;overflow-y:auto}.lab-ability{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0f;flex-direction:column;align-items:flex-start;padding:7px 12px;display:flex}.lab-ability small{color:#9a9484}.lab-ability:hover{background:#ffffff0d}.lab-ability-selected{background:#ffd76a24;box-shadow:inset 3px 0 #ffd76a}.lab-ability-stance{opacity:.5}.lab-hint{color:#9a9484}.lab-message{color:#9be37f}.anim-toolbar button.lab-save{background:#3d6b2c;border-color:#9be37f}.lab-loading{text-align:center;color:#9a9484;width:100%;position:absolute;top:45%}.lab-castbar{background:#0a0c10cc;border:1px solid #ffffff4d;border-radius:3px;width:260px;height:18px;position:absolute;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}.lab-castbar div{background:linear-gradient(#e0b04a,#a8741c);height:100%}.lab-castbar span{text-align:center;font-size:12px;line-height:18px;position:absolute;inset:0}.lab-panel{background:#0a0c10e6;border-top:1px solid #ffffff26;padding:10px 14px 14px}.lab-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lab-controls label{align-items:center;gap:6px;display:flex}.lab-controls select,.lab-controls input[type=search],.lab-controls button{font:inherit;color:inherit;background:#232833;border:1px solid #fff3;border-radius:3px;padding:3px 6px}.lab-controls button:disabled{opacity:.4}.lab-controls button.lab-play{background:#2c4a6b;border-color:#7fb4e3;min-width:170px}.lab-rate input{width:200px}.lab-timeline{margin-top:14px;padding-bottom:16px}.lab-track{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;background:#1f232c;border:1px solid #ffffff26;border-radius:3px;height:54px;position:relative}.lab-tick{pointer-events:none;border-left:1px solid #ffffff0f;width:0;position:absolute;top:0;bottom:0}.lab-tick-major{border-left-color:#ffffff2e}.lab-tick span{color:#9a9484;white-space:nowrap;margin-top:2px;font-size:11px;position:absolute;top:100%;transform:translate(-50%)}.lab-range{border-radius:3px;position:absolute;top:8px;bottom:8px}.lab-range span{white-space:nowrap;pointer-events:none;font-size:12px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.lab-range-cast{cursor:grab;background:#e0b04a73;border:1px solid #ffd76a}.lab-range-after{background:#7fb4e340;border:1px dashed #7fb4e3;border-left:none}.lab-handle{cursor:ew-resize;z-index:2;background:#ffd76a;border-radius:2px;width:10px;position:absolute;top:-6px;bottom:-6px}.lab-handle-left{left:-5px}.lab-handle-right{right:-5px}.lab-range-after .lab-handle{background:#7fb4e3}.lab-playhead{pointer-events:none;background:#ff5a52;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.lab-summary{color:#c9c2ae;margin-top:4px}.lab-note{color:#9a9484;margin:4px 0}.lab-effects{margin-top:10px}.lab-effects-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.lab-effects-head button{font:inherit;color:inherit;background:#232833;border:1px solid #fff3;border-radius:3px;padding:2px 8px}.lab-effect-track{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;background:#1a1d24;border:1px solid #ffffff1a;border-radius:3px;height:30px;margin-bottom:4px;position:relative}.lab-effect-portion{pointer-events:none;background:#ffffff0a;position:absolute;top:0;bottom:0}.lab-range-effect{cursor:grab;background:#b46ee659;border:1px solid #b46ee6;top:5px;bottom:5px}.lab-range-effect .lab-handle{background:#b46ee6;top:-4px;bottom:-4px}.lab-range-effect-selected{background:#b46ee699;box-shadow:0 0 0 1px #e6c8ff}.lab-effect-controls{margin-top:6px}.lab-offset input{width:120px}.lab-key{cursor:ew-resize;z-index:3;background:#f4e6ff;border:1px solid #5a2d7a;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;transform:rotate(45deg)}.lab-key-selected{background:#ffd76a;border-color:#7a5a10;box-shadow:0 0 0 2px #ffd76a66}.lab-key-label{color:#e6c8ff}.lab-tabs{gap:4px;display:flex}.anim-toolbar .lab-tabs button{border-radius:3px 3px 0 0}.anim-toolbar .lab-tabs button.lab-tab-active{color:#ffd76a;background:#3a3f4c;border-color:#ffd76a}.lab-new{color:#9be37f}.fx-side{background:#0a0c10d9;border-left:1px solid #ffffff26;width:360px;padding:8px 12px 16px;overflow-y:auto}.fx-side h4{text-transform:uppercase;letter-spacing:.05em;color:#ffd76a;margin:0 0 6px;font-size:12px}.fx-group{border-bottom:1px solid #ffffff14;padding:8px 0}.fx-row{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}.fx-field{flex-direction:column;gap:2px;margin:4px 0;display:flex}.fx-field b{color:#ffd76a;font-weight:400}.fx-field input[type=range]{width:100%}.fx-side select,.fx-side input[type=text],.fx-side textarea,.fx-side button{font:inherit;color:inherit;background:#232833;border:1px solid #fff3;border-radius:3px;padding:3px 6px}.fx-side button:disabled{opacity:.4}.fx-check{align-items:center;gap:6px;margin:4px 0;display:flex}.fx-colors{flex-direction:column;gap:4px;margin-top:6px;display:flex}.fx-gradient{background-color:#555;border:1px solid #fff3;border-radius:3px;height:14px}.fx-stop{grid-template-columns:36px 1fr 1fr auto;align-items:center;gap:6px;font-size:12px;display:grid}.fx-stop label{flex-direction:column;display:flex}.fx-stop input[type=range]{width:100%}.fx-stop input[type=color]{background:0 0;border:none;width:32px;height:26px;padding:0}.fx-actions{flex-wrap:wrap;gap:6px;padding:10px 0;display:flex}.fx-requests{border-bottom:1px solid #ffffff26;flex-direction:column;gap:6px;margin-bottom:8px;padding:4px 0 12px;display:flex}.fx-requests h4{margin:4px 0 2px}.fx-check{cursor:pointer;align-items:center;gap:6px;display:flex}.fx-link{color:#7fb4e3;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.fx-requests textarea{resize:vertical}.fx-requests ul{margin:4px 0 0;padding-left:16px}.fx-requests li{margin-bottom:4px}.fx-request-done{color:#9be37f}.lab-fx-tag{white-space:nowrap;background:#0a0c10bf;border:1px solid #ffffff40;border-radius:3px;padding:1px 6px;font-size:12px;position:absolute;top:0;left:0}.lab-moments{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:8px;display:flex}.lab-moments label{align-items:center;gap:6px;display:flex}.lab-moments select,.lab-moments button{font:inherit;color:inherit;background:#232833;border:1px solid #fff3;border-radius:3px;padding:3px 8px}.lab-moments button.lab-play{background:#2c4a6b;border-color:#7fb4e3;min-width:170px}.lab-moments .lab-tabs button.lab-tab-active{color:#ffd76a;background:#3a3f4c;border-color:#ffd76a}.lab-moment-empty{align-items:center;gap:16px;display:flex}.lab-moment-empty .lab-note{max-width:760px}.lab-moment-empty button{font:inherit;color:inherit;white-space:nowrap;border-radius:3px;padding:4px 10px}.lab-reaction{margin-top:10px}.lab-reaction .lab-timeline{margin-top:4px}.lab-check{cursor:pointer}.lab-range-open{border-right-style:dashed}.lab-extras{color:#e6c27a;margin:6px 0 0}.lab-moment-empty button.lab-save{background:#3d6b2c;border:1px solid #9be37f}.fx-symbols{flex-wrap:wrap;gap:4px;margin:4px 0 6px;display:flex}.fx-symbols button{min-width:28px;font-size:16px}.sound-list .sound-filters{border-bottom:1px solid #ffffff26;flex-direction:column;gap:6px;padding:8px;display:flex}.sound-rejected{opacity:.45;text-decoration:line-through}.sound-pane{flex:1;padding:16px 20px;overflow-y:auto}.sound-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sound-head h3{margin:0 0 4px}.sound-actions{gap:8px;display:flex}.sound-actions button,.sound-part button,.sound-detect button{font:inherit;color:inherit;background:#232833;border:1px solid #fff3;border-radius:3px;padding:3px 8px}.sound-actions button.lab-play{background:#2c4a6b;border-color:#7fb4e3}.sound-wave{background:#00000059;border:1px solid #ffffff1f;height:160px;margin:14px 0 4px;position:relative}.sound-wave canvas{cursor:pointer;width:100%;height:100%;display:block}.sound-cut{cursor:ew-resize;background:linear-gradient(90deg,#0000 3px,#ffd76a 3px 4px,#0000 4px);width:7px;margin-left:-3px;position:absolute;top:0;bottom:0}.sound-head-mark{pointer-events:none;background:#ff5a5a;width:1px;display:none;position:absolute;top:0;bottom:0}.sound-detect{margin-top:10px}.sound-parts{flex-direction:column;gap:4px;margin-top:12px;display:flex}.sound-part{align-items:center;gap:10px;display:flex}.sound-pending{margin-top:18px}.lab-controls button.lab-edit{color:#ffd76a;background:#3a3f4c;border-color:#ffd76a}.anim-toolbar button.lab-back{background:#2c4a6b;border-color:#7fb4e3}.lab-after-clip{pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff0a 0 6px,#0000 6px 12px);position:absolute;top:0;bottom:0}.sound-uses{color:#9be37f;display:block}.common-sounds section{margin-bottom:18px}.common-sounds h3{margin:0 0 6px;font-size:14px}.common-sounds table{border-collapse:collapse}.common-sounds td{vertical-align:top;padding:3px 12px 3px 0}.common-sound{align-items:center;gap:6px;margin-right:12px;display:inline-flex}.common-sounds ul{opacity:.85;margin:6px 0 0;padding-left:18px}.lab-range-casting{pointer-events:none;background:#e0b04a59;border-radius:2px;height:6px;top:auto;bottom:2px}.lab-range-casting span{display:none}.lab-range-clip{cursor:pointer;background:#7fb4e34d;border:1px solid #7fb4e3;bottom:12px;overflow:hidden}.lab-range-clip span{font-size:11px;left:6px}.lab-range-selected{background:#e0b04a73;border-color:#ffd76a}.lab-release{pointer-events:none;border-left:2px dashed #ffd76a;width:0;position:absolute;top:-4px;bottom:-4px}.language-menu{z-index:5;position:absolute;top:12px;right:12px}.language-current,.language-option{color:#e8e8e8;width:100%;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex}.language-current{background:#0000008c;border:1px solid #3a414c;border-radius:6px}.language-current:hover,.language-current[aria-expanded=true]{border-color:#ffd76a}.language-caret{color:#8a93a3;font-size:11px}.language-list{background:#1b2027;border:1px solid #3a414c;border-radius:6px;min-width:100%;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 18px #00000073}.language-option:hover,.language-option:focus-visible{background:#ffffff12}.language-option.selected{color:#ffd76a}@media (width<=480px){.language-menu{align-self:flex-end;position:static}}.flag{border-radius:2px;flex:none;width:21px;height:14px;box-shadow:0 0 0 1px #ffffff26}.loading-teams{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;max-width:860px;display:flex}.loading-team{flex-direction:column;flex:320px;gap:6px;display:flex}.loading-team h2{margin:0 0 4px;font-size:18px}.loading-line{background:#ffffff0a;border-radius:4px;grid-template-columns:minmax(0,1fr) 120px 44px;align-items:center;gap:10px;padding:4px 8px;display:grid}.loading-line .roster-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-bar{background:#ffffff1f;border-radius:4px;height:8px;overflow:hidden}.loading-fill{background:#d9b44a;height:100%;transition:width .2s linear;display:block}.loading-fill.loading-done{background:#5cb85c}.loading-percent{text-align:right;font-variant-numeric:tabular-nums;opacity:.8;font-size:13px}.ping{font-variant-numeric:tabular-nums;font-size:12px}.ping-good{color:#7bd88f}.ping-medium{color:#e6c15a}.ping-bad{color:#ef6b6b}