:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4ecd8;--panel:#0f1814d1;--accent:#ffd76a;--accent-dim:#b98f2c;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#0c1210;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#scene-container{position:absolute;inset:0}#scene-container canvas{display:block}#loading-overlay{color:var(--accent);z-index:20;background:#0c1210;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}#hud-root{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.hud-scores{flex-wrap:wrap;gap:8px;display:flex}.player-chip{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffd76a40;border-radius:10px;min-width:92px;padding:6px 12px;font-size:13px}.player-chip.active{border-color:var(--accent);box-shadow:0 0 12px #ffd76a59}.player-chip .name{justify-content:space-between;gap:8px;font-weight:600;display:flex}.player-chip .seat-wind{color:var(--accent-dim);font-weight:400}.player-chip .score{font-variant-numeric:tabular-nums;opacity:.85}.hud-top-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hud-status{background:var(--panel);text-align:right;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;min-width:200px;padding:8px 16px;font-size:14px}.hud-discards{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;border:1px solid #ffd76a40;border-radius:10px;flex-direction:column;gap:6px;width:max-content;max-width:min(36vw,340px);max-height:34vh;padding:8px;display:flex;overflow-y:auto}.hud-discards[hidden]{display:none}.hud-discards-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dim);font-size:11px}.hud-discards-tiles{flex-wrap:wrap;gap:3px;display:flex}.hud-discard-tile{aspect-ratio:220/304;background:linear-gradient(#fffdf5 0%,#f6efd9 55%,#e9deba 100%);border:1px solid #785f2d80;border-radius:3px;width:26px;height:auto;padding:1px}.hud-discard-tile.latest{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hud-status .round-line{color:var(--accent-dim);margin-top:2px;font-size:12px}.hud-bottom{flex-direction:column;align-items:center;gap:10px;margin-bottom:23vh;padding:18px;display:flex}.hud-actions{pointer-events:auto;gap:10px;display:flex}.hud-btn{color:#201603;cursor:pointer;background:linear-gradient(#ffe08a,#d9a53c);border:none;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:700;transition:transform .12s;box-shadow:0 4px 14px #0006}.hud-btn:hover{transform:translateY(-2px)}.hud-btn.secondary{color:var(--ink);background:linear-gradient(#4c5a52,#2c3630)}.hud-btn.focused{outline-offset:3px;outline:3px solid #8fe3ff;box-shadow:0 0 0 3px #8fe3ff,0 4px 14px #0006}.keyboard-help{color:#f4ecd88c;pointer-events:none;font-size:12px;position:absolute;bottom:18px;left:18px}.keyboard-help kbd{background:#ffffff14;border:1px solid #ffffff2e;border-radius:4px;margin:0 2px;padding:1px 6px;font-family:inherit}.hud-announcement{background:var(--panel);color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;white-space:nowrap;border:1px solid #ffd76a59;border-radius:999px;padding:6px 18px;font-size:13px;font-weight:600;transition:opacity .2s;position:absolute;bottom:calc(23vh + 46px);left:50%;transform:translate(-50%)}.hud-announcement.visible{opacity:1}.hud-modal-root{position:absolute;inset:0}.hud-hint{background:var(--panel);color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:6px 16px;font-size:13px}.modal-overlay{pointer-events:auto;z-index:10;background:#040806b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-card{background:#16221b;border:1px solid #ffd76a4d;border-radius:16px;min-width:320px;max-width:90vw;max-height:80vh;padding:28px 32px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-card h2{color:var(--accent);margin:0 0 4px;font-size:22px}.modal-card .subtitle{color:#b8c4bb;margin:0 0 16px;font-size:13px}.popup-hand-block{margin:0 0 18px}.popup-hand{background:#0000002e;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0;padding:10px;display:flex}.popup-hand-note{color:#b8c4bb;margin:8px 0 0;font-size:13px;line-height:1.45}.popup-section{background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:8px;max-width:100%;padding:6px 8px 4px;display:flex}.popup-section--pair{background:#ffd76a1a}.popup-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10px}.popup-section-sets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.popup-tile-group{gap:2px;display:flex}.popup-tile{aspect-ratio:220/304;background:linear-gradient(#fffdf5 0%,#f6efd9 55%,#e9deba 100%);border:1px solid #785f2d80;border-radius:4px;width:34px;height:auto;padding:2px;box-shadow:0 2px 4px #00000059}.popup-tile--winning{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 2px 6px #0006;transform:translateY(-4px)}.breakdown-list{flex-direction:column;gap:4px;max-height:260px;margin:0 0 18px;padding:0;list-style:none;display:flex;overflow-y:auto}.breakdown-list li{background:#ffffff0a;border-radius:6px;justify-content:space-between;padding:4px 8px;font-size:14px;display:flex}.breakdown-total{border-top:1px solid #ffffff26;justify-content:space-between;margin-bottom:16px;padding:8px;font-size:16px;font-weight:700;display:flex}.standings-list{flex-direction:column;gap:6px;margin:0 0 20px;padding:0;list-style:none;display:flex}.standings-list li{background:#ffffff0a;border-radius:8px;justify-content:space-between;padding:8px 10px;font-size:15px;display:flex}.standings-list li.first{background:#ffd76a2e;font-weight:700}