:root{--navy: #0f2f75;--navy-light: #2d5aaf;--gold: #f2b33d;--felt: #3a7a0a;--red: #d7002b;--panel: #0a1e4d;--surface: #102660;--team0: #4fc3f7;--team1: #ff8a65;--text: #f4f6fb;--muted: #a9b6d3;--ok: #6fdc8c;--warn: #ffc857;--bad: #ff6b6b;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--navy)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0}h2{font-size:18px}h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}button{font:inherit;color:var(--text);background:var(--navy-light);border:1px solid transparent;border-radius:8px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--gold);color:#1a1300;font-weight:700}button.danger{background:var(--red)}button.small{padding:2px 8px;font-size:12px}button.selected{background:var(--gold);color:#1a1300}input{font:inherit;color:var(--text);background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:7px 10px}input[type=range]{flex:1;padding:0}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:700}.pad{padding:16px}.spacer{flex:1}.hidden{display:none}.error{color:#fff;background:#d7002b59;border:1px solid var(--red);border-radius:8px;padding:8px 12px;margin:8px 0}.banner{background:#f2b33d33;border:1px solid var(--gold);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-weight:600}.badge{display:inline-block;font-size:11px;padding:1px 6px;margin-left:6px;border-radius:6px;background:#ffffff1f;color:var(--muted)}.badge.warn{background:#ffc85733;color:var(--warn)}.badge.dealer{background:#fff;color:#000;font-weight:900}.ok{color:var(--ok)}.bad{color:var(--bad);font-weight:600}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,var(--navy-light),var(--navy) 70%)}.login form{width:340px;display:flex;flex-direction:column;gap:12px}.login h1{color:var(--gold);font-size:26px}.login p{margin:-8px 0 4px}.login label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.top{display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--panel);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:5}.brand{color:var(--gold);font-weight:800}.top nav{display:flex;gap:4px}.top nav a{color:var(--muted);padding:6px 12px;border-radius:8px}.top nav a.active{color:var(--text);background:#ffffff1a}main{padding:16px 20px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.filters{display:flex;gap:4px}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-head h3{margin:0}table.list{width:100%;border-collapse:collapse;background:var(--panel);border-radius:14px;overflow:hidden}table.list th,table.list td{text-align:left;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}table.list th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}tr.clickable{cursor:pointer}tr.clickable:hover{background:#ffffff0d}tr.attention td{background:#d7002b1f}td.code{font-family:ui-monospace,Consolas,monospace;font-weight:700;letter-spacing:.08em}td.winner{color:var(--gold);font-weight:700}.players{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:2px 8px;border-radius:10px;font-size:12px;border:1px solid}.chip.team0{border-color:var(--team0)}.chip.team1{border-color:var(--team1)}.chip.offline{border-style:dashed;color:var(--bad)}.status{font-weight:600}.st-BIDDING,.st-PLAYING,.st-HAND_SCORED{color:var(--ok)}.st-FILLING,.st-READY_CHECK{color:var(--warn)}.st-GAME_OVER,.st-CLOSED{color:var(--muted)}.link{font-size:12px;padding:2px 8px;border-radius:10px}.link-watching{background:#6fdc8c2e;color:var(--ok)}.link-connecting{background:#ffc8572e;color:var(--warn)}.link-lost{background:#ff6b6b2e;color:var(--bad)}.table-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}@media(max-width:1200px){.table-grid{grid-template-columns:1fr}}.table-main,.table-side{display:flex;flex-direction:column;gap:16px;min-width:0}table.health{width:100%;border-collapse:collapse}table.health th,table.health td{text-align:left;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}table.health th{color:var(--muted);font-weight:600;font-size:12px}.log-panel{max-height:520px;display:flex;flex-direction:column}.event-log{list-style:none;margin:0;padding:0;overflow-y:auto;font-size:13px}.event-log li{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.event-log time{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:12px;margin-right:6px}.event-log .lvl-warn{color:var(--warn)}.event-log .lvl-error{color:var(--bad);font-weight:600}.event-log .current{background:#f2b33d1f}.replay-controls{display:flex;align-items:center;gap:8px;padding:10px 14px}.board{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.score-header{display:flex;align-items:center;background:#00000042;padding:8px;text-align:center}.score-mid{flex:2}.team-score{flex:1}.team-score .label{font-size:12px;font-weight:700}.team-score .value{font-size:24px;font-weight:900}.team-score.team0 .label{color:var(--team0)}.team-score.team1 .label{color:var(--team1)}.felt{background:radial-gradient(circle at 50% 50%,#4c9a12,var(--felt) 70%);display:grid;grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);grid-template-areas:"top top top" "left trick right" "bottom bottom bottom";gap:10px;padding:14px;align-items:center}.seat{background:#0a1e4dcc;border:1.5px solid;border-radius:14px;padding:8px 10px;min-width:0}.seat.team0{border-color:#4fc3f799}.seat.team1{border-color:#ff8a6599}.seat.turn{border:3px solid var(--gold);box-shadow:0 0 14px #f2b33d80}.seat-top{grid-area:top}.seat-right{grid-area:right}.seat-bottom{grid-area:bottom}.seat-left{grid-area:left}.seat-top,.seat-bottom{justify-self:center;max-width:560px;width:100%}.seat-head{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-bottom:6px}.seat-pos{font-weight:900;color:var(--gold);margin-right:6px}.seat-name{font-weight:700}.bid{margin-left:auto;background:#00000061;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600}.turn-bar{position:relative;height:14px;background:#00000059;border-radius:7px;overflow:hidden;margin-bottom:6px}.turn-bar div{height:100%;background:var(--gold);transition:width .25s linear}.turn-bar span{position:absolute;inset:0;font-size:10px;font-weight:700;text-align:center;line-height:14px;color:#000}.hand{display:flex;flex-wrap:nowrap;min-height:56px;align-items:center}.hand .card+.card{margin-left:-20px}.card{width:64px;border-radius:5px;box-shadow:0 1px 3px #00000080;background:#fff;-webkit-user-select:none;user-select:none}.card.small{width:40px}.trick-area{grid-area:trick}.trick{position:relative;height:220px}.trick-card{position:absolute}.trick-top{left:50%;top:0;transform:translate(-50%)}.trick-bottom{left:50%;bottom:0;transform:translate(-50%)}.trick-left{left:10px;top:50%;transform:translateY(-50%)}.trick-right{right:10px;top:50%;transform:translateY(-50%)}.trick-note{position:absolute;inset:0;display:grid;place-items:center}.status-line{background:#00000042;padding:8px 12px}.video-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:900px){.video-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}.video-tile{position:relative;aspect-ratio:3 / 4;background:#000;border-radius:12px;border:1.5px solid;overflow:hidden}.video-tile.team0{border-color:var(--team0)}.video-tile.team1{border-color:var(--team1)}.video-tile video{width:100%;height:100%;object-fit:cover}.video-status{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.video-foot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;padding:6px;background:linear-gradient(transparent,#000c);font-size:12px}.video-foot>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality{font-size:11px;padding:1px 6px;border-radius:6px;background:#ffffff1f}.q-excellent,.q-good{color:var(--ok)}.q-poor{color:var(--warn)}.q-lost{color:var(--bad)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:20}.modal{width:420px;background:var(--surface);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.modal h3{text-transform:none;letter-spacing:0;font-size:17px;color:var(--text);margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px}