.dm-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dm-fly{white-space:nowrap;text-shadow:1px 0 2px #000000e6,-1px 0 2px #000000e6,0 1px 2px #000000e6,0 -1px 2px #000000e6;pointer-events:auto;align-items:center;gap:6px;font-size:.9375rem;animation-name:dm-move;animation-timing-function:linear;animation-fill-mode:forwards;display:inline-flex;position:absolute;left:100%}.dm-fly:hover{animation-play-state:paused}@keyframes dm-move{0%{transform:translate(0)}to{transform:translate(-140vw)}}.dm-badge{background:url(/badge-10th.png) 50%/contain no-repeat;flex:none;width:18px;height:18px;display:inline-block}.dm-school{color:#9cc3ff}.dm-text{color:#fff}.dm-tag{border:1px solid;border-radius:4px;padding:0 4px;font-size:.75rem}:root{--bg:#0f1217;--surface-0:#0f141c;--surface-1:#15181e;--surface-2:#1c2026;--panel:var(--surface-2);--line:#3a3f47;--line-strong:#565d68;--red:#ff3b4e;--blue:#3b82f6;--accent:#ffd54a;--ink:#e8eaed;--text-secondary:#9aa0a6;--text-on-accent:#1a1a1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,Microsoft YaHei,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.view-tile:focus-visible{outline-offset:-3px}html{scroll-snap-type:y proximity}.live-stage,.chat-section{scroll-snap-align:start}.app{flex-direction:column;display:flex}.live-stage{flex-direction:column;gap:10px;height:100dvh;padding:10px;display:flex}.stage-row{--enlarge-scale:1.6;flex:1;gap:8px;min-height:0;display:flex;position:relative;overflow:hidden}.side-column{z-index:1;width:var(--side-col-w);flex-direction:column;flex:none;gap:6px;display:flex;position:relative}.view-tile{z-index:0;aspect-ratio:16/9;border:1px solid var(--line);cursor:pointer;background:#000;border-radius:6px;flex:none;width:100%;padding:0;transition:transform .15s,box-shadow .15s,z-index 0s linear .15s;position:relative;overflow:hidden}.view-tile.red{border-left:3px solid var(--red)}.view-tile.blue{border-right:3px solid var(--blue)}.view-tile:hover:not(.enlarged){box-shadow:0 0 0 1px var(--line-strong)}.view-tile:active:not(.enlarged){transform:scale(.96)}.view-tile.enlarged:active{transform:scale(calc(var(--enlarge-scale) - .06))}.side-column.red .view-tile{transform-origin:0}.side-column.blue .view-tile{transform-origin:100%}.side-column.red .view-tile:first-child{transform-origin:0 0}.side-column.red .view-tile:last-child{transform-origin:0 100%}.side-column.blue .view-tile:first-child{transform-origin:100% 0}.side-column.blue .view-tile:last-child{transform-origin:100% 100%}.view-tile.enlarged{transform:scale(var(--enlarge-scale));z-index:calc(20 + var(--stack,0));transition:transform .15s,box-shadow .15s,z-index linear;box-shadow:0 6px 30px #000000b3}.view-tile-video{object-fit:cover;width:100%;height:100%;display:block}.main-stage{z-index:0;border:1px solid var(--line);background:#000;border-radius:8px;flex:1;min-width:0;position:relative;overflow:hidden}.stage-cover{z-index:30;color:var(--accent);letter-spacing:2px;text-align:center;background:#080a0ef0;justify-content:center;align-items:center;padding:20px;font-size:1.25rem;font-weight:700;display:flex;position:absolute;inset:0}.stage-grid{flex:1;gap:0;min-height:0;display:flex}.sg-main{flex-direction:column;gap:10px;min-width:0;display:flex}.sg-right{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.sg-sep{touch-action:none;background:0 0;border-radius:5px;flex:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.sg-sep:hover{background:#ffd54a1a}.sg-sep--col{cursor:col-resize;width:10px}.sg-sep--col>span{background:var(--line-strong);border-radius:1px;width:2px;height:34px}.sg-sep--row{cursor:row-resize;height:10px}.sg-sep--row>span{background:var(--line-strong);border-radius:1px;width:34px;height:2px}.sg-sep:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sg-tiles{place-content:start center;gap:6px;min-height:0;display:grid;overflow:hidden}.sg-tile{border:1px solid var(--line);cursor:grab;touch-action:none;background:#000;border-radius:6px;padding:0;transition:box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.sg-tile:hover{box-shadow:0 0 0 1px var(--line-strong)}.sg-tile:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.sg-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.sg-tile.dragging{z-index:20;cursor:grabbing;opacity:.92;box-shadow:0 8px 32px #000000b3}.sg-tile-video{object-fit:cover;width:100%;height:100%;display:block}.sg-tile-name{color:var(--text-secondary);text-shadow:0 1px 3px #000000e6;pointer-events:none;font-size:.6875rem;position:absolute;bottom:4px;left:6px}.sg-lower{flex-direction:column;flex:1;min-height:0;display:flex}.sg-sandbox{flex:1;min-height:0;display:flex}.sg-offscreen{opacity:0;pointer-events:none;z-index:-1;width:1px;height:1px;position:absolute;bottom:0;left:0;overflow:hidden}.ctl-menu{flex:none;display:inline-flex;position:relative}.ctl-menu__btn{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:.8125rem;line-height:1;transition:border-color .15s;display:inline-flex}.ctl-menu__btn:hover{border-color:var(--accent)}.ctl-menu__cur{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.ctl-menu__caret{color:var(--text-secondary);font-size:.625rem;line-height:1}.ctl-menu__panel{z-index:40;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px)saturate(140%);transform-origin:0 100%;background:#1c2026e0;border-radius:10px;flex-direction:column;gap:12px;width:236px;padding:12px;animation:.18s cubic-bezier(.2,0,0,1) pop-in;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 14px 34px #0009}.ctl-menu__panel--layout{gap:4px;width:auto;padding:6px}.ctl-field{flex-direction:column;gap:6px;display:flex}.ctl-field__label{color:var(--text-secondary);font-size:.75rem}.seg{border:1px solid var(--line);background:#0f141c;border-radius:7px;gap:2px;padding:2px;display:flex}.seg__opt{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;padding:5px 0;font-size:.75rem;line-height:1;transition:background-color .15s,color .15s}.seg__opt:hover{color:var(--text)}.seg__opt.active{background:var(--accent);color:#111;font-weight:700}.layout-opt{color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:7px 12px 7px 8px;font-size:.8125rem;transition:background-color .15s,color .15s;display:flex}.layout-opt:hover{color:var(--text);background:#ffffff0f}.layout-opt.active{color:var(--accent);border-color:var(--line-strong)}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sg-tile{transition:none}.ctl-menu__panel{animation:none}}.offline-stage{justify-content:center;align-items:center}.offline-title{color:var(--accent);letter-spacing:2px;text-align:center;padding:20px 20px 8px;font-size:1.375rem;font-weight:700}.offline-hint{text-align:center;color:var(--text-secondary);padding:8px;font-size:.8125rem;text-decoration:none;display:block}.offline-hint:hover{color:var(--accent)}.main-video{object-fit:contain;background:#000;width:100%;height:100%}.video-wrap{position:absolute;inset:0}.video-retry{pointer-events:none;color:#cfd3d8;letter-spacing:.5px;opacity:0;background:#000000a6;justify-content:center;align-items:center;font-size:.75rem;animation:.25s .15s forwards retry-in;display:flex;position:absolute;inset:0}@keyframes retry-in{to{opacity:1}}.match-title{z-index:5;white-space:nowrap;box-sizing:border-box;max-width:calc(100% - 152px);color:var(--accent);-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);background:#080a0e8c;border-radius:4px;padding:1px 8px;font-size:.75rem;position:absolute;top:6px;left:8px;overflow:hidden}.match-title__text{display:inline-block}.match-title__scroll{will-change:transform;width:max-content;animation-name:match-title-marquee;animation-timing-function:linear;animation-iteration-count:infinite;display:inline-flex}.match-title:hover .match-title__scroll{animation-play-state:paused}.match-title__seg{flex:none;padding-right:36px}@keyframes match-title-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.controls{flex-direction:column;flex:none;gap:8px;min-width:0;display:flex}.controls__row{align-items:center;gap:10px;min-width:0;display:flex}.controls__tail{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.pill{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:4px 9px;font-size:.8125rem}.pill select{color:var(--accent);background:0 0;border:none;font-weight:700}.pill option{background:var(--surface-2);color:var(--ink)}.dm-toggle{white-space:nowrap;border:none;border-right:1px solid var(--line);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:0;flex:none;padding:2px 10px 2px 4px;font-size:.8125rem}.dm-toggle:hover{color:var(--ink)}.dm-toggle:active{transform:translateY(1px)}.dm-toggle.active{color:var(--accent);font-weight:700}.stage-tools{z-index:6;align-items:flex-start;gap:6px;display:flex;position:absolute;top:6px;right:8px}.sync-pill{white-space:nowrap;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);border:1px solid var(--line);background:#080a0e80;border-radius:5px;align-items:center;padding:0;display:inline-flex;position:relative}.sync-pill:hover{border-color:var(--accent)}.sync-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px 0 0 4px;padding:2px 7px;font-size:.75rem;line-height:1.35}.sync-toggle:hover{color:var(--ink)}.sync-toggle:active{transform:translateY(1px)}.sync-toggle.active{color:var(--accent);font-weight:700}.sync-trim-btn{border:none;border-left:1px solid var(--line);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:0 4px 4px 0;padding:2px 6px;font-size:.75rem;line-height:1.35}.sync-trim-btn:hover,.sync-trim-btn.active{color:var(--ink)}.sync-trim-btn:active{transform:translateY(1px)}.sync-panel{z-index:30;box-sizing:border-box;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--line-strong);transform-origin:100% 0;background:#101318eb;border-radius:8px;width:216px;padding:10px 12px;animation:.16s cubic-bezier(.2,0,0,1) sync-panel-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000080}@keyframes sync-panel-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}}.sync-panel-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}.sync-panel label{color:var(--ink);font-weight:700}.sync-trim-value{color:var(--accent);font-variant-numeric:tabular-nums}.sync-panel input[type=range]{width:100%;accent-color:var(--accent);margin:8px 0 6px}.sync-panel-hint{font-size:.6875rem}.sync-trim-reset{border:1px solid var(--line);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:5px;padding:2px 8px;font-size:.6875rem}.sync-trim-reset:hover{color:var(--ink);border-color:var(--line-strong)}.sync-trim-reset:active{transform:translateY(1px)}.sync-panel-recal{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:9px;padding-top:9px;display:flex}.sync-recal-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:5px;flex:none;padding:3px 10px;font-size:.6875rem}.sync-recal-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sync-recal-btn:active:not(:disabled){transform:translateY(1px)}.sync-recal-btn:disabled{opacity:.55;cursor:progress}.sync-recal-note{min-height:1.2em;color:var(--text-secondary);flex:1;font-size:.6875rem;line-height:1.2}.sync-badge{z-index:3;pointer-events:none;color:var(--ink);-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);font-variant-numeric:tabular-nums;background:#080a0e8c;border-radius:4px;padding:1px 6px;font-size:.625rem;line-height:1.4;animation:.16s cubic-bezier(.2,0,0,1) sync-badge-in;position:absolute;top:4px;left:4px}@keyframes sync-badge-in{0%{opacity:0;transform:translateY(2px)}}.composer{background:var(--surface-0);border:1px solid var(--accent);border-radius:8px;align-items:center;gap:6px;padding:4px 6px;display:flex}.composer:focus-within{border-color:#fff;box-shadow:0 0 0 2px #ffd54a59}.composer--bar{flex:1;min-width:min(320px,100%)}.composer--bar .id-chip{flex:0 4 auto;min-width:5rem}.composer--bar .composer-row{flex:auto}.composer--panel{flex-direction:column;flex:none;align-items:stretch;gap:8px}.composer--panel .id-chip{align-self:flex-start;max-width:100%}.composer-row{align-items:center;gap:6px;min-width:0;display:flex}.id-chip{border:1px solid var(--line-strong);color:#cfe3ff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#16202e;border-radius:5px;max-width:280px;padding:3px 8px;font-size:.75rem;overflow:hidden}.id-chip .chip-badge{vertical-align:-4px;margin-right:4px}.id-chip:hover{border-color:var(--accent)}.id-chip:active{transform:translateY(1px)}.chip-badge,.msg-badge{background:url(/badge-10th.png) 50%/contain no-repeat;flex:none;width:18px;height:18px;display:inline-block}.composer-input{min-width:0;color:var(--ink);background:0 0;border:none;flex:8rem;font-size:.875rem}.composer-input:focus-visible{outline:none}.send-btn{white-space:nowrap;background:var(--accent);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:5px;flex:none;padding:5px 14px;font-size:.875rem;font-weight:700}.send-btn:hover{filter:brightness(1.08)}.send-btn:active{transform:translateY(1px)}.send-btn:disabled{opacity:.55;cursor:progress;filter:none;transform:none}.scroll-hint{color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:.15rem;margin-left:auto;padding:4px 8px;font-size:.75rem;text-decoration:none;display:inline-flex}.scroll-hint:hover{color:var(--accent)}.scroll-hint:active{transform:translateY(1px)}.watch-wrap{gap:.35rem;display:inline-flex;position:relative}.watch-capsule{white-space:nowrap;cursor:pointer;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);letter-spacing:.01em;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.8125rem;line-height:1.45;text-decoration:none;transition:transform .1s ease-out,border-color .15s;display:inline-flex}.watch-capsule:hover{border-color:var(--accent)}.watch-capsule:active{transform:scale(.97)}.watch-capsule__count,.watch-tier__gain{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.watch-capsule__unit,.watch-capsule__time,.watch-capsule__sep{color:var(--text-secondary)}.pellet-dot{background:radial-gradient(circle at 32% 30%,#fff2c2,#d9a521 72%);border-radius:50%;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 5px #ffd54a66}.watch-dialog{opacity:0;max-height:min(70vh,26rem);transition:opacity .2s cubic-bezier(.2,0,0,1), transform .2s cubic-bezier(.2,0,0,1), overlay .2s allow-discrete, display .2s allow-discrete;background:0 0;border:0;margin:0;padding:0;position:fixed;transform:scale(.94)translateY(6px)}.watch-dialog[open]{opacity:1;transform:none}@starting-style{.watch-dialog[open]{opacity:0;transform:scale(.94)translateY(6px)}}.watch-dialog::backdrop{background:#00000038}.watch-panel{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#181c23f0;border:1px solid #ffffff1f;border-radius:.875rem;flex-direction:column;gap:.5rem;width:min(19rem,100vw - 2rem);padding:.875rem;display:flex;box-shadow:0 20px 50px #0009}.watch-panel__title,.watch-panel__sum,.watch-panel__note{margin:0}.watch-panel__title{color:var(--ink);font-size:1rem}.watch-panel__sum,.watch-panel__note,.watch-tier{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.watch-tiers{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.watch-tier{grid-template-columns:1rem 1fr auto auto;align-items:center;gap:.45rem;padding:.3rem 0 .45rem;display:grid;position:relative}.watch-tier+.watch-tier{border-top:1px solid #ffffff0f}.watch-tier.is-done{color:var(--ink)}.watch-tier__bar{background:#ffffff14;border-radius:999px;height:2px;position:absolute;bottom:.15rem;left:1.45rem;right:0;overflow:hidden}.watch-tier__bar-fill{background:var(--accent);height:100%;display:block}.watch-panel__note a{color:var(--accent)}.watch-panel__note b{color:var(--ink);font-weight:600}.watch-panel__hint{color:var(--text-secondary);opacity:.72;letter-spacing:.01em;margin:0;font-size:.6875rem;line-height:1.6}.watch-action{background:var(--accent);color:#1a1a1a;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;min-height:2rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:700;line-height:1.45;text-decoration:none;transition:transform .1s ease-out,filter .15s,border-color .15s;display:flex}.watch-action:hover{color:#1a1a1a;filter:brightness(1.08)}.watch-action:active{transform:scale(.98)}.watch-action--ghost{border-color:var(--line-strong);color:var(--ink);background:0 0;font-weight:600}.watch-action--ghost:hover{color:var(--accent);border-color:var(--accent);filter:none}.chat-section{gap:10px;height:100dvh;padding:14px 14px 34px;display:flex;position:relative}.icp-footer{justify-content:center;align-items:center;gap:.9rem;height:34px;font-size:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.icp-footer a{color:var(--text-secondary);text-decoration:none}.icp-footer a:hover{color:var(--ink);text-decoration:underline}.icp-footer__github{align-items:center;margin:-.5rem;padding:.5rem;display:inline-flex}.icp-footer__github:hover{text-decoration:none}.reserved-panel{border:1px solid var(--line);background:var(--surface-1);border-radius:8px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.rp-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:6px 8px;display:flex}.rp-tab{border:1px solid var(--line-strong);color:#cfd3d8;cursor:pointer;background:0 0;border-radius:6px;padding:4px 14px;font-size:.8125rem}.rp-tab:hover:not(.active){border-color:var(--accent);color:var(--ink)}.rp-tab:active{transform:translateY(1px)}.rp-tab.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:700}.rp-open{color:var(--accent);border:1px solid var(--line-strong);white-space:nowrap;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.75rem;text-decoration:none}.rp-open:hover{border-color:var(--accent)}.rp-open:active{transform:translateY(1px)}.rp-frame{background:var(--surface-1);opacity:0;border:0;flex:1;width:100%;transition:opacity .35s}.rp-frame--loaded{opacity:1;background:#fff}.chatroom{background:var(--surface-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;width:340px;padding:10px;display:flex}.chatroom-title{color:var(--text-secondary);border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:6px;font-size:.8125rem}.chatroom-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chatroom-list{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow-y:auto}.new-msg-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent);border:1px solid var(--line-strong);cursor:pointer;background:#1c2026d1;border-radius:999px;padding:5px 14px;font-size:.75rem;animation:.2s cubic-bezier(.2,0,0,1) pill-in;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.new-msg-pill:hover{border-color:var(--accent)}.new-msg-pill:active{transform:translate(-50%)translateY(1px)}@keyframes pill-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}}.chatroom .composer{margin-top:8px}.chatroom-disabled{text-align:center;color:var(--text-secondary);border-top:1px solid var(--line);margin-top:8px;padding:8px 0;font-size:.8125rem}@media (width<=718px){.chat-section{flex-direction:column}.chatroom{flex:1;width:auto;min-height:0}}.msg-item{overflow-wrap:anywhere;font-size:.8125rem;line-height:1.5}.msg-name{align-items:center;gap:4px;margin-right:6px;font-weight:600;display:inline-flex}.msg-tag{opacity:.9;border:1px solid;border-radius:4px;padding:0 4px;font-size:.75rem}.msg-school{color:#9cc3ff;font-size:.75rem}.msg-text{color:var(--ink)}.id-editor-dialog{opacity:0;max-height:100%;transition:opacity .2s cubic-bezier(.2,0,0,1), transform .2s cubic-bezier(.2,0,0,1), overlay .2s allow-discrete, display .2s allow-discrete;background:0 0;border:0;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}.id-editor-dialog[open]{opacity:1;transform:none}@starting-style{.id-editor-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}.id-editor-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;background:#0000008c}.id-editor-dialog[open]::backdrop{opacity:1}@starting-style{.id-editor-dialog[open]::backdrop{opacity:0}}.id-editor{--field-w:11rem;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;width:300px;max-width:calc(100dvw - 2rem);max-height:calc(100dvh - 2rem);padding:18px;display:flex;overflow-y:auto}.id-editor h3{margin:0 0 8px}.id-editor .id-hint{margin:4px 0 0}.id-editor label{justify-content:space-between;align-items:center;gap:8px;font-size:.8125rem;display:flex}.id-editor label:has(input[type=checkbox]){justify-content:flex-start}.id-editor-row{justify-content:space-between;align-items:center;gap:8px;font-size:.8125rem;display:flex}.id-editor-row .badge-toggle{cursor:pointer;flex:none;gap:5px}.id-editor input:not([type=checkbox]),.id-editor-control{width:var(--field-w)}.id-editor-control{justify-content:space-between;align-items:center;gap:8px;display:flex}.id-editor input,.id-editor select{background:var(--surface-0);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:4px 6px}.id-editor-actions{justify-content:flex-end;gap:8px;display:flex}.id-editor-actions button{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#2a2f37;border-radius:5px;padding:5px 12px}.id-editor-actions button:active{transform:translateY(1px)}.id-editor .primary{background:var(--accent);color:var(--text-on-accent);border:none;border-radius:5px;padding:5px 12px;font-weight:700}.loading,.fatal{text-align:center;min-height:100dvh;color:var(--accent);letter-spacing:1px;justify-content:center;align-items:center;padding:40px;font-size:1.25rem;font-weight:700;display:flex}.fatal p{margin:0 0 16px}.conn-status{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent);text-align:center;background:#3a2a00d1;padding:5px;font-size:.75rem;animation:.25s cubic-bezier(.2,0,0,1) conn-in;position:fixed;top:0;left:0;right:0}@keyframes conn-in{0%{transform:translateY(-100%)}}.composer-error{color:#ff8a8a;margin-left:6px;font-size:.75rem}.id-hint{color:var(--text-secondary);font-size:.75rem}.mute-btn{-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);color:var(--accent);border:1px solid var(--line);cursor:pointer;background:#080a0e80;border-radius:5px;padding:2px 6px;font-size:1rem;line-height:1}.mute-btn:hover{border-color:var(--accent)}.mute-btn:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.dm-overlay{display:none}.match-title__scroll{animation:none}.match-title__seg+.match-title__seg{display:none}.view-tile{transition:none}.conn-status,.new-msg-pill{animation:none}.id-editor-dialog{transition:opacity .15s ease, overlay .15s allow-discrete, display .15s allow-discrete;transform:none}@starting-style{.id-editor-dialog[open]{transform:none}}.sync-panel,.sync-badge{animation:none}}@media (prefers-reduced-transparency:reduce){.match-title,.mute-btn,.sync-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000e0}.conn-status{-webkit-backdrop-filter:none;backdrop-filter:none;background:#3a2a00}.new-msg-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-2)}.id-editor-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000b3}.sync-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#14171c}.sync-badge{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000e0}.watch-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#14171c}}@media (width<=830px){.composer--bar{min-width:min(240px,100%)}}@media (width<=740px){.composer--bar .id-chip{max-width:9rem}}@media (pointer:coarse){.send-btn,.rp-tab,.id-chip,.rp-open,.mute-btn,.dm-toggle,.sync-toggle,.sync-trim-btn{min-height:44px}.rp-open{align-items:center;display:inline-flex}.composer-input{font-size:1rem}}.cheer{z-index:6;background:linear-gradient(#0a0d1200 0%,#0a0d12db 100%);flex-direction:column;flex:none;gap:.3rem;padding:.4rem 0 0;display:flex;position:relative}.main-stage>.cheer{position:absolute;bottom:0;left:0;right:0}.cheer__head{align-items:center;padding:0 .625rem;display:flex}.cheer__team{flex:1 1 0;align-items:center;gap:.4rem;min-width:0;display:flex}.cheer__team--blue{justify-content:flex-end}.cheer__gap{flex:none;width:2.75rem}.cheer__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);letter-spacing:.01em;font-size:clamp(.75rem,1.3vw,.875rem);line-height:1.4;overflow:hidden}.cheer__votes{font-variant-numeric:tabular-nums;flex:none;font-size:clamp(.8125rem,1.5vw,1rem);font-weight:700;line-height:1.25}.cheer__team--red .cheer__votes{color:#ff8a94}.cheer__team--blue .cheer__votes{color:#8fbcff}.cheer__chip{font-variant-numeric:tabular-nums;opacity:0;background:#12161eb3;border:1px solid #ffffff1f;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.25rem;min-width:2.5rem;min-height:1.45rem;padding:.05rem .4rem .05rem .2rem;font-size:.75rem;font-weight:700;line-height:1.45;transition:opacity .18s,transform .24s cubic-bezier(.2,0,0,1);display:inline-flex;transform:translateY(2px)scale(.96);box-shadow:0 1px 4px #0000003d}.cheer__chip.is-on{opacity:1;transform:translateY(0)scale(1)}.cheer__chip--red{color:#ff8a94}.cheer__chip--blue{color:#8fbcff}.cheer__chip-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000073);flex:none;width:1rem;height:1rem;display:block}.cheer-error{color:#ff8a8a;letter-spacing:.01em;padding:0 .625rem;font-size:.75rem;line-height:1.45}.cheer__track{background:#ffffff14;height:.375rem;display:flex;position:relative}.cheer__fill{height:100%;display:block}.cheer__fill--red{background:linear-gradient(90deg, #c81d2fbf, var(--red))}.cheer__fill--blue{background:linear-gradient(90deg, var(--blue), #2a5fc4bf)}.cheer__vs{z-index:2;transform-origin:bottom;margin:0 0 -9px -22px;padding:9px;line-height:0;transition:transform .3s cubic-bezier(.2,0,0,1);display:block;position:absolute;bottom:0;left:50%}.cheer__vs img{filter:drop-shadow(0 1px 3px #000000bf);width:26px;height:26px;display:block}.cheer__vs:hover{transform:scale(1.12)}.cheer__vs.is-pulse{animation:.5s cubic-bezier(.2,0,0,1) cheer-vs-pulse}@keyframes cheer-vs-pulse{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}.cheer__team--vote{z-index:1;cursor:pointer;color:inherit;font:inherit;text-align:inherit;background:0 0;border:0;border-radius:.5rem;margin:-.15rem -.3rem;padding:.15rem .3rem;position:relative}.cheer__team--vote:after{content:"";position:absolute;inset:0 0 -.7rem}.cheer__cursor-tip{z-index:60;white-space:nowrap;color:var(--ink);pointer-events:none;opacity:0;background:#0a0c10eb;border:1px solid #ffffff24;border-radius:999px;padding:2px 7px;font-size:.6875rem;line-height:1.5;position:fixed;top:0;left:0}.cheer__cursor-tip.is-on{opacity:1}@media (prefers-reduced-motion:reduce){.cheer__fill{transition:width .2s linear}.cheer__vs{transition:none}.cheer__vs.is-pulse{animation:none}.cheer__chip{transition:opacity .15s;transform:none}}@media (prefers-contrast:more){.cheer{background:#080a0ef7}.cheer__track,.cheer__team--vote{outline:1px solid var(--line-strong)}}@media (pointer:coarse){.cheer__team--vote:after{inset:-.55rem 0 -.95rem}}.sandbox{border:1px solid var(--line);background:#101318;border-radius:8px;flex:1;min-height:0;position:relative;overflow:hidden}.sandbox-canvas{width:100%;height:100%;display:block}.sandbox-cover{color:var(--text-secondary);background:#101318;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;inset:0}.sandbox-status{color:var(--text-secondary);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0f131cd1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:5px 12px;font-size:.75rem;display:flex;position:absolute;bottom:10px;left:10px}.sandbox-status b{font-weight:600}.sandbox-status b.red{color:var(--red)}.sandbox-status b.blue{color:var(--blue)}.sandbox-status .dim{opacity:.55}.sandbox-status .warn{color:var(--accent)}.ob{z-index:7;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.ob--red{color:var(--red)}.ob--blue{color:var(--blue)}.ob__box{left:0;bottom:calc(16px * var(--ob-scale,1));transform:translateX(-50%) scale(var(--ob-scale,1));transform-origin:bottom;background:#0b0e13;border:1px solid #ffffff1f;border-radius:5px;flex-direction:column;align-items:center;gap:1px;padding:1px 5px 2px;display:flex;position:absolute}.ob__num{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:.625rem;font-weight:700;line-height:1.2}.ob__track{background:#242a33;border-radius:999px;width:2.75rem;height:3px;overflow:hidden}.ob__fill{background:currentColor;height:100%;transition:width .4s cubic-bezier(.2,0,0,1);display:block}.ob__stem{width:2px;height:calc(16px * var(--ob-scale,1));background:linear-gradient(currentColor,#0000);position:absolute;bottom:0;left:-1px}.ob.is-unknown{opacity:.4}.ob.is-dead .ob__num{color:var(--text-secondary)}.rp{z-index:8;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.rp__dot{background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:-3.5px;left:-3.5px;box-shadow:0 0 0 2px #080a0e99}.rp__stem{background:linear-gradient(#ffffff40,currentColor);width:2px;height:16px;position:absolute;bottom:2px;left:-1px}.rp--red{color:var(--red)}.rp--blue{color:var(--blue)}.rp__slot{transform:translateX(calc(-50% + var(--rp-shift,0px)));position:absolute;bottom:18px;left:0}.rp.is-below .rp__slot{top:18px;bottom:auto}.rp.is-below .rp__stem{background:linear-gradient(currentColor,#ffffff40);top:2px;bottom:auto}.rp__card{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);width:10.75rem;color:var(--ink);pointer-events:auto;transform-origin:bottom;background:#14181feb;border:1px solid #ffffff24;border-radius:.625rem;flex-direction:column;gap:.35rem;padding:.45rem .5rem;animation:.3s cubic-bezier(.2,0,0,1) rp-in;display:flex;box-shadow:0 14px 34px #0000008c}.rp.is-below .rp__card{transform-origin:top}@keyframes rp-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.rp__head{align-items:center;gap:.35rem;display:flex}.rp__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.8125rem;font-weight:600;line-height:1.4;overflow:hidden}.rp__pin{border:1px solid var(--line-strong);width:1.5rem;height:1.5rem;color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:.375rem;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .1s ease-out,border-color .15s,background-color .15s;display:flex}.rp__pin:hover{border-color:var(--accent);color:var(--accent)}.rp__pin:active{transform:scale(.94)}.rp__pin.is-off{opacity:.4;cursor:default}.rp__pin.is-off:hover{border-color:var(--line-strong);color:var(--ink)}.rp__pin.is-off:active{transform:none}.rp__hp{grid-template-columns:auto auto 1fr;align-items:center;gap:.35rem;font-size:.75rem;line-height:1.45;display:grid}.rp__hp-label{color:var(--text-secondary)}.rp__hp-value{font-variant-numeric:tabular-nums;font-weight:700}.rp__hp.is-dead .rp__hp-value{color:var(--text-secondary);font-weight:600}.rp__hp-bar{background:#ffffff1f;border-radius:999px;height:3px;overflow:hidden}.rp__hp-fill{height:100%;transition:width .3s cubic-bezier(.2,0,0,1);display:block}.rp--red .rp__hp-fill{background:var(--red)}.rp--blue .rp__hp-fill{background:var(--blue)}.rp__preview{aspect-ratio:16/9;background:#05070a;border-radius:.375rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.rp__preview canvas{object-fit:cover;width:100%;height:100%;display:block}.rp__preview-note,.rp__preview--pinned{color:var(--text-secondary);justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;inset:0}.rp__preview--pinned{color:var(--accent);font-weight:600;position:static}.rp__hint{color:var(--accent);margin:0;font-size:.6875rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.rp__card{animation:.18s rp-fade}@keyframes rp-fade{0%{opacity:0}to{opacity:1}}.rp__hp-fill,.ob__fill{transition:none}}@media (prefers-reduced-transparency:reduce){.rp__card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#14171c}}@media (prefers-contrast:more){.rp__card{border-color:var(--line-strong);background:#06080cfa}}@media (pointer:coarse){.rp__pin{width:2.125rem;height:2.125rem}}