:root{--bg:#0d2418;--panel:#0c1611e0;--panel-border:#ffffff1f;--text:#f2efe6;--muted:#b9c2b8;--accent:#f1c453;--red:#e2574c;--green:#4cc38a;color:var(--text);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#table{touch-action:manipulation;width:100vw;height:100vh;display:block}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#labels,#center{pointer-events:none!important}button{font:inherit;cursor:pointer;background:var(--accent);color:#2a1d00;border:1px solid #00000040;border-radius:10px;padding:10px 18px;font-weight:700}button.secondary{color:var(--text);background:#3b5a4a}button.small{color:var(--text);background:#ffffff1f;padding:4px 10px;font-size:13px}#topbar{color:var(--muted);background:linear-gradient(#00000073,#0000);align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}#game-info{flex:1}#conn{background:var(--green);border-radius:50%;width:9px;height:9px}#conn.offline{background:var(--red)}.seat-label{background:var(--panel);border:1px solid var(--panel-border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex;position:absolute;top:0;left:0}.seat-label:empty{display:none}.seat-label.active{border-color:var(--accent);box-shadow:0 0 0 2px #f1c45359}.seat-label .wind{color:var(--accent);font-weight:700}.seat-label .dealer{background:var(--red);color:#fff;border-radius:4px;padding:0 4px;font-size:11px}.seat-label .score{font-variant-numeric:tabular-nums;color:var(--muted)}#center{text-align:center;color:var(--muted);text-shadow:0 1px 2px #000;font-size:13px;position:absolute;top:0;left:0}#center .round{color:var(--text);font-size:16px;font-weight:700}#center b{color:var(--accent);font-size:18px}#actions{flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 32px);display:none;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}#actions.visible{display:flex}#timer{background:#ffffff26;border-radius:3px;width:260px;max-width:70vw;height:5px;overflow:hidden}#timer-bar{background:var(--accent);width:0;height:100%}#timer-bar.urgent{background:var(--red)}#buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#buttons .act-ron,#buttons .act-tsumo{background:var(--red);color:#fff;padding:10px 26px;font-size:18px}#buttons .act-pass{background:#dfe4dc}#hint{color:var(--muted);text-shadow:0 1px 2px #000;font-size:13px}#log{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;width:260px;max-height:40vh;padding:8px 10px;font-size:12px;line-height:1.6;display:none;position:absolute;top:44px;right:12px;overflow:auto}#log.open{display:block}#log .strong{color:var(--accent)}#toast{background:var(--red);color:#fff;opacity:0;pointer-events:none;border-radius:8px;padding:8px 16px;transition:opacity .2s;position:absolute;top:56px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#modal{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#modal[hidden]{display:none}#modal .card{border:1px solid var(--panel-border);box-sizing:border-box;background:#12261c;border-radius:16px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:22px 24px;overflow:auto;box-shadow:0 20px 60px #00000080}#modal h1{margin:0 0 8px;font-family:Noto Serif TC,serif}#modal h2{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 8px;font-size:18px;display:flex}#modal h3{margin:16px 0 4px;font-size:15px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.form{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.form label{color:var(--muted);flex-direction:column;flex:1;gap:4px;min-width:160px;font-size:13px;display:flex}select,.form input{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#0d1c15;border-radius:8px;padding:8px}.row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.link{color:var(--accent)}code{font-size:12px}code.wrap{word-break:break-all}.tiles{vertical-align:middle;gap:1px;display:inline-flex}.tile-img{border-radius:3px;box-shadow:0 1px #b9b19c}.tile-img.sm{width:20px}.tile-img.md{width:28px}.hand{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.meld{margin-left:4px}ul.tai{columns:2;margin:8px 0;padding-left:18px;font-size:14px}table.deltas{border-collapse:collapse;margin-top:10px;font-size:14px}table.deltas td{padding:3px 12px 3px 0}.plus{color:var(--green)}.minus{color:var(--red)}@media (width<=640px){#log{width:calc(100vw - 32px);right:16px}.seat-label{padding:2px 7px;font-size:11px}}