:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;--bg: #1a1a2e;--surface: #16213e;--surface-2: #0f3460;--surface-3: #132749;--text: #edf2f7;--text-soft: #a9b3c7;--line: rgba(188, 201, 228, .16);--accent: #e94560;--accent-soft: rgba(233, 69, 96, .18);--success: #2ecc71;--warning: #f1c40f;--shadow: 0 16px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(233,69,96,.2),transparent 30%),radial-gradient(circle at bottom right,rgba(78,168,222,.15),transparent 28%),var(--bg);color:var(--text)}button,input,select{font:inherit}button:disabled{cursor:not-allowed}.app-shell{width:min(1440px,calc(100vw - 24px));margin:0 auto;padding:12px 0 24px}.topbar,.message-bar,.panel-card{border:1px solid var(--line);background:linear-gradient(180deg,#16213ef5,#0f192ffa);box-shadow:var(--shadow)}.topbar{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 16px;border-radius:18px;position:sticky;top:10px;z-index:20}.brand-block,.topbar-center,.topbar-status{min-width:0}.logo,.logo-sub,.turn-line,.turn-subline,.panel-kicker,.daily-label,.empty-copy,.section-label span,.section-label small,.field span,.room-card-main span,.history-card span,.move-row span,.summary-row span{margin:0}.logo{color:var(--accent);font-size:1.15rem;font-weight:800;letter-spacing:.2em}.logo-sub{color:var(--text-soft);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.turn-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.95rem}.turn-subline{color:var(--text-soft);font-size:.82rem}.phase-badge,.status-badge,.message-chips span,.panel-summary span,.daily-label{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text-soft);font-size:.72rem}.phase-badge-live,.status-badge.is-online,.daily-label{border-color:#2ecc7159;color:var(--success)}.message-bar{margin-top:12px;border-radius:16px;padding:12px 16px}.message-bar>p{margin:0 0 8px;font-size:.95rem}.message-chips{display:flex;flex-wrap:wrap;gap:8px}.workspace-grid{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(280px,340px);gap:12px;margin-top:12px;align-items:start}.side-column,.center-column{display:grid;gap:12px}.panel-card{border-radius:18px;padding:14px}.panel-head,.action-row,.room-card,.seat-grid,.summary-row,.move-row{display:flex}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.panel-head h2{margin:2px 0 0;font-size:1.15rem}.panel-kicker{color:var(--text-soft);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.panel-summary{max-width:240px;text-align:right}.player-stack,.form-stack,.reserve-list,.section-block,.room-list,.history-list,.replay-panel,.summary-list,.move-list{display:grid;gap:10px}.player-panel,.seat-card,.room-card,.daily-card,.summary-row,.move-row,.history-card,.section-block-contrast{border:1px solid var(--line);background:#ffffff0a}.player-panel{border-radius:14px;padding:10px 12px}.player-panel-active{border-color:#e9456061;background:#e9456017}.player-panel-head,.player-panel-meta,.room-card-main,.seat-card,.field,.section-label{display:grid}.player-panel-head{grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.player-panel-head small,.player-panel-meta,.section-label small,.field span,.room-card-main span,.history-card span,.move-row span,.empty-copy,.daily-card small{color:var(--text-soft);font-size:.78rem}.player-score{color:var(--accent);font-size:1.2rem;font-weight:800}.section-block{margin-top:10px}.section-block-contrast{border-radius:14px;padding:12px}.section-label{gap:4px}.section-label span{font-size:.85rem;font-weight:700}.hand-stack{display:grid;gap:8px}.hand-tile,.reserve-row,.primary-btn,.secondary-btn,.history-card,.seat-card{width:100%;border-radius:14px;border:1px solid var(--line);transition:transform .16s ease,border-color .16s ease,background .16s ease}.hand-tile,.reserve-row{background:#ffffff08;color:var(--text);padding:10px 12px}.hand-tile{display:grid;grid-template-columns:14px 38px minmax(0,1fr);align-items:center;gap:10px;text-align:left}.hand-tile-dot,.reserve-row-dot{width:10px;height:10px;border-radius:999px;background:var(--tile-accent, var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--tile-accent, var(--accent)) 22%,transparent)}.hand-tile-value{font-size:1.45rem;font-weight:800}.hand-tile-meta strong,.reserve-row-color strong,.daily-card strong{display:block}.hand-tile-meta small,.reserve-row-color small{color:var(--text-soft)}.hand-tile-selected,.reserve-row-selected{border-color:#e945608c;background:var(--accent-soft)}.reserve-row{display:flex;justify-content:space-between;align-items:center;text-align:left}.reserve-row-color{display:flex;align-items:center;gap:10px}.reserve-row-count{font-size:1rem;font-weight:700}.board-card{padding-bottom:16px}.board-frame{border-radius:18px;border:1px solid rgba(188,201,228,.18);background:radial-gradient(circle at top,rgba(255,255,255,.06),transparent 48%),linear-gradient(180deg,#0f192ffa,#0c1223fa);padding:14px}.board-frame-secondary{padding:10px}.board-shell{display:grid;gap:6px}.board-row{display:flex;gap:6px}.board-cell{width:clamp(42px,5vw,58px);aspect-ratio:1;border-radius:16px;border:1px solid rgba(188,201,228,.16);background:linear-gradient(180deg,#16213ef2,#0c1223fa);color:var(--text-soft);display:grid;place-items:center;gap:2px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.board-cell:hover{transform:translateY(-1px)}.board-cell-filled{color:var(--text);border-color:#bcc9e447;background:linear-gradient(180deg,#18284afa,#101a31fa)}.board-cell-highlighted{border-color:#e9456080;background:linear-gradient(180deg,#5a1c2de0,#24101cf2)}.board-cell-number{font-size:1rem;font-weight:800;line-height:1}.board-cell-color,.board-cell-dot{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.info-ribbon,.action-row{flex-wrap:wrap;gap:8px}.info-ribbon{margin-top:12px}.info-ribbon span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.78rem;color:var(--text-soft)}.action-row{margin-top:10px}.action-row-inline{margin-top:0}.primary-btn,.secondary-btn{padding:10px 12px;cursor:pointer}.primary-btn{background:var(--accent);color:#fff;border-color:transparent;font-weight:700}.secondary-btn{background:#ffffff05;color:var(--text)}.primary-btn:hover,.secondary-btn:hover,.hand-tile:hover,.reserve-row:hover,.history-card:hover,.seat-card:hover{transform:translateY(-1px)}.field{gap:6px}.field input,.field select{width:100%;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);padding:10px 12px}.compact-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.room-card{justify-content:space-between;gap:12px;align-items:center;border-radius:14px;padding:10px 12px}.room-card-actions{display:flex;gap:8px;flex-wrap:wrap}.room-card-actions .secondary-btn{width:auto}.seat-grid{gap:10px;flex-wrap:wrap}.seat-card{max-width:calc(50% - 5px);min-width:180px;background:#ffffff08;color:var(--text);padding:12px;text-align:left;gap:4px}.seat-card-owned{border-color:#2ecc7173}.daily-card{border-radius:14px;padding:12px}.history-card,.summary-row,.move-row{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;color:var(--text);text-align:left}.history-card{background:#ffffff08;cursor:pointer}.summary-row,.move-row{border-radius:12px}.empty-copy{line-height:1.5}@media (max-width: 1180px){.workspace-grid,.topbar{grid-template-columns:1fr}.panel-summary{max-width:none;text-align:left}}@media (max-width: 780px){.app-shell{width:min(100vw - 16px,100%)}.compact-stack,.seat-card{max-width:100%}.compact-stack{grid-template-columns:1fr}.room-card,.history-card,.summary-row,.move-row{flex-direction:column;align-items:flex-start}}