.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:15px;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:12px}:root{--bg:#0f1217;--panel:#1c2026;--line:#3a3f47;--line-strong:#565d68;--red:#ff3b4e;--blue:#3b82f6;--accent:#ffd54a;--ink:#e8eaed;--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}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.view-tile:focus-visible{outline-offset:-3px}.app{flex-direction:column;display:flex}.live-stage{flex-direction:column;gap:10px;height:100dvh;padding:10px;display:flex}.stage-row{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)}.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{z-index:20;transition:transform .15s,box-shadow .15s,z-index linear;transform:scale(1.7);box-shadow:0 6px 30px #000000b3}.view-tile-video{object-fit:cover;width:100%;height:100%;display:block}.main-stage{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:20px;font-weight:700;display:flex;position:absolute;inset:0}.offline-stage{justify-content:center;align-items:center}.offline-title{color:var(--accent);letter-spacing:2px;text-align:center;padding:20px;font-size:22px;font-weight:700}.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;background:#000000a6;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.match-title{z-index:5;white-space:nowrap;box-sizing:border-box;max-width:calc(100% - 48px);color:var(--accent);background:#000000a6;border-radius:4px;padding:1px 8px;font-size:12px;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__seg{flex:none;padding-right:36px}@keyframes match-title-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.controls{flex-wrap:wrap;flex:none;align-items:center;gap:10px;display:flex}.pill{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:4px 9px;font-size:13px}.pill select{color:var(--accent);background:0 0;border:none;font-weight:700}.pill option{background:var(--panel);color:var(--ink)}.pill-toggle{cursor:pointer;color:#9aa0a6}.pill-toggle.active{color:var(--accent);border-color:var(--accent);font-weight:700}.composer{border:1px solid var(--accent);background:#0f141c;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 .composer-row{flex:1}.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;background:#16202e;border-radius:5px;align-items:center;gap:4px;max-width:280px;padding:3px 8px;font-size:12px;display:flex;overflow:hidden}.id-chip:hover{border-color:var(--accent)}.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:1;font-size:14px}.composer-input:focus-visible{outline:none}.send-btn{background:var(--accent);color:#1a1a1a;cursor:pointer;border:none;border-radius:5px;padding:5px 14px;font-size:14px;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}.hint{color:#9aa0a6;font-size:12px}.chat-section{gap:10px;height:100dvh;padding:14px 14px 34px;display:flex;position:relative}.icp-footer{justify-content:center;align-items:center;height:34px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.icp-footer a{color:#9aa0a6;text-decoration:none}.icp-footer a:hover{color:var(--ink);text-decoration:underline}.reserved-panel{border:1px solid var(--line);background:#15181e;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:13px}.rp-tab:hover:not(.active){border-color:var(--accent);color:var(--ink)}.rp-tab.active{background:var(--accent);color:#1a1a1a;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:12px;text-decoration:none}.rp-open:hover{border-color:var(--accent)}.rp-frame{background:#fff;border:0;flex:1;width:100%}.chatroom{border:1px solid var(--line);background:#15181e;border-radius:8px;flex-direction:column;width:340px;padding:10px;display:flex}.chatroom-title{color:#9aa0a6;border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:6px;font-size:13px}.chatroom-list{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow-y:auto}.chatroom .composer{margin-top:8px}@media (width<=718px){.chat-section{flex-direction:column}.chatroom{flex:1;width:auto;min-height:0}}.msg-item{overflow-wrap:anywhere;font-size:13px;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:12px}.msg-school{color:#9cc3ff;font-size:12px}.msg-text{color:var(--ink)}.id-editor-dialog{background:0 0;border:0;padding:0}.id-editor-dialog::backdrop{background:#0009}.id-editor{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;width:300px;padding:18px;display:flex}.id-editor label{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.id-editor input,.id-editor select{border:1px solid var(--line);color:var(--ink);background:#0f141c;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 .primary{background:var(--accent);color:#1a1a1a;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:20px;font-weight:700;display:flex}.fatal p{margin:0 0 16px}.conn-status{color:var(--accent);text-align:center;background:#3a2a00;padding:4px;font-size:12px}.composer-error{color:#ff8a8a;margin-left:6px;font-size:12px}.id-hint{color:#9aa0a6;font-size:12px}.mute-btn{z-index:6;color:var(--accent);border:1px solid var(--line);cursor:pointer;background:#0000008c;border-radius:5px;padding:2px 6px;font-size:16px;line-height:1;position:absolute;top:6px;right:8px}@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}}@media (pointer:coarse){.send-btn,.rp-tab,.id-chip,.rp-open,.mute-btn,.pill-toggle{min-height:44px}.rp-open{align-items:center;display:inline-flex}.composer-input{font-size:16px}}