: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}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}.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)}.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)}.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-origin:top left;transform:translate(0)}.flyer.go{transition:transform .28s ease-out;transform:translate(var(--dx),var(--dy)) scale(var(--scale-x, 1),var(--scale-y, 1))}.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}}.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}.table-shell button.secondary,.overlay button.secondary{background:#315544;color:#fff}.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){.table-shell button:hover,.overlay button:hover{filter:brightness(1.1)}}.table-shell button:active,.overlay button:active{transform:translateY(1px)}.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,45fr) minmax(0,33fr) minmax(0,22fr);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,.5vmin,5px);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))}.players-grid.players-9 .player-tile,.players-grid.players-10 .player-tile,.players-grid.players-11 .player-tile,.players-grid.players-12 .player-tile{--tile-scale: .88;--player-card-scale: .88;--player-text-scale: .9}.players-grid.players-13 .player-tile,.players-grid.players-14 .player-tile,.players-grid.players-15 .player-tile,.players-grid.players-16 .player-tile{--tile-scale: .76;--player-card-scale: .78;--player-text-scale: .82}.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);position:relative}.player-tile.you{background:#e8c67514}.player-tile.turn{box-shadow:inset 0 0 0 max(2px,calc(3px * var(--s))) #fffffff2,0 0 14px #ffffff6b}.player-tile.out{opacity:.58}.player-tile-head{display:flex;align-items:center;justify-content:space-between;gap:calc(3px * var(--s));min-width:0;font-size:max(9px,calc(.78rem * var(--ts)));line-height:1.05}.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;padding-inline:calc(6px * var(--cs));box-sizing:border-box}.player-cards{width:min(100%,calc(118px * var(--cs)));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-content:center;gap:calc(2px * var(--cs))}.player-cards .cardback{width:100%;max-width:calc(28px * var(--cs));justify-self:center;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{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;position:relative}.play-grid{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);align-items:stretch;gap:clamp(4px,1vw,var(--ui-space-2))}.table-column,.log-column,.log-sheet{min-width:0;min-height:0}.table-column{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:clamp(1px,.4dvh,4px)}.pile-label{display:none}.center-row{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,16px);padding-inline:clamp(6px,1.5vw,14px);box-sizing:border-box}.table-card-cell{width:auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;flex:0 1 auto}.table-card-cell:first-child{flex:0 0 auto}.table-card-cell:last-child{width:auto;flex:0 1 auto;justify-content:flex-start}.table-center .deck-stack,.table-center .pile-row .card{height:clamp(58px,min(10.5dvh,18vw),96px);width:auto;aspect-ratio:var(--ui-card-ratio);flex-shrink:0}.table-center .deck-stack{min-width:0;max-height:100%}.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(58px,min(10.5dvh,18vw),96px)}.pile-row{width:auto;min-width:0;min-height:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(6px,1vw,10px);overflow:visible}.pile-row>span{width:auto;min-width:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.table-center .pile-row .card{max-height:100%}.empty-pile{opacity:.5;font-size:clamp(.58rem,1.2dvh,.72rem);text-align:center}.table-meta{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-inline:4px;font-size:clamp(.5rem,1.2dvh,.68rem);color:var(--ui-muted);text-align:center}.log-column{width:100%;height:100%;min-width:0;min-height:0;display:grid}.play-grid .log-sheet{width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;overflow-y:auto;box-sizing:border-box;padding:var(--ui-space-1);border-radius:var(--ui-radius-sm);font-size:clamp(.5rem,1.2dvh,.68rem);line-height:1.25;text-align:left}.afk-banner{position:absolute;left:50%;top:55%;z-index:5;transform:translate(-50%,-50%);margin:0}@media(orientation:portrait)and (max-width:700px){.play-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.45fr) minmax(0,.55fr);gap:clamp(4px,.8dvh,8px)}.center-row{gap:clamp(10px,2.5vw,14px);padding-inline:clamp(6px,2vw,12px)}.pile-row{gap:clamp(5px,1.5vw,8px)}.play-grid .log-sheet{padding:clamp(3px,.8dvh,var(--ui-space-1))}}@media(orientation:portrait)and (max-width:480px){.play-grid{grid-template-rows:minmax(0,1.55fr) minmax(0,.45fr)}.center-row{gap:clamp(8px,2.5vw,11px);padding-inline:5px}.pile-row{gap:clamp(4px,1.5vw,6px)}}.table-hand{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(6px,1dvh,10px);padding:clamp(8px,1.2dvh,14px) clamp(10px,1.5vw,18px) max(clamp(8px,1.2dvh,14px),var(--safe-b));overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.table-hand.turn{box-shadow:inset 0 0 0 2px #fffffff2,0 0 14px #ffffff6b}.hand-stage{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;padding:clamp(2px,.5dvh,6px) clamp(2px,.5vw,8px);box-sizing:border-box}.hand-row{width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(4px,1vw,10px);overflow:visible}.hand-row>span{min-width:0;min-height:0;display:grid;place-items:center}.hand-row .card,.hand-row .cardback,.hand-row .deal-slot{width:clamp(44px,12vw,var(--ui-card-width));height:clamp(62px,17vw,var(--ui-card-height));flex:0 1 auto}.hand-bottom{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(8px,1.5vw,18px);row-gap:clamp(6px,1dvh,10px);margin-bottom:clamp(5px,.8dvh,9px)}.hand-stats{min-width:0;display:grid;gap:clamp(3px,.5dvh,6px);justify-self:start;font-size:clamp(.68rem,1.7dvh,.88rem);line-height:1.2;white-space:nowrap}.hand-stats span{color:var(--ui-muted)}.hand-stats b{color:var(--gold);font-size:1.08em}.hand-status{color:var(--ui-muted);font-size:.82rem}.table-hand .controls{min-width:0;display:flex;align-items:center;justify-content:center;justify-self:center;gap:clamp(6px,1vw,12px);margin:0}.table-hand .controls button{min-width:clamp(72px,11vw,110px);min-height:clamp(34px,5dvh,42px);padding:clamp(5px,.8dvh,8px) clamp(10px,1.5vw,16px)}.hand-utilities{min-width:0;display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:clamp(4px,.8vw,8px)}.hand-utilities .ui-icon-button,.hand-utilities .fullscreen-button{position:static;width:clamp(34px,5dvh,var(--ui-control));min-width:clamp(34px,5dvh,var(--ui-control));height:clamp(34px,5dvh,var(--ui-control));min-height:clamp(34px,5dvh,var(--ui-control));display:grid;place-items:center;padding:0;line-height:1;text-align:center;opacity:1}.hand-utilities .ui-icon-button svg,.hand-utilities .fullscreen-button svg{display:block;width:50%;height:50%;margin:0;fill:currentColor}.sort-control{position:relative}.sort-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)}.sort-menu{position:fixed;right:max(var(--ui-space-2),var(--safe-r));bottom:calc(25dvh + var(--ui-space-2) + var(--safe-b));top:auto;z-index:35;width:min(220px,calc(100vw - 16px));max-height:min(50dvh,360px);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)}.sort-menu button{display:block;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}.turn-progress{--turn-progress: 1;--turn-hue: 120deg;position:absolute;left:0;right:0;bottom:0;z-index:4;overflow:hidden;pointer-events:none;background:#ffffff1f}.turn-progress-tile{height:max(5px,calc(6px * var(--s)))}.turn-progress-hand{height:6px}.turn-progress-fill{width:100%;height:100%;transform:scaleX(var(--turn-progress));transform-origin:left center;background:hsl(var(--turn-hue) 88% 46%);box-shadow:0 0 6px hsl(var(--turn-hue) 88% 46%);transition:transform .1s linear,background-color .1s linear,box-shadow .1s linear}@media(max-width:600px){.table-hand{gap:clamp(4px,.8dvh,8px);padding:clamp(6px,1dvh,10px) clamp(8px,2vw,12px) max(clamp(6px,1dvh,10px),var(--safe-b))}.hand-bottom{column-gap:clamp(5px,1vw,10px)}.hand-stats{font-size:clamp(.62rem,1.6dvh,.78rem)}.table-hand .controls{gap:clamp(4px,1vw,8px)}.table-hand .controls button{min-width:clamp(64px,17vw,88px);min-height:clamp(32px,5dvh,38px);padding:4px clamp(8px,2vw,12px)}.hand-utilities{gap:clamp(3px,.8vw,6px)}.hand-utilities .ui-icon-button,.hand-utilities .fullscreen-button{width:clamp(32px,5dvh,40px);min-width:clamp(32px,5dvh,40px);height:clamp(32px,5dvh,40px);min-height:clamp(32px,5dvh,40px)}}.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){.table-shell{grid-template-rows:minmax(0,38fr) minmax(0,39fr) minmax(0,23fr)}.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)}}@media(max-height:620px){.table-shell{--ui-control: 38px}.player-tile{box-shadow:none}.hand-stats{gap:2px}.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}.table-shell button,.overlay button,.turn-progress-fill{transition:none}}