.watch{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#0f2350,#070d1c 62%,#03060e);color:var(--text, #eef3ff)}.watch-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line, rgba(160, 190, 255, .14));background:#080f1ed9}.watch-player{display:flex;flex-direction:column;min-width:0;padding:8px 14px;border-radius:12px;border:1px solid var(--line, rgba(160, 190, 255, .14))}.watch-player.right{text-align:right}.watch-player.on{border-color:var(--accent, #ffc531);box-shadow:0 0 0 1px var(--accent, #ffc531)}.watch-player b,.watch-mid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-player span,.watch-mid span{color:var(--muted, #9fb0d0);font-size:13px}.watch-mid{display:flex;flex-direction:column;align-items:center;text-align:center}.watch-stage{position:relative;flex:1;min-height:0}.watch-canvas{position:absolute;inset:0;width:100%;height:100%}.watch-stage .cue-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.watch-status{margin:0;padding:10px 18px 14px;text-align:center;color:var(--muted, #9fb0d0);font-size:14px}@media(max-width:700px){.watch-head{grid-template-columns:1fr 1fr}.watch-mid{grid-column:1 / -1;order:3}}.watch-count{color:#ffd84a!important}.watch-close{height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--line, rgba(160, 190, 255, .14));background:#ffffff14;color:inherit;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}.watch-close:hover{background:#ffffff29}.watch-voice:empty{display:none}.watch-voice{margin-top:6px}.wv-row{display:flex;flex-wrap:wrap;gap:4px}.watch-player.right .wv-row{justify-content:flex-end}.wv-chip{padding:2px 8px;border-radius:999px;font-size:12px;white-space:nowrap;background:#ffffff12;color:var(--muted, #9fb0d0)}.watch-player .wv-chip{font-size:12px}.wv-chip.on{background:#46e07e29;color:#6ff0a0}.wv-chip.bad{background:#ff5a5a2e;color:#ff9a9a}.wv-log{margin:4px 0 0;padding:0;list-style:none;font-size:12px;color:var(--muted, #9fb0d0)}.wv-log li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wv-log li.bad{color:#ff9a9a}.wv-log time{opacity:.7}.watch-voice.has-problem .wv-log li.bad:first-child{white-space:normal}.watch-calls{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px}.watch-calls:empty{display:none}.wc-chip{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.wc-chip.two{background:#3b8cff33;color:#9cc7ff}.wc-chip.free{background:#ffc53133;color:#ffd76a}.wc-chip.pocket{background:#46e07e29;color:#6ff0a0}.watch-party{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.watch-party[hidden],.watch-player[hidden]{display:none}.wp-chip{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:baseline;padding:4px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}.wp-chip em{color:#ffd76a;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}.wp-chip small{grid-column:1 / -1;min-height:1em;font-size:11px;opacity:.8}.wp-chip.on{border-color:#ffc52e;background:#ffc52e29}.wp-chip.out{opacity:.45}.watch-head.party{grid-template-columns:minmax(0,1fr) auto auto}.watch-voicebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:8px 12px 0}.watch-voicebar[hidden]{display:none}.wv-btn{min-height:44px;padding:8px 16px;border-radius:14px;border:3px solid #07091a;box-shadow:0 4px #07091a;background:#3a4470;color:#dfe6ff;font:16px Lilita One,sans-serif;cursor:pointer}.wv-btn.ask{background:linear-gradient(180deg,#ff8a3c,#e5262b);color:#fff}.wv-btn.on{background:linear-gradient(180deg,#5df07f,#179a3a);color:#fff}.wv-btn:disabled{opacity:.7;cursor:default}.wv-note{font:800 13px Inter,sans-serif;color:#8dffb4}.watch-end{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#040814b8}.watch-end[hidden]{display:none}.we-card{width:min(420px,100%);display:grid;justify-items:center;gap:12px;padding:22px 18px;border-radius:24px;border:3px solid #ffc52e;background:radial-gradient(circle at 50% 20%,rgba(255,197,46,.22),transparent 60%),linear-gradient(180deg,#1f2a55,#141c3c);box-shadow:0 6px #07091a,0 24px 60px #0009;text-align:center}.we-title{margin:0;font:40px/1.05 Lilita One,sans-serif;color:#ffc52e;text-shadow:0 4px 0 #07091a}.we-msg{margin:0;font:800 14px Inter,sans-serif;color:#9aa6c8}.we-players{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}.we-side{display:grid;justify-items:center;gap:4px;min-width:0;opacity:.75}.we-side.win{opacity:1}.we-side b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:17px Lilita One,sans-serif;color:#eef2ff}.we-side small{font:800 12px Inter,sans-serif;color:#9aa6c8}.we-side.win small{color:#ffd76a}.we-crown{height:22px;font-size:20px}.we-av{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:4px solid #07091a;color:#fff;font:22px Lilita One,sans-serif;overflow:hidden}.we-av img{width:100%;height:100%;object-fit:cover}.we-side.win .we-av{box-shadow:0 0 0 4px #ffc52e}.we-vs{font:28px Lilita One,sans-serif;color:#ffc52e;transform:rotate(-6deg)}.we-note{margin:0;min-height:1em;font:800 12px Inter,sans-serif;color:#9aa6c8}.we-acts{display:grid;gap:8px;width:100%}.we-acts .wv-btn{width:100%}
