:root{--bg: #f5f3ee;--panel: #ffffff;--line: #d8d4cc;--text: #1f2328;--muted: #6b7280;--accent: #b45309;--current: #fde68a;--tile-w: 24px;--tile-h: 34px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}#root{min-height:100vh}.app{display:flex;flex-direction:column;gap:8px;padding:8px;max-width:1400px;margin:0 auto}h1{font-size:18px;margin:0}button,select,input[type=number],textarea{font:inherit;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button.active{background:var(--accent);border-color:var(--accent);color:#fff}.muted{color:var(--muted)}.error{color:#b91c1c}.topbar,.controls,.table,.events{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px}.topbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0}.seed-input{width:7em}.seat-switch{display:inline-flex;gap:4px;flex-wrap:wrap}.paste summary{cursor:pointer;color:var(--accent)}.paste textarea{width:100%;margin-top:6px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.controls-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.controls-play{margin-left:4px}.controls-slider{display:flex;align-items:center;gap:8px;margin-top:6px}.controls-slider input[type=range]{flex:1;min-width:0}.controls-pos{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.main{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}@media(min-width:900px){.main{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start}.events{position:sticky;top:8px;max-height:calc(100vh - 16px)}}.table{display:flex;flex-direction:column;gap:8px}.center{display:flex;flex-wrap:wrap;gap:4px 14px;padding:6px 8px;background:#eef2f7;border-radius:6px;font-variant-numeric:tabular-nums}.center-pending{color:var(--accent);display:inline-flex;align-items:center;gap:4px}.center-result{width:100%;font-weight:600}.players{display:flex;flex-direction:column;gap:6px}.player{border:1px solid var(--line);border-radius:6px;padding:6px;background:#fafaf8}.player-current{background:var(--current);border-color:#d97706}.player-viewer{box-shadow:inset 3px 0 0 var(--accent)}.player-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:4px}.player-seat{font-weight:600}.player-stat{color:var(--muted);font-variant-numeric:tabular-nums}.badge{font-size:12px;padding:0 6px;border-radius:999px;background:#e5e7eb}.badge-current{background:#d97706;color:#fff}.badge-waiting{background:#2563eb;color:#fff}.badge-hu{background:#dc2626;color:#fff}.player-body{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 14px}.hand{display:flex;flex-wrap:nowrap;gap:2px;min-height:var(--tile-h)}.melds{display:flex;flex-wrap:wrap;gap:8px}.meld{display:inline-flex;align-items:flex-end;gap:1px;padding:2px 4px;border:1px dashed var(--line);border-radius:4px;background:#fff}.meld-label{font-size:11px;color:var(--muted);margin-left:4px;white-space:nowrap}.tile{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:var(--tile-w);height:var(--tile-h);border-radius:4px;border:1px solid rgba(0,0,0,.18);line-height:1;font-weight:700;-webkit-user-select:none;user-select:none;flex:0 0 auto}.tile-rank{font-size:14px}.tile-suit{font-size:10px;font-weight:500;opacity:.85}.tile-m{background:#fde2e2;color:#991b1b}.tile-s{background:#dcfce7;color:#166534}.tile-p{background:#dbeafe;color:#1e40af}.tile-z{background:#f3f4f6;color:#374151}.tile-back{background:#334155;border-color:#1e293b}.tile-drawn{margin-left:8px;outline:2px solid var(--accent)}.tile-claimed{transform:translateY(-3px)}.tile-hu{outline:2px solid #dc2626}.tile-inline{vertical-align:middle}.tile-marker{position:absolute;top:-5px;right:-5px;font-size:9px;line-height:1;padding:1px 2px;border-radius:3px;background:#dc2626;color:#fff}.tile-corner{position:absolute;left:1px;bottom:0;font-size:8px;font-weight:500;opacity:.7}.zone-head{font-weight:600;margin-bottom:4px}.zone-tiles{display:flex;flex-wrap:wrap;gap:3px;min-height:var(--tile-h)}.events{display:flex;flex-direction:column;min-height:0}.event-list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:50vh;font-size:13px}@media(min-width:900px){.event-list{max-height:calc(100vh - 60px)}}.event{display:flex;gap:8px;padding:2px 4px;border-radius:4px;cursor:pointer}.event:hover{background:#f3f4f6}.event-current{background:var(--current);font-weight:600}.event-seq{color:var(--muted);min-width:3em;text-align:right;font-variant-numeric:tabular-nums}.event-huDeclared,.event-scored{color:#b91c1c}.event-gameResult{color:var(--accent)}@media(max-width:420px){:root{--tile-w: 23px;--tile-h: 32px}.app{padding:4px}}