:root{--ink: #f4f7fb;--black: #000;--blue: #244a78;--blue-deep: #193b66;--navy: #fff;--panel: #f7f9fc;--line: #d6e0e9;--text: #23384f;--muted: #62758a;--accent: #08a76a;--accent-strong: #078755;--accent-ink: #fff;--danger: #b83b4e;--warning: #94610d;--warning-text: #f4d996;--success: #087e55;--player-bg: #080e17;--control-border: #35465a;--input-bg: #fff;--tip-bg: #eef4f8;--overlay-strong: #07111dcc;--black-overlay: #0009;--control-bg: #071625e8;--bar-bg: #fff;--bar-line: #d6e0e9;--spinner-track: #314153;--select-bg: #fff;--reconnect-bg: #332817ed;--shadow-color: #102a4314;--glow: #087e5510;--radius: 9px;--shadow: 0 8px 28px var(--shadow-color)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}body{min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:0}a{color:var(--blue)}.shell{min-height:100vh;padding:24px clamp(16px,4vw,64px);background:var(--ink)}.container{max-width:1120px;margin:auto}.brand{font-weight:750;letter-spacing:.02em}.card{background:var(--navy);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,4vw,32px);box-shadow:var(--shadow)}.btn{border:1px solid var(--blue);background:var(--blue);color:#fff;padding:11px 16px;border-radius:7px;font-weight:650;transition:background .15s,border-color .15s}.btn:hover{background:var(--blue-deep);border-color:var(--blue-deep)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:#9d2f41;border-color:#9d2f41}.btn:disabled{opacity:.65;cursor:wait}.muted{color:var(--muted)}.field{display:grid;gap:7px;margin:14px 0}.field input,.field select{width:100%;padding:12px 13px;border:1px solid #c5d1dd;border-radius:7px;background:#fff;color:var(--text)}.field input:focus-visible,.field select:focus-visible{border-color:var(--blue)}.field select{box-sizing:border-box;height:48px;padding-block:0;line-height:normal}.field input::placeholder{color:#8392a2}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}body:has(.dialog-backdrop){overflow:hidden}.dialog-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#14274280;animation:dialog-fade-in .16s ease-out both}.dialog-panel{width:min(100%,440px);overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);box-shadow:0 16px 40px #102a4326;animation:dialog-enter .18s ease-out both}.dialog-body{text-align:center}.dialog-heading{display:flex;align-items:center;justify-content:center;padding:24px 24px 0}.dialog-title{margin:0;color:var(--blue-deep);font-size:1.1rem;font-weight:700;line-height:1.35}.dialog-message{margin:12px 24px 6px;color:var(--text);font-size:.94rem;line-height:1.5;overflow-wrap:anywhere}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:16px 24px 24px}.dialog-button{min-width:90px;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:7px;font-weight:650;line-height:1.3;transition:background .15s ease,border-color .15s ease}.dialog-button-primary{background:var(--blue);color:#fff}.dialog-button-primary:hover{background:var(--blue-deep)}.dialog-button-danger{background:var(--danger);color:#fff}.dialog-button-danger:hover{background:#9d2f41}.dialog-button-secondary{border-color:var(--blue);background:var(--blue);color:#fff}.dialog-button-secondary:hover{border-color:var(--blue-deep);background:var(--blue-deep)}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dialog-backdrop,.dialog-panel{animation:none}}.badge{border-radius:5px;padding:4px 9px;font-size:.82rem;background:#edf2f7}.badge.LIVE{color:var(--success);background:#e6f5ee}.badge.WAITING{color:var(--warning);background:#fbf3df}.badge.ENDED{color:var(--muted)}.warning{border:1px solid #e6d4a7;background:#fff9e9;color:#654d18;padding:14px;border-radius:7px}.error{color:var(--danger)}@media(max-width:560px){.row.mobile-column{align-items:stretch;flex-direction:column}.btn{min-height:44px}.dialog-heading{padding:20px 20px 0}.dialog-message{margin:12px 20px 6px}.dialog-actions{padding:14px 20px 20px}.dialog-confirm .dialog-actions{flex-direction:column-reverse}.dialog-confirm .dialog-button{width:100%}}