.hg-board{min-height:var(--board-h);padding:14px!important;overflow:hidden}.hg-seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px}.hg-seat-north{top:12px;left:50%;transform:translateX(-50%)}.hg-seat-west{left:12px}.hg-seat-east,.hg-seat-west{top:50%;transform:translateY(-62%)}.hg-seat-east{right:12px}.hg-seat-label{display:inline-flex;align-items:center;gap:7px;background:rgba(0,0,0,.22);color:rgba(255,255,255,.92);font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;transition:box-shadow .2s ease,background .2s ease}.hg-seat-label.is-active{background:rgba(255,230,128,.92);color:#573f00;box-shadow:0 0 0 3px rgba(255,230,128,.35)}.hg-seat-points{font-variant-numeric:tabular-nums;background:rgba(255,255,255,.25);border-radius:999px;padding:0 7px;font-size:11px}.hg-seat-label.is-active .hg-seat-points{background:rgba(87,63,0,.15)}.hg-fan{position:relative}.hg-fan-back,.hg-fan-inner{position:absolute;display:block}.hg-fan-inner{left:50%;top:50%;filter:drop-shadow(0 1px 2px rgba(10,40,20,.3))}.hg-trick{position:absolute;inset:0;pointer-events:none}.hg-trick-card{position:absolute;width:var(--cw);height:var(--ch);animation:sol-appear .16s ease;transition:left .45s ease-in,top .45s ease-in,transform .45s ease-in,opacity .25s ease-in .2s}.hg-trick-card.is-collected{animation:none;opacity:0}@media (prefers-reduced-motion:reduce){.hg-trick-card{transition:none}}.hg-banner{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;background:rgba(0,0,0,.32);border-radius:14px;padding:14px 22px;pointer-events:auto}.hg-banner p{margin:0;color:#ffffff;font-size:14px;font-weight:700;text-align:center}.hg-south{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100% - 16px)}.hg-hand{position:relative;max-width:100%}.hg-hand-card{appearance:none;background:none;border:none;padding:0;position:absolute;bottom:0;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .08);transition:transform .12s ease,opacity .12s ease}.hg-hand:has(.is-playable) .hg-hand-card:disabled{filter:brightness(.9) saturate(.65)}.hg-hand-card.is-playable{cursor:pointer}.hg-hand-card.is-playable:focus-visible,.hg-hand-card.is-playable:hover{transform:translateY(-10px)}.hg-hand-card.is-selected,.hg-hand-card.is-selected:hover{transform:translateY(-16px)}.hg-hand-card:focus-visible{outline:2px solid #ffe680;outline-offset:2px}.hg-score-table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:14px;font-variant-numeric:tabular-nums}.hg-score-table td,.hg-score-table th{padding:5px 10px;text-align:center;border-bottom:1px solid #e8edf4}.hg-score-table th{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.hg-score-table td:first-child,.hg-score-table th:first-child{text-align:left;color:#64748b}.hg-score-table tfoot td{border-bottom:none;border-top:2px solid #cbd5e1;font-weight:700;color:#0f172a}.hg-score-empty{color:#94a3b8;font-style:italic}@media (max-width:560px){.hg-seat-east,.hg-seat-west{display:none}.hg-board{min-height:max(430px,var(--board-h))}}.hg-room-panel{margin:24px auto;max-width:420px;border-radius:18px;background:#fff;padding:22px 20px;text-align:center;box-shadow:0 10px 28px rgba(58,80,148,.18)}.hg-room-panel h2{margin:0 0 6px;font-family:var(--font-display),system-ui,sans-serif;font-size:20px;color:#2c3e75}.hg-room-panel p{margin:0 0 14px;color:#4a5f9e;font-size:14px;line-height:1.5}.hg-room-input{display:block;width:100%;margin:0 0 12px;border:2px solid #cbd5f5;border-radius:999px;padding:10px 16px;font-size:15px;text-align:center}.hg-room-input:focus{outline:none;border-color:#4a5f9e}.hg-room-error{margin:0 0 10px;color:#b91c1c;font-size:13px}.hg-room-chip{display:inline-flex;align-items:center;border-radius:999px;background:#e8eeff;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;letter-spacing:.08em;color:#2c3e75}.hg-lobby{margin:18px auto;max-width:460px;border-radius:20px;background:#fff;padding:22px 20px 26px;text-align:center;box-shadow:0 12px 32px rgba(58,80,148,.2)}.hg-lobby-title{margin:0 0 4px;font-family:var(--font-display),system-ui,sans-serif;font-size:21px;color:#2c3e75}.hg-lobby-sub{margin:0 0 14px;color:#4a5f9e;font-size:13.5px;line-height:1.5}.hg-lobby-code{margin:0 auto 14px;border-radius:14px;background:linear-gradient(180deg,#4aab50,#3d9443);padding:10px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;font-weight:700;letter-spacing:.22em;color:#fff;text-indent:.22em}.hg-lobby-share{display:flex;gap:8px;margin-bottom:16px}.hg-lobby-link{flex:1;min-width:0;border:2px solid #cbd5f5;border-radius:999px;padding:8px 14px;font-size:13px;color:#4a5f9e}.hg-lobby-seats{margin:0 0 16px;padding:0;list-style:none;text-align:left}.hg-lobby-seat{display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef2ff;padding:9px 4px;font-size:14px;color:#64748b}.hg-lobby-seat.is-human{color:#2c3e75;font-weight:600}.hg-lobby-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#cbd5f5}.hg-lobby-dot.is-on{background:#22c55e}.hg-lobby-dot.is-off{background:#f59e0b}.hg-lobby-dot.is-ai{background:#cbd5f5}.hg-lobby-name{flex:1}.hg-lobby-you{color:#1f7a44}.hg-lobby-host,.hg-lobby-kind{color:#94a3b8;font-weight:500}.hg-lobby-kind{font-size:12px}.hg-lobby-waiting{margin:10px 0 0;color:#4a5f9e;font-size:13.5px}.hg-conn-banner{margin:0 auto 6px;background:#fef3c7;padding:5px 14px;font-weight:600;color:#92400e;text-align:center}.hg-conn-banner,.hg-turn-chip{border-radius:999px;font-size:12.5px}.hg-turn-chip{position:absolute;left:50%;top:84%;transform:translate(-50%,-50%);background:rgba(15,23,42,.72);padding:4px 12px;font-weight:700;color:#fff;white-space:nowrap;pointer-events:none}.hg-seat-flag{margin-left:4px;font-size:11px}.hg-emote-bubble{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);border-radius:999px;background:#fff;padding:3px 10px;font-size:14px;white-space:nowrap;color:#2c3e75;box-shadow:0 4px 12px rgba(15,23,42,.22);animation:hg-emote-pop .18s ease-out;pointer-events:none;z-index:40}@keyframes hg-emote-pop{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}.hg-emote-bar{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:8px}.hg-emote-btn{border:2px solid #cbd5f5;border-radius:999px;background:#fff;padding:4px 10px;font-size:14px;color:#2c3e75;cursor:pointer;transition:transform .12s ease,background .12s ease}.hg-emote-btn:hover:not(:disabled){background:#eef2ff;transform:translateY(-1px)}.hg-emote-btn:disabled{opacity:.45;cursor:default}.hg-seat-label{position:relative}