.auth-card h2{font:500 30px Georgia,serif;color:#f0e4bd;margin:14px 0 22px}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid #b4c5a526;margin-bottom:22px}.auth-tabs button{padding:0 0 12px;color:#a5bca5}.auth-tabs .selected{color:#e3cd91;border-bottom:2px solid #d4bd7e}.auth-card label,.account-form label{display:block;color:#bfcfb8;font-size:13px;line-height:1.6;margin:14px 0}.auth-card input,.account-form input{display:block;width:100%;margin-top:7px}.form-error{color:#f6b59e;font-size:13px;line-height:1.6;min-height:20px;margin:10px 0}.family-home{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #b4c5a526}.family-identity{display:flex;gap:12px;align-items:center}.family-identity strong{color:#e9ddba;font-weight:500}.family-identity small{display:block;color:#a5bca5;font-size:11px;margin-top:5px}.family-avatar{width:44px;height:44px;border-radius:14px;object-fit:cover;flex-shrink:0;background:#285e50}.family-shortcuts{display:flex;gap:24px;color:#c6ccac;font-size:12px}.friend-badge{color:#ebc883;font-size:11px}.family-inline{display:flex;gap:9px;margin:14px 0}.family-inline input{flex:1;min-width:0}.family-inline button{flex-shrink:0}.friend-row{display:flex;align-items:center;gap:12px;border-top:1px solid #a6c3ac26;padding:16px 0}.friend-row small{display:block;color:#a5bca5;font-size:11px;margin-top:5px}.friend-row strong{font-size:14px;font-weight:500;color:#eee2be}.friend-info{flex:1;min-width:0;overflow-wrap:anywhere}.friend-actions{display:flex;align-items:flex-end;flex-direction:column;gap:10px;font-size:12px;color:#e1cb91}.friend-actions .muted{color:#97ae9d;font-size:11px}.family-invitations .friend-row{background:#e1cb9112;padding:14px;border-radius:12px;margin-bottom:10px}.family-invitations .friend-row>div{flex:1}.profile-heading{display:flex;gap:16px;align-items:center;margin:16px 0 24px}.profile-heading .family-avatar{width:64px;height:64px;border-radius:20px}.profile-heading h3{margin:0 0 9px;font-size:22px;color:#e9ddba;font-weight:500}.profile-heading p{margin:0;font-size:11px;color:#a5bca5}.profile-tools{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:12px;color:#c4cfae}.upload-avatar{cursor:pointer;position:relative;overflow:hidden;font-size:12px}.upload-avatar input{position:absolute;inset:0;opacity:0;cursor:pointer}.family-section-title{font-size:17px;color:#dfd1a5;font-weight:500;margin:26px 0 8px}.recent-game{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px;padding:17px 0;border-bottom:1px solid #a6c3ac26}.recent-game strong{font-weight:500;font-size:14px;color:#e0d8b6}.recent-game small{display:block;font-size:11px;line-height:1.7;color:#9fb5a0;margin-top:5px}.game-delta{font-size:22px;text-align:right;color:#c4cfae;white-space:nowrap}.game-delta.positive{color:#e6cb84}.table-avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar:has(.table-avatar){position:relative;padding:0;overflow:visible}.avatar>small{position:absolute;bottom:-3px;right:-3px;background:#244d3f;color:#e8d5a1;font-size:9px;border-radius:3px;padding:1px 3px}.sheet:has(#replay-frame){width:min(1100px,96vw)}.replay-heading{display:flex;justify-content:space-between;gap:16px;color:#a9baa4;font-size:12px;line-height:1.7}.replay-controls{display:flex;align-items:center;gap:12px;position:sticky;top:-20px;background:#1b4035;z-index:3;padding:14px 0}.replay-controls button{background:#345e4e;color:#e9d8a6;padding:9px 13px;border-radius:8px;font-size:12px}.replay-controls input{flex:1;min-width:40px;padding:0;accent-color:#dbc183}.replay-controls span{font-size:11px;white-space:nowrap;color:#bdccb5}.replay-event{color:#e8d4a3;font-size:14px;line-height:1.7}.replay-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.replay-seat{min-width:0;background:#ffffff05;border:1px solid #a4be9f22;border-radius:12px;padding:12px}.replay-seat.current{border-color:#d5c18b88}.replay-seat h3{font-size:12px;font-weight:500;color:#c8d3b6;margin:0 0 13px}.replay-seat h3 span{float:right;color:#dcc58c}.replay-hand,.replay-river,.replay-treasure,.replay-melds,.replay-melds>div{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.replay-hand .tile,.replay-melds .tile{width:23px;height:32px;--depth:2px;border-radius:3px}.replay-hand .wan-number,.replay-melds .wan-number{font-size:15px}.replay-hand .wan-label,.replay-melds .wan-label{font-size:11px}.replay-hand .red-dragon,.replay-melds .red-dragon{font-size:24px}.replay-river{margin-top:12px}.replay-river small,.replay-melds small{font-size:10px;color:#a3baa3}.replay-melds{margin-top:10px;gap:10px}.replay-river .tile,.replay-wall .tile,.replay-treasure .tile{width:19px;height:26px;--depth:2px;border-radius:2px}.replay-river .wan-number,.replay-wall .wan-number,.replay-treasure .wan-number{font-size:12px}.replay-river .wan-label,.replay-wall .wan-label,.replay-treasure .wan-label{font-size:9px}.replay-river .red-dragon,.replay-wall .red-dragon,.replay-treasure .red-dragon{font-size:20px}.replay-river .claimed{opacity:.35}.replay-treasure{margin:18px 0;font-size:12px;color:#bdcdb2}.replay-wall{font-size:12px;color:#a5bba3;margin-bottom:16px}.replay-wall summary{cursor:pointer;padding:12px 0}.replay-wall>div{display:flex;gap:7px;flex-wrap:wrap}.replay-stack{display:inline-flex;flex-direction:column;gap:2px;min-width:7px}
@media(max-width:600px){.family-home{flex-direction:column;align-items:flex-start;gap:18px}.family-shortcuts{justify-content:space-between;width:100%;gap:12px;font-size:11px}.replay-seats{grid-template-columns:1fr}.replay-seat{padding:10px}.replay-hand .tile,.replay-melds .tile{width:18px;height:26px}.replay-hand .wan-number,.replay-melds .wan-number{font-size:12px}.replay-hand .wan-label,.replay-melds .wan-label{font-size:9px}.replay-hand .red-dragon,.replay-melds .red-dragon{font-size:20px}.replay-controls{gap:7px}.replay-controls button{padding:8px 10px}.replay-heading{font-size:10px}.header-tools{gap:8px}.friend-row{gap:8px}.friend-row .family-avatar{width:34px;height:34px;border-radius:10px}.friend-row .primary-button{padding:9px 12px}}
.landscape-table .auth-card h2{font-size:23px;margin:9px 0 14px}.landscape-table .auth-tabs{margin-bottom:12px}.landscape-table .auth-card label{margin:9px 0}.landscape-table .family-home{padding:12px 0}.landscape-table .table-avatar+small{font-size:7px;padding:0 2px}.landscape-table .replay-seat{padding:9px}.landscape-table .replay-event{font-size:12px}

.replay-drawn{display:inline-flex;align-items:center;gap:5px}.replay-drawn .tile{width:22px;height:30px;--depth:2px}.replay-drawn .wan-number{font-size:14px}.replay-drawn .wan-label{font-size:10px}.replay-drawn .red-dragon{font-size:22px}
/* Claim choices can wrap to a second row on a portrait phone. */
@media(max-width:600px){body:not(.landscape-table) .action-bar{height:auto;min-height:61px;align-content:center}body:not(.landscape-table) .table-frame{min-height:160px}}