:root{--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-surface: rgba(5, 27, 19, .72);--ui-surface-strong: rgba(4, 22, 15, .9);--ui-surface-soft: rgba(0, 0, 0, .25);--ui-border: rgba(255, 255, 255, .14);--ui-muted: rgba(255, 255, 255, .72);--ui-danger: #8c2f2f;--ui-radius-sm: 8px;--ui-radius-md: 12px;--ui-radius-lg: 16px;--ui-radius-pill: 999px;--ui-shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--ui-shadow-lg: 0 12px 36px rgba(0, 0, 0, .38);--ui-control: 44px;--ui-card-ratio: 7 / 10;--ui-card-width: 56px;--ui-card-height: 80px;--ui-card-mini-width: 36px;--ui-card-mini-height: 52px;--safe-r: env(safe-area-inset-right, 0px);--safe-l: env(safe-area-inset-left, 0px)}:root{--felt: #0b5d3b;--felt-dark: #073d27;--gold: #e8c675;--red: #c62828;--black: #1b1b1b;--card-bg: #fdfdf7;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,Roboto,system-ui,sans-serif;background:radial-gradient(circle at top,var(--felt),var(--felt-dark));color:#f2f2f2;min-height:100dvh}button{background:var(--gold);color:#3a2a00;border:none;padding:12px 16px;border-radius:10px;font-weight:700;cursor:pointer;font-size:1rem;min-height:44px}button:disabled{opacity:.35;cursor:not-allowed}button.secondary{background:#3a5a4a;color:#fff}button.danger{background:#8c2f2f;color:#fff}button.icon-btn{min-width:44px;padding:8px 12px;font-size:1.2rem}input,select{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:#fff;font-size:1rem;min-height:44px}.home{max-width:420px;margin:0 auto;padding:calc(16px + var(--safe-t)) 16px calc(24px + var(--safe-b))}.home-hero{text-align:center;margin-bottom:8px}.home h1{text-align:center;color:var(--gold);margin:12px 0 4px;letter-spacing:.18em;font-size:clamp(2rem,8vw,2.6rem);font-weight:800}.subtitle{text-align:center;opacity:.8;font-size:.95rem;margin:0 0 20px}.home-name{margin-bottom:14px}.home-name label,.field>span,.field-label{display:block;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-bottom:6px}.home-actions{display:grid;gap:10px;margin-bottom:12px}.home-actions.locked{opacity:.55}.mode-btn.active{box-shadow:0 0 0 2px #e8c675d9}.home-nudge{text-align:center;font-size:.85rem;opacity:.7;margin:0 0 8px}.home-section{margin-top:4px;animation:home-section-in .22s ease-out}.section-head h2{margin:0 0 4px;font-size:1.15rem;color:var(--gold)}.section-head p{margin:0 0 4px;opacity:.75;font-size:.88rem;line-height:1.35}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:0}.field-block{display:flex;flex-direction:column;gap:8px}.field-hint{margin:0;font-size:.8rem;opacity:.7;line-height:1.35}.segment{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.segment-btn{border-radius:0;background:#2d4a3c;color:#fff;font-size:.9rem;min-height:42px}.segment-btn.active{background:var(--gold);color:#3a2a00}.home-or{display:flex;align-items:center;gap:12px;color:#ffffff8c;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.home-or:before,.home-or:after{content:"";flex:1;height:1px;background:#ffffff26}@keyframes home-section-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stack{display:flex;flex-direction:column;gap:10px}.panel{background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px}.error{color:#ffb3b3;font-size:.9rem;text-align:center}.style-preview{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:4px 0 0;font-size:.85rem;opacity:.85}.resume-panel h2{color:var(--gold);margin:0}.resume-panel p{line-height:1.6;margin:4px 0 10px}.turn-timer{--timer-progress: 360deg;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto;background:conic-gradient(var(--gold) var(--timer-progress),rgba(255,255,255,.14) 0);box-shadow:0 0 14px #00000040;font-variant-numeric:tabular-nums}.turn-timer:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--felt-dark)}.turn-timer span{position:relative;z-index:1;color:#fff;font-size:2rem;font-weight:800;line-height:1}.turn-timer.urgent{background:conic-gradient(#e8a090 var(--timer-progress),rgba(255,255,255,.14) 0)}.turn-timer.urgent span{color:#ffd1c7}.afk-banner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:4px 0 8px;padding:8px 12px;background:#00000059;border-radius:8px;font-size:.9rem}.cardback{width:var(--ui-card-width, 56px);height:var(--ui-card-height, 80px);border-radius:8px;background:repeating-linear-gradient(45deg,#7a1f2b,#7a1f2b 4px,#901f2b 4px,#901f2b 8px);border:1px solid rgba(255,255,255,.4)}.cardback.mini{width:28px;height:40px}.deck-stack{position:relative;width:56px;height:80px;flex:0 0 auto}.deck-stack.pickable{cursor:pointer}.deck-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:repeating-linear-gradient(45deg,#7a1f2b,#7a1f2b 4px,#901f2b 4px,#901f2b 8px);border:1px solid rgba(255,255,255,.4);box-shadow:0 1px 2px #00000059}.deck-stack.band-0 .deck-layer{opacity:.25}.deck-stack.band-1{height:80px}.deck-stack.band-2{height:84px}.deck-stack.band-3{height:88px}.deck-stack.band-4{height:94px}.deal-slot{display:inline-block;width:56px;height:80px;flex:0 0 auto}.draw-reveal-card{display:flex;justify-content:center;margin:16px 0;transform:scale(1.35)}.sort-toggle{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.sort-btn{min-height:36px;padding:6px 12px;border-radius:0;background:#2d4a3c;color:#fff;font-size:.8rem}.sort-btn.active{background:var(--gold);color:#3a2a00}.hand-row{display:flex;justify-content:center;gap:4px;overflow-x:auto;padding:8px 4px 4px}.controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:6px}.card{width:var(--ui-card-width, 56px);height:var(--ui-card-height, 80px);flex:0 0 auto;background:var(--card-bg);border-radius:8px;display:inline-flex;flex-direction:column;justify-content:space-between;padding:4px;font-weight:700;box-shadow:0 2px 4px #0006;-webkit-user-select:none;user-select:none;color:var(--black)}.card.red{color:var(--red)}.card.selectable{cursor:pointer}.card.selected{transform:translateY(-10px);box-shadow:0 0 0 3px var(--gold)}.card.pick{cursor:pointer}.card.pick:active,.card.selectable:active{transform:translateY(-4px)}.card .r-top{font-size:.85em;line-height:1}.card.full .suit-mid{font-size:1.7em;text-align:center;line-height:1;flex:1;display:flex;align-items:center;justify-content:center}.card .r-bot{font-size:.85em;line-height:1;align-self:flex-end;transform:rotate(180deg)}.card.easy{justify-content:space-between;padding:6px}.card.easy .easy-rank{font-size:1.55rem;line-height:1;align-self:flex-start}.card.easy .easy-suit{font-size:1.8rem;line-height:1;align-self:flex-end}.card.mini{width:var(--ui-card-mini-width, 36px);height:var(--ui-card-mini-height, 52px);padding:3px}.card.mini.easy .easy-rank{font-size:.95rem}.card.mini.easy .easy-suit{font-size:1.05rem}.card.mini.full .suit-mid{font-size:1rem}.card.mini .r-top,.card.mini .r-bot{font-size:.65em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.overlay.scorecard-overlay{z-index:60}.privacy-overlay{background:#0a2419;z-index:60}.overlay .box{background:#0e3d2b;border:1px solid var(--gold);border-radius:12px;padding:20px;max-width:520px;width:100%;text-align:center;max-height:90dvh;overflow:auto}.modal-box{position:relative;outline:none}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;text-align:left}.modal-heading h2{color:var(--gold);margin:0;font-size:1.35rem}.modal-close{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.8rem;line-height:1}.players-box{max-width:560px}.confirm-box{max-width:380px}.players-dialog-list{list-style:none;padding:0;margin:0;text-align:left}.players-dialog-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.players-dialog-list li:last-child{border-bottom:0}.players-dialog-list small{display:block;margin-top:3px;color:var(--gold)}.overlay table{width:100%;border-collapse:collapse;margin:10px 0;font-size:.9em}.overlay td,.overlay th{padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.15)}.winner-tag{color:var(--gold);font-weight:700}.result-hands{text-align:left;margin:12px 0}.result-hand-row{margin-bottom:12px}.result-hand-meta{font-size:.9rem;margin-bottom:4px}.result-hand-cards{display:flex;flex-wrap:wrap;gap:4px}.scorecard-box{max-width:640px}.scorecard-capture{padding:4px}.scorecard-scroll{overflow-x:auto}.scorecard-table{min-width:100%}.scorecard-table th{font-size:.8rem}.scorecard-total td{border-top:2px solid rgba(232,198,117,.4)}.kicked-tag{font-weight:400;opacity:.7;font-size:.75em}.lobby-list{list-style:none;padding:0;margin:0}.lobby-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.flyer{position:fixed;z-index:40;pointer-events:none;transform:translate(0)}.flyer.go{transition:transform .28s ease-out;transform:translate(var(--dx),var(--dy))}.flyer .card,.flyer .cardback{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.flyer.go{transition:none}}.lobby-settings{display:grid;grid-template-columns:minmax(90px,.55fr) minmax(150px,1fr);gap:10px}.ongoing-games{gap:10px}.ongoing-game{display:grid;grid-template-columns:minmax(100px,.35fr) 1fr;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#0000002e}.ongoing-game>div:first-child{display:grid;gap:2px}.ongoing-game small{opacity:.72}.ongoing-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.scorecard-preview{margin-top:10px;text-align:center}.scorecard-preview img{display:block;width:min(100%,720px);max-height:50dvh;object-fit:contain;margin:0 auto}@media(max-width:560px){.ongoing-game{grid-template-columns:1fr}.ongoing-actions{justify-content:flex-start}}.ui-button,.table-shell button,.overlay button{min-height:var(--ui-control);padding:var(--ui-space-2) var(--ui-space-4);border:1px solid transparent;border-radius:var(--ui-radius-sm);font:inherit;font-weight:750;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.ui-button--secondary,.table-shell button.secondary,.overlay button.secondary{background:#315544;color:#fff}.ui-button--danger,.table-shell button.danger,.overlay button.danger{background:var(--ui-danger);color:#fff}.ui-icon-button{width:var(--ui-control);min-width:var(--ui-control);height:var(--ui-control);min-height:var(--ui-control);display:inline-grid;place-items:center;padding:0;border-radius:50%;background:var(--ui-surface-strong);color:var(--gold);border-color:#e8c67573;box-shadow:var(--ui-shadow-sm)}.ui-icon-button svg{width:22px;height:22px;fill:currentColor}@media(hover:hover){.ui-button:hover,.table-shell button:hover,.overlay button:hover{filter:brightness(1.1)}}.ui-button:active,.table-shell button:active,.overlay button:active{transform:translateY(1px)}.ui-button:focus-visible,.table-shell button:focus-visible,.overlay button:focus-visible,.card[role=button]:focus-visible{outline:3px solid #fff3c4;outline-offset:2px}.table-shell{--region-gap: var(--ui-space-1);height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,55fr) minmax(0,20fr) minmax(0,25fr);gap:var(--region-gap);padding:var(--safe-t) max(var(--ui-space-1),var(--safe-r)) var(--safe-b) max(var(--ui-space-1),var(--safe-l));overflow:hidden;position:relative}.table-players{width:100%;height:100%;min-width:0;min-height:0;display:grid;gap:clamp(2px,.7vmin,6px);padding:0;overflow:hidden;align-content:stretch;justify-content:stretch}.players-grid.players-1{grid-template:minmax(0,1fr) / minmax(0,1fr)}.players-grid.players-2{grid-template:minmax(0,1fr) / repeat(2,minmax(0,1fr))}.players-grid.players-3,.players-grid.players-4{grid-template:repeat(2,minmax(0,1fr)) / repeat(2,minmax(0,1fr))}.players-grid.players-5,.players-grid.players-6{grid-template:repeat(2,minmax(0,1fr)) / repeat(3,minmax(0,1fr))}.players-grid.players-7,.players-grid.players-8,.players-grid.players-9{grid-template:repeat(3,minmax(0,1fr)) / repeat(3,minmax(0,1fr))}.players-grid.players-10,.players-grid.players-11,.players-grid.players-12{grid-template:repeat(3,minmax(0,1fr)) / repeat(4,minmax(0,1fr))}.players-grid.players-13,.players-grid.players-14,.players-grid.players-15,.players-grid.players-16{grid-template:repeat(4,minmax(0,1fr)) / repeat(4,minmax(0,1fr))}.player-tile{--s: var(--tile-scale, 1);--cs: var(--player-card-scale, 1);--ts: var(--player-text-scale, 1);min-width:0;min-height:0;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);padding:calc(8px * var(--s)) calc(10px * var(--s));overflow:hidden;border:1px solid var(--ui-border);border-radius:calc(10px * var(--s));background:var(--ui-surface-soft);box-shadow:var(--ui-shadow-sm)}.player-tile.you{background:#e8c67514}.player-tile.turn{box-shadow:inset 0 0 0 max(2px,calc(3px * var(--s))) var(--gold),0 0 12px #e8c67559}.player-tile.out{opacity:.58}.player-tile-head{display:flex;align-items:center;justify-content:space-between;gap:calc(4px * var(--s));min-width:0;font-size:max(10px,calc(.8rem * var(--ts)));line-height:1.1}.player-tile-head span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-tile-head b{color:var(--gold)}.player-card-area{min-width:0;min-height:0;display:grid;place-items:center}.player-cards{width:min(100%,calc(118px * var(--cs)));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(2px * var(--cs))}.player-cards .cardback{flex:0 0 calc(28px * var(--cs));width:calc(28px * var(--cs));min-width:calc(28px * var(--cs));height:auto;aspect-ratio:var(--ui-card-ratio);border-radius:calc(5px * var(--cs))}.player-cards.revealed{width:min(100%,calc(118px * var(--cs)))}.player-cards.revealed .card.mini{flex:0 0 calc(28px * var(--cs));width:calc(28px * var(--cs));min-width:calc(28px * var(--cs));height:auto;aspect-ratio:var(--ui-card-ratio);padding:calc(3px * var(--cs))}.player-cards.revealed .card.mini.easy .easy-rank{font-size:calc(.95rem * var(--cs))}.player-cards.revealed .card.mini.easy .easy-suit{font-size:calc(1.05rem * var(--cs))}.player-cards.revealed .card.mini.full .suit-mid{font-size:calc(1rem * var(--cs))}.player-cards.revealed .card.mini .r-top,.player-cards.revealed .card.mini .r-bot{font-size:calc(.65em * var(--cs))}.player-state{font-size:max(9px,calc(.72rem * var(--ts)));font-weight:750;text-align:center}.table-center{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}.play-grid{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-content:center;gap:var(--ui-space-2)}.timer-column,.table-column,.log-column,.log-sheet{min-width:0;min-height:0;height:100%}.timer-column{display:grid;place-items:center}.timer-stack{display:grid;place-items:center;gap:1px}.turn-timer{width:clamp(44px,8.5dvh,64px);height:clamp(44px,8.5dvh,64px)}.turn-timer:before{top:5px;right:5px;bottom:5px;left:5px}.turn-timer span{font-size:clamp(1.15rem,3.4dvh,1.8rem)}.turn-timer.grace{background:conic-gradient(#ff8d72 var(--timer-progress),rgba(255,255,255,.13) 0)}.timer-stack small{max-width:76px;font-size:clamp(.52rem,1.35dvh,.65rem);text-align:center}.table-column{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:1px}.pile-label{display:none}.center-row{width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:clamp(4px,1.5vw,12px);padding-inline:clamp(2px,1vw,8px)}.table-card-cell{width:100%;min-width:0;min-height:0;display:grid;place-items:center}.table-center .deck-stack,.table-center .card{width:clamp(34px,6.5dvh,48px);height:clamp(48px,9dvh,68px)}.table-center .deck-stack.band-1,.table-center .deck-stack.band-2,.table-center .deck-stack.band-3,.table-center .deck-stack.band-4{height:clamp(48px,9dvh,68px)}.pile-row{min-height:0;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;overflow:hidden}.pile-row>span{min-width:0;display:inline-flex}.empty-pile{opacity:.5;font-size:.72rem}.table-meta{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.5rem,1.2dvh,.68rem);color:var(--ui-muted);text-align:center}.play-grid .log-sheet{width:100%;height:calc(100% - 4px);max-width:none;max-height:none;align-self:center;overflow-y:auto;padding:var(--ui-space-1);border-radius:var(--ui-radius-sm);font-size:clamp(.5rem,1.2dvh,.68rem);text-align:left}.log-column{width:100%;display:grid;place-items:center}.afk-banner{position:absolute;left:50%;top:55%;z-index:5;transform:translate(-50%,-50%);margin:0}.table-hand{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) var(--ui-control);gap:2px;padding:var(--ui-space-1) var(--ui-space-2) max(var(--ui-space-1),var(--safe-b));overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0;background:var(--ui-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-hand.turn{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #e8c67557}.hand-header{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--ui-space-2)}.hand-stats{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:clamp(.68rem,1.8dvh,.85rem);white-space:nowrap}.hand-stats b{color:var(--gold)}.hand-utilities{justify-self:end;display:flex;gap:var(--ui-space-2)}.hand-utilities .ui-icon-button,.hand-utilities .fullscreen-button{position:static;width:clamp(36px,5.5dvh,var(--ui-control));min-width:clamp(36px,5.5dvh,var(--ui-control));height:clamp(36px,5.5dvh,var(--ui-control));min-height:clamp(36px,5.5dvh,var(--ui-control));opacity:1}.sort-control{position:relative;z-index:33}.sort-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.sort-menu{position:absolute;z-index:1;top:calc(100% + var(--ui-space-1));right:0;width:116px;display:grid;gap:var(--ui-space-1);padding:var(--ui-space-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-strong);box-shadow:var(--ui-shadow-lg)}.sort-menu button{width:100%;min-height:36px;padding:var(--ui-space-1) var(--ui-space-2);font-size:.76rem}.sort-menu button.active{background:var(--gold);color:#3a2a00}.hand-stage{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}.hand-row{width:100%;max-width:none;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(2px,1vw,6px);padding:2px max(var(--ui-space-1),var(--safe-l));overflow-x:auto;overflow-y:visible}.hand-row .card,.hand-row .cardback,.hand-row .deal-slot{width:clamp(46px,14vw,var(--ui-card-width));height:clamp(66px,20vw,var(--ui-card-height))}.table-hand .controls{min-height:var(--ui-control);display:flex;align-items:center;justify-content:center;gap:var(--ui-space-2);margin:0}.table-hand .controls button{min-height:38px;padding:6px 14px}.hand-status{color:var(--ui-muted);font-size:.82rem}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:34;background:#0000003d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-sheet{position:fixed;right:max(var(--ui-space-2),var(--safe-r));bottom:calc(25dvh + var(--ui-space-2) + var(--safe-b));top:auto;width:min(260px,calc(100vw - 16px));max-height:min(62dvh,480px);overflow-y:auto;margin:0;padding:var(--ui-space-3);display:flex;flex-direction:column;gap:var(--ui-space-2);background:var(--ui-surface-strong);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg)}.menu-sheet>button{display:block;width:100%}@media(orientation:landscape),(min-aspect-ratio:1 / 1){.players-grid.players-3,.players-grid.players-4{grid-template:minmax(0,1fr) / repeat(4,minmax(0,1fr))}.players-grid.players-5,.players-grid.players-6,.players-grid.players-7,.players-grid.players-8{grid-template:repeat(2,minmax(0,1fr)) / repeat(4,minmax(0,1fr))}.players-grid.players-9,.players-grid.players-10,.players-grid.players-11,.players-grid.players-12{grid-template:repeat(2,minmax(0,1fr)) / repeat(6,minmax(0,1fr))}.players-grid.players-13,.players-grid.players-14,.players-grid.players-15,.players-grid.players-16{grid-template:repeat(2,minmax(0,1fr)) / repeat(8,minmax(0,1fr))}.play-grid{width:min(100%,980px)}.hand-row .card,.hand-row .cardback,.hand-row .deal-slot{width:clamp(46px,8vw,64px);height:clamp(66px,11.4vw,90px)}}@media(max-height:620px){.table-shell{--ui-control: 38px}.player-tile{box-shadow:none}.hand-stats{gap:var(--ui-space-2)}.sort-menu button{min-height:32px;padding-block:2px}.table-hand .controls button{min-height:34px;padding-block:4px}}@media(prefers-reduced-motion:reduce){.player-tile.turn,.table-hand.turn{animation:none}.ui-button,.table-shell button,.overlay button{transition:none}}