@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2?dpl=dpl_71bcZtMGMZC8P7N3MyQto8WDy4pW)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2?dpl=dpl_71bcZtMGMZC8P7N3MyQto8WDy4pW)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9edc4f9a-module__h4ISCa__className{font-family:Outfit,Outfit Fallback;font-style:normal}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf8f3;--panel:#fff;--panel-2:#f7f3ec;--text:#1a1610;--muted:#7a6e5f;--accent:#c49a38;--accent-2:#4aada2;--border:#1a16101a}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at top,#c49a381a,#0000 40%),linear-gradient(#faf8f3 0%,#f5f0e8 100%);margin:0;font-family:inherit}a{color:inherit;text-decoration:none}main{max-width:1120px;margin:0 auto;padding:32px 20px 56px}.shell{gap:20px;display:grid}.hero{border:1px solid var(--border);background:#fff;border-radius:8px;gap:12px;padding:28px;display:grid;box-shadow:0 4px 24px #1a161012}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-size:.75rem}.title{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.95}.lede{color:var(--muted);max-width:62ch;margin:0;line-height:1.55}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:10px;padding:18px;display:grid}.card h2,.card h3{margin:0}.card p{color:var(--muted);margin:0;line-height:1.5}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--border);min-height:44px;color:var(--text);cursor:pointer;background:linear-gradient(#dfb85b2e,#dfb85b14);border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;display:inline-flex}.button.secondary{background:#1a16100d}.button.danger{color:#fff;background:#c0392b}.button.danger:hover{background:#a93226}.reset-zone{border-top:1px solid #1a16101a;padding-top:10px}.reset-confirm-text{opacity:.7;margin-bottom:8px;font-size:.88rem}.reset-confirm-actions{gap:8px;display:flex}.button:disabled,.tile-button:disabled,select:disabled{cursor:not-allowed;opacity:.48}.stack{gap:10px;display:grid}.mono{color:var(--accent);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}form{gap:12px;display:grid}input{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:#1a16100a;border-radius:8px;padding:0 14px;font-size:16px}select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px;font-size:16px}.note{color:var(--muted);font-size:.95rem;line-height:1.5}.phone-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:16px;display:grid}.hand-panel{align-content:start}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.tile-button{border:1px solid var(--border);min-height:92px;color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#fffffff5,#f4ede0f2);border-radius:14px;align-items:stretch;padding:2px;font-weight:700;line-height:1.15;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 8px 18px #1a161014,inset 0 1px #ffffffe6}.tile-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1a16101f,inset 0 1px #ffffffe6}.tile-button.selected{background:linear-gradient(#e7faf7fa,#d6f4eff5);border-color:#8fd3c9f2;transform:translateY(-2px);box-shadow:0 12px 28px #4aada238,inset 0 0 0 1px #8fd3c952}.tile-face{background:0 0;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.tile-face-image{object-fit:contain;width:100%;height:100%}.tile-face--hand .tile-face-image{transform:scale(1.24)}.tile-face--fallback{padding:8px}.tile-face-fallback{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:.82rem;font-weight:700;line-height:1.2;display:flex}.tile-face--chip{background:0 0;border-radius:999px;gap:8px;width:auto;min-width:0;height:auto;overflow:visible}.tile-face--chip .tile-face-image,.tile-face--chip .tile-face-fallback{background:linear-gradient(#fffffffa,#f4ede0fa);border-radius:6px;flex:none;width:28px;height:38px;box-shadow:0 3px 8px #1a16101f}.tile-face--chip.tile-face--fallback{padding:0}.tile-face-caption{color:var(--muted);white-space:nowrap;font-size:.8rem;font-weight:600}.action-list{grid-template-columns:1fr;gap:10px;display:grid}.compact{gap:6px}.seat-number,.badge{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.badge{color:var(--accent);border:1px solid #dfb85b73;border-radius:6px;justify-self:end;padding:4px 7px}.event-log{max-height:300px;overflow-y:auto}.score-card{background:linear-gradient(160deg,#dfb85b21,#dfb85b0a);border:1px solid #dfb85b8c;border-radius:12px;gap:14px;padding:28px;display:grid;box-shadow:0 4px 40px #dfb85b24}.score-card h2{margin:0}.score-card p{color:var(--muted);margin:0;line-height:1.5}.score-winner{color:var(--accent);margin:0;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.1}.score-result{color:var(--muted);margin:0;font-size:1rem}.score-breakdown{border-top:1px solid var(--border);gap:5px;padding-top:10px;display:grid}.score-breakdown p{font-size:.9rem}.start-hint{color:var(--muted);margin:0;font-size:.875rem;line-height:1.4}.player-count{border:1px solid var(--border);color:var(--muted);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:.875rem;display:inline-flex}.player-count strong{color:var(--accent)}.connect-dot{background:var(--muted);opacity:.35;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.connect-dot.connected{opacity:1;background:#4ade80}.status-badge{border:1px solid;border-radius:20px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.status-badge.bot{color:var(--accent-2);background:#8fd3c914;border-color:#8fd3c959}.status-badge.disconnected{color:#f87171;background:#f8717114;border-color:#f8717159}.status-badge.empty{border-color:var(--border);color:var(--muted);background:0 0}.status-chips{flex-wrap:wrap;gap:8px;display:flex}.status-chip{border:1px solid var(--border);color:var(--muted);border-radius:20px;align-items:center;padding:4px 10px;font-size:.8rem;display:inline-flex}.status-tile-chip{gap:8px}.phone-main{max-width:440px;padding:24px 16px 48px}.phone-main.in-game{flex-direction:column;max-width:100%;min-height:100vh;padding:0;display:flex}.join-screen{flex-direction:column;gap:20px;padding-top:40px;display:flex}.join-screen-centered{justify-content:center;min-height:calc(100svh - 72px);padding-top:24px;padding-bottom:24px}.join-logo{color:var(--accent);margin:0;font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1}.join-sub{color:var(--muted);margin:0;line-height:1.5}.join-form{gap:12px;display:grid}.join-error{color:#f87171;background:#f8717114;border:1px solid #f871714d;border-radius:8px;margin:0;padding:10px 12px;font-size:.9rem}.join-status{align-items:center;gap:8px;display:flex}.join-status-text{color:var(--muted);font-size:.875rem}.muted-text{color:var(--muted);opacity:.7;font-size:.9rem}.waiting-room-screen{text-align:center;align-items:center}.waiting-room-screen .join-sub,.waiting-room-screen .join-status,.waiting-room-screen .join-error,.waiting-room-screen .seating-my-roll,.waiting-room-screen .seating-others{width:min(100%,320px)}.waiting-room-screen .join-status{justify-content:center}.game-bar{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.game-bar-left{flex-direction:column;gap:2px;display:flex}.game-bar-name{font-size:1rem;font-weight:700}.game-bar-room{color:var(--muted);font-size:.78rem}.turn-banner{text-align:center;color:var(--accent-2);letter-spacing:.06em;text-transform:uppercase;background:#8fd3c91f;border-bottom:1px solid #8fd3c940;flex-shrink:0;padding:10px 16px;font-size:.85rem;font-weight:700}.wait-banner{text-align:center;color:var(--muted);border-bottom:1px solid var(--border);flex-shrink:0;padding:8px 16px;font-size:.85rem}.phone-score-card{margin:12px 16px}.hand-section{flex:1;min-height:0;padding:16px;overflow-y:auto}.hand-empty{color:var(--muted);text-align:center;margin:0;padding:32px 0}.selection-hint{color:var(--muted);text-align:right;margin:8px 0 0;font-size:.82rem}.actions-section{border-top:1px solid var(--border);background:var(--panel);flex-shrink:0;gap:8px;max-height:55vh;padding:12px 16px;display:grid;overflow-y:auto}.action-button{width:100%}.claim-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.claim-select{min-height:44px}.suggestion-row{border:1px solid var(--border);background:#1a161008;border-radius:8px;gap:8px;padding:10px 12px;display:grid}.suggestion-label{color:var(--muted);margin:0;font-size:.88rem}.suggest-button{font-size:.875rem}.pending-label{color:var(--muted);text-align:center;margin:0;font-size:.85rem}.wait-message{color:var(--muted);text-align:center;margin:0;padding:12px 0;font-size:.95rem}.game-status-bar{border-top:1px solid var(--border);background:var(--panel-2);flex-shrink:0;padding:8px 16px}.game-error{color:#f87171;background:#f8717114;border:1px solid #f871714d;border-radius:8px;margin:10px 16px;padding:10px 12px;font-size:.9rem}.host-phase-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.host-phase-header h2{margin:0}.host-seats{gap:8px;display:grid}.host-seat-row{border:1px solid var(--border);background:#1a16100a;border-radius:8px;align-items:center;gap:10px;padding:12px;transition:border-color .22s,opacity .22s;display:flex}.host-seat-row.empty{opacity:.5}.host-seat-row.disconnected{opacity:.65}.host-seat-row.active-seat{background:#dfb85b12;border-color:#dfb85bb3}.host-seat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.host-seat-row.empty .host-seat-name{color:var(--muted);font-weight:400}.host-seat-badges{align-items:center;gap:6px;display:flex}.seat-tile-count{color:var(--muted);white-space:nowrap;font-size:.82rem}.small-button{min-height:34px;padding:0 10px;font-size:.82rem}.seat-method-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.seat-method-label{color:var(--muted);white-space:nowrap;font-size:.88rem}.seat-method-options{gap:20px;display:flex}.seat-method-option{cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:flex}.seating-roll-list{flex-direction:column;gap:8px;display:flex}.seating-roll-header{color:var(--muted);margin-bottom:4px;font-size:.88rem}.seating-roll-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.seating-roll-row.rolled{background:#64b4640d;border-color:#64b46466}.seating-roll-result{color:var(--fg);margin-left:auto;font-size:.9rem}.seating-roll-pending{color:var(--muted);margin-left:auto;font-size:.85rem}.seating-my-roll{text-align:center;margin:12px 0;font-size:1.1rem}.seating-others{margin-top:8px}.muted-text{color:var(--muted)}@media (max-width:760px){main{padding:18px 12px 36px}.hero{padding:18px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.tile-button{border-radius:12px;min-height:84px}}