.page{--room: #0C1D16;--room-panel: #12291F;--room-rule: #27463A;--room-text: #EEE7D8;--room-gold: #D9B26A;--room-alert: #E4574C}.board-wrap{display:flex;justify-content:center}.gin{--color-focus: var(--room-gold);width:100%;max-width:560px;display:grid;gap:var(--space-3);background:var(--room);color:var(--room-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3)}.gin .slot{border-color:#eee7d866;color:var(--room-text)}.gin .card--selected{outline-color:var(--room-gold)}.banner h2:after{background:var(--room-gold)}.gin__label{margin:0 0 var(--space-2);font-size:.85rem;font-weight:600;color:var(--room-gold);text-transform:uppercase;letter-spacing:.06em}.gin__backs{display:flex;--card-w: clamp(24px, 6vw, 36px)}.gin__backs .card+.card{margin-left:calc(var(--card-w) * -.55)}.gin__mid{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--room-rule);border-bottom:1px solid var(--room-rule)}.gin__count{font-size:.85rem;color:var(--room-text);min-width:2ch}.gin__hand{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.gin__group{display:flex;padding:3px;border-radius:var(--radius-sm);border:2px solid var(--room-gold)}.gin__group--dead{border-color:transparent}.gin__group .card+.card{margin-left:calc(var(--card-w) * -.4)}.gin__group .card--selected{transform:translateY(-6px)}.gin__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.gin__actions .btn--primary{background:var(--room-gold);border-color:var(--room-gold);color:var(--color-text)}.gin__actions .btn--ghost{background:transparent;border-color:var(--room-text);color:var(--room-text)}.gin__actions .btn--ghost:hover{background:var(--room-panel)}.gin__actions .btn--ghost[disabled]{opacity:.5}.gin__privacy{display:grid;gap:var(--space-2);justify-items:center;text-align:center;padding:var(--space-4) var(--space-3);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md)}.gin__privacy p{margin:0}.gin__privacy .gin__label{color:var(--color-text);font-size:1.1rem;text-transform:none;letter-spacing:0;font-family:var(--font-heading)}@media (max-width: 480px){.gin{padding:var(--space-2);gap:var(--space-2)}.gin__mid{padding:0}.gin__actions{position:sticky;bottom:0;z-index:5;background:var(--room);padding:var(--space-2) 0;margin-top:var(--space-2)}}