:root{--layer-base:0;--layer-chance-card:10;--layer-table-artifact:20;--layer-menu-dismiss:100;--layer-menu:110;--layer-modal:200;color:#f8f4e3;font-synthesis:none;background:#10281f;font-family:Georgia,Times New Roman,ui-serif,serif}.home-view{inline-size:100%;max-inline-size:none;padding:0;display:block}.home-brand-bar{border-block-end:1px solid #f8f4e333;align-items:center;min-block-size:5.25rem;padding-inline:clamp(1.5rem,5vw,4rem);font-size:clamp(1.8rem,3vw,2.5rem);display:flex}.home-content{inline-size:min(70rem,100% - 2rem);margin-inline:auto;padding-block:clamp(2rem,6vh,4rem)}.home-intro{text-align:center;max-inline-size:48rem;margin-inline:auto}.home-intro h2{margin-block-end:.75rem;font-size:clamp(2rem,5vw,3.25rem)}.home-intro p{color:#f8f4e3c7;font-size:clamp(1.1rem,2.5vw,1.45rem);line-height:1.45}.home-name-field{max-inline-size:46rem;margin:2rem auto 2.5rem}.home-view label{font-size:1.1rem}.home-view input{color:#f8f4e3;background:#041b1373;border:2px solid #a9bb827a;border-radius:.85rem;min-block-size:4.25rem;padding-inline:1.25rem;font-size:1.1rem}.home-workflow-card{background:#0823199e;border:2px solid #a9bb8294;border-radius:1rem;grid-template-rows:auto auto 1fr;gap:1.25rem;min-inline-size:0;padding:1.5rem;display:grid;box-shadow:0 1rem 3rem #00000029}.home-create-card{border-color:#f2ca52}.home-workflow-heading{align-items:center;gap:1rem;display:flex}.home-workflow-heading h2,.home-workflow-heading p{margin:0}.home-workflow-heading p{color:#f8f4e3b8;margin-block-start:.25rem}.home-workflow-card button{align-self:end;min-block-size:4rem;inline-size:100%;font-size:1.15rem}.table-view:has(.table-dialog[data-table-dialog-kind=selection]){gap:.5rem;padding-block:1rem}.room-table-shell:has(.table-dialog[data-table-dialog-kind=selection]){grid-template-rows:5rem minmax(18rem,1fr) 15.5rem}.table-center:has(.table-dialog[data-table-dialog-kind=selection]){padding:.25rem}.table-center:has(.table-dialog[data-table-dialog-kind=selection])>[data-selection-mode]{block-size:100%}.opponent-rail .player-sidecar{grid-column:1/-1;inline-size:100%}.opponent-rail .player-identity:not(:has(.trick-pile)) .seat-identity-copy{grid-column:2/-1}.table-dialog[data-table-dialog-kind=selection] .table-dialog-header,.table-dialog[data-table-dialog-kind=selection] .table-dialog-body{padding-block:.5rem}.table-dialog[data-table-dialog-kind=selection] .table-dialog-body>p{margin-block:0 .35rem;line-height:1.2}.table-dialog[data-table-dialog-kind=selection] .selection-countdown{margin-block:.25rem .5rem;padding-block:.4rem}.table-dialog[data-table-dialog-kind=selection] .game-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.table-dialog[data-table-dialog-kind=selection] .game-card{gap:.2rem;min-block-size:4.5rem;padding:.65rem}*{box-sizing:border-box}html,body,#root{min-block-size:100%;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at top,#31664b73,#0000 38rem),#10281f;min-block-size:100vh}button,input{min-block-size:44px;font:inherit;border-radius:.55rem}button{color:#182018;cursor:pointer;background:#f2ca52;border:1px solid #f2ca52;padding:.65rem 1rem;font-weight:750}button.secondary{color:#f8f4e3;background:0 0;border-color:#f8f4e38c}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8ed6ff}input{color:#10281f;background:#fffdf5;border:1px solid #f8f4e359;inline-size:100%;margin-block-start:.35rem;padding-inline:.75rem}label{font-weight:700;display:block}h1,h2,p{margin-block-start:0}.page{min-block-size:100svh;inline-size:min(68rem,100%);margin-inline:auto;padding:clamp(1rem,4vw,2.5rem)}.panel,.hand-region{background:#091c14d1;border:1px solid #f8f4e333;border-radius:1rem;padding:clamp(1rem,4vw,2rem);box-shadow:0 1rem 3rem #0003}.hero-panel{inline-size:min(32rem,100%)}.eyebrow,.seat-number{color:#f2ca52;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:800}.home-actions,.join-form,.lobby-actions,.room-header,.card-row{flex-wrap:wrap;gap:.75rem;display:flex}.home-actions{align-items:end;margin-block-start:1.25rem}.home-actions>*,.join-form label{flex:10rem}.join-form{flex:2 18rem;align-items:end}.room-header{justify-content:space-between;align-items:center;margin-block-end:1.25rem}.table-view{grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;block-size:100svh;min-block-size:0;max-inline-size:80rem;display:grid}.table-view:not(:has(.room-table-shell)){block-size:auto;min-block-size:100svh;display:block}:is(.table-view:not(:has(.room-table-shell))>.status-banner,.table-view:not(:has(.room-table-shell))>.error-banner){margin-block-end:1rem}.table-view .room-header,.table-view .room-header h1{margin-block-end:0}.seat-grid,.score-list{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.seat-grid li,.score-list li{text-align:center;border:1px dashed #f8f4e359;border-radius:.75rem;place-content:center;gap:.25rem;min-block-size:7rem;padding:.75rem;display:grid}.lobby-actions{margin-block-start:1rem}.leave-confirmation-backdrop{z-index:var(--layer-modal);-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background:#030c08c2;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.leave-confirmation{color:#f8f4e3;background:#10281f;border:1px solid #f8f4e347;border-radius:1rem;inline-size:min(100%,30rem);padding:clamp(1.25rem,4vw,2rem);box-shadow:0 1.5rem 4rem #00000073}.leave-confirmation h2{margin-block:0 .65rem}.leave-confirmation p{color:#f8f4e3c7;margin-block:0;line-height:1.5}.leave-confirmation-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;margin-block-start:1.5rem;display:flex}button.destructive{color:#ffe9e5;background:#8f3028;border-color:#e86b5bb8}button.destructive:hover:not(:disabled){background:#a93c32}.result-panel{inline-size:100%}.standings-scroll{overflow-x:auto}.match-standings{border-collapse:collapse;inline-size:100%}.match-standings th,.match-standings td{text-align:center;border-block-end:1px solid #f8f4e32e;padding:.8rem .65rem}.match-standings thead th{color:#f8f4e3b8;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.match-standings tr[data-top-score=true]{background:#f2ca5229}.standings-rank{color:#f2ca52;font-size:1.1rem;font-weight:850}.standings-player{text-align:start;align-items:center;gap:.6rem;min-inline-size:9rem;display:flex}.standings-player .player-avatar,.standings-player svg{border-radius:50%;flex:none;block-size:2.3rem;inline-size:2.3rem}.game-progress{justify-content:center;gap:.3rem;min-inline-size:7rem;display:flex}.game-progress-marker{color:#f8f4e36b;font-size:1.1rem}.game-progress-marker[data-completed=true]{color:#f2ca52}.game-progress-marker[data-current=true]{color:#fff4b5;text-shadow:0 0 .65rem #f2ca52d9;font-weight:900;transform:scale(1.18)}.room-code{color:#f8f4e3bf;margin-block:.35rem 0;font-weight:700}.game-selection{margin-block-start:0}.game-card-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.game-card{color:#f8f4e3;text-align:start;background:#10281fbf;border:1px solid #f8f4e347;border-radius:.75rem;gap:.5rem;min-block-size:7.5rem;padding:1rem;display:grid}.game-card[data-selected=true]{background:linear-gradient(145deg,#534314eb,#184431f5);border-color:#f2ca52;transform:scale(1.035);box-shadow:0 0 0 .2rem #f2ca523d,0 0 1.6rem #f2ca528c}button.game-card{cursor:pointer}.game-card-title,.game-card h3{font-size:1.1rem;font-weight:850}.game-card-status{color:#f8f4e3b8;border:1px solid #f8f4e352;border-radius:999px;inline-size:fit-content;padding:.2rem .55rem;font-size:.75rem;font-weight:800}.game-card-status[data-completed=true]{color:#f2ca52;border-color:#f2ca52b3}.game-card h3,.game-card p{margin:0}button.game-card:focus-visible{outline-offset:3px;outline:3px solid #8ed6ff}.selection-countdown{color:#f2ca52;font-variant-numeric:tabular-nums;border:1px solid #f2ca528c;border-radius:.65rem;inline-size:fit-content;min-inline-size:5.5rem;padding:.55rem .8rem;font-weight:850}.selection-progress{color:#f8f4e3bf;font-weight:750}.status-banner,.error-banner{border-radius:.65rem;padding:.8rem 1rem;font-weight:750}.status-banner{color:#182018;background:#f2ca52}.error-banner{color:#fff4f2;background:#8c2f27}.room-table-shell{background:#091c14a8;border:1px solid #f8f4e333;border-radius:1rem;grid-template:"top top top"minmax(7.5rem,auto)"left center right"minmax(18rem,1fr)"bottom bottom bottom"minmax(9rem,auto)/minmax(8rem,1fr) minmax(20rem,2.4fr) minmax(8rem,1fr);align-self:stretch;align-items:center;gap:.75rem;block-size:auto;min-block-size:0;padding:.75rem;display:grid;overflow:hidden;box-shadow:0 1rem 3rem #0003}.table-center{overscroll-behavior:contain;background:#10281fd1;border:1px solid #f8f4e333;border-radius:1rem;grid-area:center;align-self:stretch;min-block-size:0;min-inline-size:0;padding:clamp(.75rem,2vw,1.25rem);overflow:auto}.phase-panel{inline-size:100%;min-inline-size:0}.table-dialog{z-index:var(--layer-base);background:#0d261df5;border:1px solid #f8f4e352;border-radius:.85rem;grid-template-rows:auto minmax(0,1fr) auto;block-size:100%;min-block-size:0;max-block-size:100%;inline-size:100%;min-inline-size:0;display:grid;position:relative;overflow:hidden;box-shadow:0 1rem 2.25rem #00000047}.table-dialog-header{background:#18402fb8;border-block-end:1px solid #f8f4e32e;flex-shrink:0;padding:.85rem 1rem;overflow:hidden}.table-dialog-header h2{margin:0}.table-dialog-body{overscroll-behavior:contain;min-block-size:0;padding:.85rem 1rem;overflow:hidden auto}.table-dialog-body>:first-child{margin-block-start:0}.table-dialog-footer{background:#18402fb8;border-block-start:1px solid #f8f4e32e;min-block-size:0;padding:.5rem 1rem;overflow:visible}.result-controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.result-controls p{margin:0}.disconnected-list{margin:0;padding-inline-start:1.25rem}.trick-slot{border-radius:.75rem;grid-template-columns:minmax(4.75rem,1fr) minmax(5.5rem,auto);grid-template-areas:"identity card";align-self:stretch;place-items:center;gap:.35rem;min-block-size:0;min-inline-size:0;padding:.4rem;display:grid;overflow:hidden}.player-sidecar{grid-area:identity}.player-identity{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar copy pile";align-items:center;gap:.35rem .5rem;min-inline-size:0;display:grid}.table-view[data-center-kind=chance-play] .player-identity{position:relative}.player-avatar{border-radius:50%;grid-area:avatar;align-self:center;block-size:2.3rem;inline-size:2.3rem}.human-player-marker{border:.125rem solid #f8f4e3d9;display:block;box-shadow:0 0 0 .0625rem #030c0873}.bot-avatar{object-fit:cover;object-position:center;block-size:100%;inline-size:100%;display:block;overflow:hidden;transform:scale(1.55)}.bot-avatar-frame{aspect-ratio:1;border-radius:50%;display:block;overflow:hidden}.seat-identity-copy{grid-area:copy;min-inline-size:0;display:grid}.seat-connection-status{color:#f8f4e3b3;font-size:.7rem;font-weight:750;line-height:1.1}.seat-remaining-cards{color:#2a2105;white-space:nowrap;background:#f2ca52;border:1px solid #f2ca52bf;border-radius:999px;justify-self:start;margin-block-start:.15rem;padding:.14rem .48rem;font-size:.82rem;font-weight:900;line-height:1.1;box-shadow:0 .2rem .7rem #0000003d}.chance-firework{z-index:var(--layer-table-artifact);pointer-events:none;block-size:3.8rem;inline-size:3.8rem;display:block;position:absolute;inset-block-start:50%;inset-inline-start:1.15rem;transform:translate(-50%,-50%)}.chance-firework-second{block-size:3rem;inline-size:3rem}.chance-firework-ring,.chance-firework-spark{pointer-events:none;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%}.chance-firework-ring{border:.18rem solid #fff4b5;border-radius:50%;block-size:.65rem;inline-size:.65rem;animation:1.35s ease-out both chance-firework-ring}.chance-firework-spark{transform-origin:50% 0;background:linear-gradient(#fffbe0,#f2ca52 55%,#ef7f3b);border-radius:999px;block-size:.85rem;inline-size:.2rem;animation:1.35s ease-out both chance-firework-spark;box-shadow:0 0 .35rem #f2ca52}.chance-firework-second .chance-firework-ring{border-color:#dff6ff;animation-duration:1s}.chance-firework-second .chance-firework-spark{background:linear-gradient(#fff,#9bdcf5 60%,#8e9cff);block-size:.65rem;animation-duration:1s;box-shadow:0 0 .3rem #9bdcf5}@keyframes chance-firework-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(4.6)}}@keyframes chance-firework-spark{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--chance-spark-angle)) translateY(-.15rem) scaleY(.1)}24%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--chance-spark-angle)) translateY(-1.65rem) scaleY(.7)}}@media (prefers-reduced-motion:reduce){.chance-firework-ring,.chance-firework-spark{animation:none}.chance-firework-ring{opacity:1;transform:translate(-50%,-50%)scale(2.2)}.chance-firework-spark{opacity:1;transform:translate(-50%, -50%) rotate(var(--chance-spark-angle)) translateY(-1.25rem) scaleY(.55)}}.seat-connection-status[data-connected=false]{color:#f2ca52}.trick-pile{pointer-events:none;grid-area:pile;justify-self:start;block-size:3.5rem;inline-size:5.25rem;position:relative}.played-card-area{grid-area:card;place-items:center;min-inline-size:0;display:grid}.trick-back{block-size:3.1rem;inline-size:2.2rem;transform:translate(var(--trick-x), var(--trick-y)) rotate(var(--trick-rotation));transform-origin:50%;background-color:#7c2635;background-image:linear-gradient(135deg,#0000 42%,#f8f4e33d 42% 58%,#0000 58%),linear-gradient(45deg,#0000 42%,#f8f4e329 42% 58%,#0000 58%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:.55rem .55rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #f8f4e3;border-radius:.35rem;display:block;position:absolute;inset-block-start:calc(var(--pile-index) * .06rem);inset-inline-start:calc(var(--pile-index) * .4rem);box-shadow:0 .18rem .4rem #0000006b}.trick-slot[data-trick-winner=true] .trick-slot-name{color:#f2ca52}.trick-winning-play .card-face{outline-offset:.2rem;outline:3px solid #f2ca52;animation:.5s ease-out both trick-winner-highlight}.trick-back[data-new=true]{animation:.5s ease-out .5s both trick-back-arrive}@keyframes trick-winner-highlight{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.3rem)scale(1.04);box-shadow:0 0 0 .35rem #f2ca5261,0 .8rem 1.4rem #00000057}}@keyframes trick-back-arrive{0%{opacity:0;transform:translate(var(--trick-x), calc(var(--trick-y) - .8rem)) rotate(var(--trick-rotation))}to{opacity:1;transform:translate(var(--trick-x), var(--trick-y)) rotate(var(--trick-rotation))}}.trick-slot[data-table-position=top]{grid-area:top}.trick-slot[data-table-position=left]{grid-area:left}.trick-slot[data-table-position=right]{grid-area:right}.trick-slot[data-table-position=bottom]{grid-area:bottom;grid-template-columns:minmax(7rem,auto) minmax(5.5rem,auto) minmax(0,1fr);grid-template-areas:"identity card hand"}.trick-slot[data-table-position=left],.trick-slot[data-table-position=right]{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity""card";align-content:center}.trick-slot-name{text-overflow:ellipsis;white-space:nowrap;max-inline-size:8rem;font-weight:800;overflow:hidden}.trick-slot-empty{color:#f8f4e3a6;border:1px dashed #f8f4e359;border-radius:.65rem;place-items:center;block-size:7.75rem;inline-size:5.5rem;display:grid}.turn-copy{font-weight:800}.local-turn-banner{color:#182018;background:#f2ca52;border:2px solid #f2ca52;border-radius:.75rem;padding:.85rem 1rem;font-weight:850}.hand-region{grid-area:hand;align-self:stretch;min-block-size:0;min-inline-size:0;padding:.55rem;overflow:hidden}.hand-region h2{margin-block-end:.35rem;font-size:1rem}.card-row{flex-wrap:nowrap;justify-content:flex-start;padding-block:.25rem;overflow-x:visible}.playing-card{opacity:1;background:0 0;border:0;flex:none;padding:0}.card-face{color:#171b18;background:#fffdf7;border:1px solid #c9c3b5;border-radius:.65rem;place-items:center;block-size:7.75rem;inline-size:5.5rem;display:grid;position:relative;box-shadow:0 .4rem 1rem #0000003d}.card-corner{text-align:center;line-height:.9;display:grid;position:absolute;inset-block-start:.35rem;inset-inline-start:.45rem}.card-corner-bottom{inset-block:auto .35rem;inset-inline:auto .45rem;rotate:180deg}.card-pip{font-size:2.4rem}.tone-red{color:#b21f2d}.tone-black{color:#171b18}.playing-card:not(:disabled):hover .card-face{translate:0 -.2rem;box-shadow:0 .65rem 1.2rem #0000004d}.playing-card:not(:disabled):active .card-face{translate:0 .05rem}.playing-card:disabled{opacity:1}.playing-card:disabled .card-face{filter:saturate(.7)}.playing-card:focus-visible{outline-offset:3px;outline:3px solid #8ed6ff}@media (prefers-reduced-motion:reduce){.trick-winning-play .card-face,.trick-back[data-new=true]{animation:none}}@media (width<=42rem){.page{padding:.5rem}.table-view{grid-template-rows:3rem minmax(0,1fr) auto;gap:.4rem;block-size:100svh;min-block-size:0;overflow:hidden}.table-view .room-header{block-size:3rem;overflow:hidden}.table-view .room-header .eyebrow{margin-block-end:.15rem}.table-view .room-header h1{font-size:1.2rem}.room-table-shell{border-radius:.75rem;grid-template:"top top top"6.5rem"left center right"minmax(0,1fr)"bottom bottom bottom"6.75rem/minmax(4.25rem,.8fr) minmax(0,1.4fr) minmax(4.25rem,.8fr);gap:.125rem;block-size:auto;min-block-size:0;padding:.25rem;overflow-y:hidden}.room-table-shell:has(.table-dialog[data-table-dialog-kind=result]){grid-template-rows:4rem minmax(0,1fr) 4.25rem}.table-center{border-radius:.65rem;padding:.6rem;overflow:hidden auto}.table-center:has(.table-dialog){padding:0}.table-dialog{border-radius:.65rem;overflow:visible}.table-dialog-header{align-items:center;min-block-size:1.5rem;padding:.125rem .5rem;display:flex;overflow:visible}.table-dialog-header h2{font-size:1rem;line-height:1.15}.table-dialog-footer{block-size:4.25rem;padding:0}.table-dialog-body{padding:.125rem}.table-dialog-footer .result-controls{grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .25rem;block-size:100%;display:grid}.table-dialog-footer .result-controls p{text-overflow:clip;overflow-wrap:normal;white-space:normal;min-inline-size:0;font-size:.5625rem;line-height:1.1;overflow:visible}.table-dialog-footer .selection-countdown{text-overflow:clip;white-space:normal;border:0;inline-size:100%;min-inline-size:0;padding:0;overflow:visible}.table-dialog-footer .result-controls button{grid-area:2/1/auto/-1;block-size:44px;min-block-size:44px;inline-size:100%}.game-card-grid{grid-template-columns:1fr}.game-card{min-block-size:6rem;padding:.75rem}.trick-slot{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity""card";gap:.2rem;padding:.2rem}.trick-slot[data-table-position=bottom]{grid-template:"identity card hand"minmax(0,1fr)/13.25rem 4.25rem minmax(4.25rem,1fr);align-self:stretch;overflow:hidden}.trick-slot[data-table-position=top]{grid-template:"identity card"minmax(0,1fr)/minmax(0,1fr) minmax(4.25rem,auto)}.trick-slot[data-table-position=left],.trick-slot[data-table-position=right]{grid-template-rows:auto 2.5rem;grid-template-areas:"identity""card";align-content:center}.trick-slot[data-table-position=left] .player-identity,.trick-slot[data-table-position=right] .player-identity{grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.1rem .15rem;inline-size:100%}.trick-slot[data-table-position=left] .trick-slot-name,.trick-slot[data-table-position=left] .seat-connection-status,.trick-slot[data-table-position=right] .trick-slot-name,.trick-slot[data-table-position=right] .seat-connection-status{text-overflow:ellipsis;white-space:nowrap;inline-size:100%;min-inline-size:0;max-inline-size:100%;font-size:.6rem;line-height:1;overflow:hidden}.trick-slot[data-table-position=left] .player-avatar,.trick-slot[data-table-position=right] .player-avatar{block-size:1.5rem;inline-size:1.5rem}.trick-slot[data-table-position=left] .trick-slot-empty,.trick-slot[data-table-position=left] .card-face,.trick-slot[data-table-position=right] .trick-slot-empty,.trick-slot[data-table-position=right] .card-face{border-radius:.35rem;block-size:2.5rem;inline-size:1.75rem}.trick-slot[data-table-position=left] .trick-slot-empty,.trick-slot[data-table-position=right] .trick-slot-empty{font-size:.55rem}.trick-slot[data-table-position=left] .card-corner,.trick-slot[data-table-position=right] .card-corner{font-size:.5rem;inset-block-start:.1rem;inset-inline-start:.15rem}.trick-slot[data-table-position=left] .card-corner-bottom,.trick-slot[data-table-position=right] .card-corner-bottom{inset-block:auto .1rem;inset-inline:auto .15rem}.trick-slot[data-table-position=left] .card-pip,.trick-slot[data-table-position=right] .card-pip{font-size:1rem}.trick-slot[data-table-position=top] .player-identity,.trick-slot[data-table-position=bottom] .player-identity{grid-template-columns:1.75rem minmax(0,1fr) 3rem;justify-items:start;gap:.15rem .25rem}.trick-slot[data-table-position=top] .trick-slot-name,.trick-slot[data-table-position=top] .seat-connection-status,.trick-slot[data-table-position=bottom] .trick-slot-name,.trick-slot[data-table-position=bottom] .seat-connection-status{text-overflow:ellipsis;white-space:nowrap;inline-size:100%;min-inline-size:0;max-inline-size:100%;font-size:.7rem;line-height:1.1;overflow:hidden}.trick-slot[data-table-position=top] .seat-budget,.trick-slot[data-table-position=bottom] .seat-budget{text-overflow:ellipsis;white-space:nowrap;inline-size:100%;min-inline-size:0;max-inline-size:100%;font-size:.6rem;line-height:1;overflow:hidden}.player-avatar{block-size:1.75rem;inline-size:1.75rem}.trick-pile{justify-self:end;block-size:2.5rem;inline-size:3rem}.trick-back{block-size:1.75rem;inline-size:1.25rem;inset-block-start:calc(.15rem + var(--pile-index) * .04rem);inset-inline-start:calc(.25rem + var(--pile-index) * .18rem)}.hand-region{align-self:stretch;block-size:100%;inline-size:100%;padding:.1rem}.hand-region h2{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-row{overscroll-behavior-inline:contain;inline-size:100%;padding-block:0}.trick-slot-empty,.card-face{block-size:6rem;inline-size:4.25rem}.table-view:not(:has(.room-table-shell)){grid-template-rows:none;grid-auto-rows:auto;block-size:auto;min-block-size:100svh;overflow:visible}.table-view:not(:has(.room-table-shell)) .room-header{block-size:auto;overflow:visible}}.room-header,.utility-menu-shell{z-index:var(--layer-menu);position:relative}.utility-menu-dismiss{z-index:var(--layer-menu-dismiss);position:fixed;inset:0}.utility-menu-trigger{color:#f2ca52;background:#f8f4e31a;border-radius:999px;place-items:center;block-size:44px;inline-size:auto;min-inline-size:44px;padding-inline:.75rem;display:grid}.utility-menu-popover{background:#0d261d;border:1px solid #f8f4e347;border-radius:.8rem;gap:.5rem;inline-size:min(19rem,100vw - 1rem);padding:.75rem;display:grid;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0;box-shadow:0 1rem 2.5rem #0000007a}.utility-menu-popover button{text-align:start;min-block-size:44px;inline-size:100%}.utility-menu-room-code{color:#f8f4e3c7;margin:0;font-size:.875rem;font-weight:750}.utility-menu-about{gap:.5rem;display:grid}.utility-menu-about h2,.utility-menu-about p,.utility-menu-license-region h2,.utility-menu-license-entry h3,.utility-menu-license-entry p{margin:0}.utility-menu-about h2,.utility-menu-license-region h2{font-size:1.125rem}.utility-menu-about p,.utility-menu-license-entry p{color:#f8f4e3c7;font-size:.875rem}.utility-menu-page-actions{gap:.5rem;display:grid}.utility-menu-license-region{overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:none;max-block-size:min(32rem,100dvh - 10rem);overflow-y:auto}.utility-menu-license-region::-webkit-scrollbar{display:none}.utility-menu-rules-region::-webkit-scrollbar{display:none}.utility-menu-license-list{gap:1rem;margin:.75rem 0 0;padding-inline-start:1.25rem;display:grid}.utility-menu-license-entry{gap:.5rem;display:grid}.utility-menu-license-entry h3{overflow-wrap:anywhere;font-size:.9375rem}.utility-menu-license-identifier{overflow-wrap:anywhere;font-weight:750}.utility-menu-license-text{overflow-wrap:anywhere;white-space:pre-wrap;color:#f8f4e3d1;background:#00000038;border-radius:.5rem;margin:0;padding:.625rem;font:.75rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.room-table-shell{grid-template:"opponents"5rem"stage"minmax(0,1fr)"hand"9.5rem/minmax(0,1fr);gap:.375rem;block-size:100%;min-block-size:0;padding:.25rem;overflow:hidden}.phase-panel{gap:.4rem;display:grid}.phase-panel>*{margin-block:0}.chance-stage{--chance-slot-width:clamp(2rem, 3.5vw, 2.75rem);grid-template-rows:auto auto;align-content:center;gap:.2rem;min-block-size:100%;overflow:hidden}.chance-stage-copy{text-align:center;grid-template-columns:auto auto;justify-content:center;align-items:baseline;gap:.1rem .4rem;min-inline-size:0;display:grid}.chance-stage-copy .eyebrow,.chance-stage-copy h2,.chance-stage-copy p{white-space:nowrap;margin:0;line-height:1.1}.chance-stage-copy h2{font-size:.9rem}.chance-stage-copy>p:last-child{color:#f8f4e3b8;grid-column:1/-1;font-size:.625rem}.chance-board{justify-content:center;gap:.25rem;display:grid}.chance-row{grid-template-columns:1.5rem repeat(8, var(--chance-slot-width));align-items:center;display:grid}.chance-row:not(:last-child){border-block-end:1px solid #f8f4e312}.chance-suit{justify-self:center;font-family:system-ui,sans-serif;font-size:1.125rem;font-weight:800;line-height:1}.chance-suit-red{color:#b21f2d}.chance-suit-black{color:#f8f4e3}.chance-slot{inline-size:var(--chance-slot-width);block-size:calc(var(--chance-slot-width) * 1.5);position:relative}.chance-slot:before{content:"";border-block-start:1px solid #f8f4e359;position:absolute;inset-block-start:50%;inset-inline:0}.chance-rank{z-index:var(--layer-base);color:#f8f4e3b8;text-shadow:0 0 .25rem #10281f;place-items:center;font-family:system-ui,sans-serif;font-size:.75rem;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.chance-card{z-index:var(--layer-chance-card);background:#fffdf7;border-radius:.2rem;position:absolute;inset:0;overflow:hidden;box-shadow:0 .1rem .2rem #00000094}.chance-card .card-face{aspect-ratio:auto;block-size:100%;inline-size:100%;box-shadow:none;border-radius:.2rem}.chance-card .card-corner{font-size:clamp(.625rem,1vw,.8rem);line-height:.85;inset-block-start:.1rem;inset-inline-start:.15rem}.chance-card .card-corner-bottom{inset-block:auto .1rem;inset-inline:auto .15rem}.chance-card .card-pip{font-size:clamp(1rem,1.7vw,1.35rem)}.opponent-rail{grid-area:opponents;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(.35rem,2vw,1.25rem);min-block-size:0;min-inline-size:0;display:grid}.opponent-rail .trick-slot{grid-area:auto;grid-template-columns:minmax(0,1fr) 3.5rem;grid-template-areas:"identity card";justify-items:stretch;display:grid}.opponent-rail .player-identity{grid-template-columns:auto minmax(0,1fr) 4.75rem;inline-size:100%;overflow:hidden}.opponent-rail .trick-slot-name,.opponent-rail .seat-connection-status,.opponent-rail .seat-budget{font-size:.875rem;line-height:1.15}.table-center{grid-area:stage;min-block-size:0;overflow-x:hidden}.local-table-artifacts{z-index:var(--layer-table-artifact);pointer-events:none;grid-area:stage;place-self:end center}.local-table-artifacts .trick-pile{block-size:2.75rem;inline-size:4.5rem}.local-hand-grid{grid-area:hand;min-block-size:0;min-inline-size:0;overflow:hidden}.table-view[data-center-kind=chance-play] .local-hand-grid{position:relative}.local-chance-progress{z-index:var(--layer-table-artifact);place-items:center;min-inline-size:4.75rem;display:grid;position:absolute;inset-block-start:.55rem;inset-inline-end:.55rem}.local-chance-progress .chance-firework{inset-inline-start:50%}.local-hand-grid:empty{display:none}.local-hand-grid .hand-region{block-size:100%;inline-size:min(42rem,100%);margin-inline:auto;padding:.55rem}.card-row{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,minmax(0,4.5rem));justify-content:center;gap:.5rem;display:grid;overflow:visible}.room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:5rem minmax(0,1fr) 15.5rem}.table-view[data-center-kind=chance-play] .room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:5rem minmax(0,1fr) 14.25rem}.room-table-shell:not(:has(.local-hand-grid .hand-region)){grid-template-rows:5rem minmax(0,1fr) 0}.playing-card,.card-face{aspect-ratio:5/7;inline-size:100%}.card-face{block-size:auto;min-inline-size:0}@media (width<=42rem){.table-view{grid-template-rows:3rem minmax(0,1fr) auto}.table-view[data-center-kind=chance-play]>.room-header{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.table-view[data-center-kind=chance-play]>.room-header>div:first-child{min-inline-size:0}.table-view[data-center-kind=chance-play]>.room-header .eyebrow,.table-view[data-center-kind=chance-play]>.room-header h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-view[data-center-kind=chance-play]>.room-header .utility-menu-shell{min-inline-size:44px}.room-table-shell{grid-template:"opponents"4.25rem"stage"minmax(0,1fr)"hand"9.5rem/minmax(0,1fr);gap:.25rem;block-size:100%;min-block-size:0;overflow:hidden}.opponent-rail{gap:.2rem}.opponent-rail .trick-slot{grid-area:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"identity""card";padding:.15rem}.opponent-rail .player-identity{grid-template-columns:1.75rem minmax(0,1fr) auto;gap:.1rem .2rem}.opponent-rail .trick-slot{grid-template:"identity"minmax(0,1fr)/minmax(0,1fr);align-content:stretch}.opponent-rail .trick-slot .player-identity{grid-template-columns:1.5rem minmax(0,1fr) auto;align-content:center;gap:.1rem .25rem;block-size:100%}.opponent-rail .player-identity{overflow:hidden}.opponent-rail .player-avatar{block-size:1.5rem;inline-size:1.5rem}.opponent-rail .trick-slot-name,.opponent-rail .seat-connection-status,.opponent-rail .seat-budget{text-overflow:ellipsis;white-space:nowrap;inline-size:100%;font-size:.875rem;line-height:1.1;overflow:hidden}.opponent-rail .trick-slot .trick-slot-name,.opponent-rail .trick-slot .seat-connection-status,.opponent-rail .trick-slot .seat-budget{font-size:.875rem;line-height:1.15}.opponent-rail .trick-slot .seat-budget{text-overflow:clip;white-space:normal;overflow:visible}.table-view[data-center-kind=chance-play] .opponent-rail .trick-slot .player-identity{grid-template-columns:1.5rem minmax(0,1fr) auto;overflow:visible}.table-view[data-center-kind=chance-play] .opponent-rail .trick-slot-name{font-size:.75rem}.table-view[data-center-kind=chance-play] .seat-remaining-cards{margin-block-start:.08rem;padding:.08rem .32rem;font-size:.68rem}.table-view[data-center-kind=chance-play] .local-chance-progress{min-inline-size:4rem;inset-block-start:.22rem;inset-inline-end:.25rem}.table-view[data-center-kind=chance-play] .chance-firework{block-size:3rem;inline-size:3rem;inset-inline-start:.75rem}.table-view[data-center-kind=chance-play] .chance-firework-second{block-size:2.5rem;inline-size:2.5rem}.table-view[data-center-kind=chance-play] .opponent-rail .player-avatar{block-size:1.5rem;inline-size:1.5rem}.opponent-rail .played-card-area,.opponent-rail .trick-pile{display:none}.table-center{padding:.15rem;overflow-y:auto}.phase-panel h2,.table-dialog-header h2{font-size:1rem}.phase-panel{gap:.3rem;display:grid}.phase-panel>*{margin-block:0}.phase-panel p,.table-dialog-body,.game-card,.match-standings{font-size:.875rem}.local-hand-grid .hand-region{block-size:100%;padding:.25rem;overflow:hidden}.local-hand-grid .hand-region h2{margin-block-end:.15rem;font-size:.875rem;line-height:1}.card-row{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,minmax(0,3.5rem));gap:.2rem .35rem;padding:0;overflow:visible}.room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:3.5rem minmax(0,1fr) 10.75rem}.room-table-shell:not(:has(.local-hand-grid .hand-region)){grid-template-rows:3.5rem minmax(0,1fr) 0}.table-view[data-center-kind=chance-play]{gap:.2rem}.table-view[data-center-kind=chance-play] .room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:2.25rem minmax(0,1fr) 10.75rem;gap:.0625rem}.table-view[data-center-kind=chance-play] .chance-board{gap:0}.card-face{border-radius:.4rem}.card-corner{font-size:.7rem;inset-block-start:.15rem;inset-inline-start:.2rem}.card-corner-bottom{inset-block:auto .15rem;inset-inline:auto .2rem}.card-pip{font-size:1.35rem}.utility-menu-popover{position:fixed;inset-block-start:3.25rem;inset-inline:auto .5rem}.utility-menu-license-region{max-block-size:min(32rem,100dvh - 11.5rem)}}.home-view{place-items:initial;display:block}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.5rem;margin-block-start:0;display:grid}@media (width<=42rem){.home-actions{grid-template-columns:1fr}.home-brand-bar{min-block-size:4.5rem;padding-inline:1.25rem}.home-content{inline-size:min(100% - 1.5rem,38rem);padding-block:2rem}.home-intro{text-align:start}.home-name-field{margin-block:1.75rem 2rem}.home-workflow-card{padding:1.25rem}.room-table-shell:has(.table-dialog[data-table-dialog-kind=selection]){grid-template-rows:3.5rem minmax(0,1fr) 10.75rem}.table-dialog[data-table-dialog-kind=selection] .game-card-grid{grid-template-columns:1fr}}.active-play-stage{min-block-size:100%;position:relative;overflow:hidden}.trick-stage-copy{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.trick-stage-copy>*{margin-block:0 .3rem}.paused-play-stage{grid-template-rows:auto minmax(5rem,1fr)}.paused-play-stage .trick-stage-copy{clip:auto;white-space:normal;block-size:auto;inline-size:auto;margin:0;position:static;overflow:visible}.paused-play-stage .trick-arena{min-block-size:5rem;position:relative}.trick-arena{pointer-events:none;position:absolute;inset:0}.trick-arena:before{content:"";border:2px solid #f8f4e31f;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;inset:42% auto auto 50%;transform:translate(-50%,-50%)}.trick-arena-card{inline-size:3.75rem;position:absolute;transform:translate(-50%,-50%)}.trick-arena-card[data-trick-position=top]{inset:37% auto auto 50%}.trick-arena-card[data-trick-position=left]{inset:50% auto auto 40%}.trick-arena-card[data-trick-position=right]{inset:50% auto auto 60%}.trick-arena-card[data-trick-position=bottom]{inset:63% auto auto 50%}.room-table-shell:has(.active-play-stage) .opponent-rail .played-card-area{display:none}.room-table-shell:has(.table-dialog[data-table-dialog-kind=result]) .table-center{padding-block-end:3.25rem}@media (width<=42rem){.paused-play-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 7rem}.paused-play-stage .trick-arena{min-block-size:0;display:block}.paused-play-stage .trick-stage-copy>*{margin-block-end:.2rem}.trick-arena-card{inline-size:2.5rem}.trick-arena:before{block-size:4rem;inline-size:4rem}}.table-view[data-center-kind=aborted] .local-hand-grid{display:none}.table-view[data-center-kind=aborted] .room-table-shell{grid-template-rows:6rem minmax(0,1fr) 0 0}.table-view[data-center-kind=aborted] .table-center{background:0 0;border:0;place-items:center;display:grid}.table-view[data-center-kind=aborted] .phase-panel{text-align:center;max-inline-size:48rem}.table-view[data-center-kind=aborted] .phase-panel h2{font-size:clamp(2rem,5vw,3.5rem)}.table-view[data-center-kind=aborted] .phase-panel p{color:#f8f4e3c2;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.45}.status-rail{background:#091c14eb;border:1px solid #f8f4e333;border-radius:.75rem;box-shadow:0 .75rem 2rem #0000002e}.status-rail-normal{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;min-block-size:2.5rem;max-block-size:3rem;padding:.25rem .5rem;display:grid;overflow:hidden}.active-game-pill{color:#fff4b5;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;background:#f2ca521f;border:1px solid #f2ca5294;border-radius:999px;min-inline-size:0;margin:0;padding:.2rem .55rem;font-size:.78rem;font-weight:850;overflow:hidden}.status-rail-status,.status-rail-time{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;margin:0;overflow:hidden}.status-rail-status{color:#2a2105;background:#f2ca52;border-radius:.45rem;padding:.25rem .5rem;font-weight:800}.status-rail-time{border:1px solid #f8f4e373;border-radius:999px;padding:.2rem .45rem}.status-rail-exceptional{overflow-wrap:anywhere;gap:.35rem;padding:.5rem .75rem;display:grid;overflow:visible}.status-rail-exceptional>*{margin:0}@media (width<=42rem){.status-rail-normal{block-size:2.5rem}.status-rail-exceptional{gap:.25rem;padding:.35rem .5rem}.status-rail-exceptional .status-banner,.status-rail-exceptional .error-banner{padding:.35rem .5rem;font-size:.875rem;line-height:1.15}.status-rail-exceptional .disconnected-list{font-size:.875rem;line-height:1.15}.table-view[data-center-kind=aborted] .room-table-shell{grid-template-rows:4rem minmax(0,1fr) 0 0}.table-view[data-center-kind=aborted] .phase-panel h2{font-size:2rem}.table-view[data-center-kind=aborted] .phase-panel p{font-size:1rem}}.table-header-controls{align-items:center;gap:.5rem;display:flex}.home-rules-action{justify-content:center;margin-block-start:1.5rem;display:flex}.home-rules-action button{min-inline-size:min(18rem,100%)}.rules-view{block-size:auto;min-block-size:100svh;max-inline-size:72rem}.rules-page-header{border-block-end:1px solid #f8f4e333;justify-content:space-between;align-items:start;gap:1.5rem;margin-block-end:1.5rem;padding-block-end:1.5rem;display:flex}.rules-page-header h1{margin-block-end:.5rem;font-size:clamp(2rem,5vw,3.5rem)}.rules-page-header p{color:#f8f4e3c7;max-inline-size:48rem;margin:0;font-size:1.05rem;line-height:1.5}.rules-sections{gap:1rem;display:grid}.rules-section{background:#091c14b8;border:1px solid #f8f4e333;border-radius:1rem;min-inline-size:0;padding:clamp(1rem,3vw,1.5rem)}.rules-section>:last-child{margin-block-end:0}.rules-section h2{margin-block-end:.65rem}.rules-section p{color:#f8f4e3d1;line-height:1.55}.rules-entry-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.rules-entry-list article{background:#10281fb8;border:1px solid #a9bb8259;border-radius:.75rem;block-size:100%;padding:.9rem}.rules-entry-list h3,.rules-entry-list h4{color:#f2ca52;margin-block:0 .35rem}.rules-entry-list strong{margin-block-end:.35rem;display:block}.rules-entry-list p{margin:0}.utility-menu-popover:has(.utility-menu-rules-region){inline-size:min(40rem,100vw - 1rem)}.utility-menu-rules-region{overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:none;max-block-size:min(36rem,100dvh - 10rem);padding-inline-end:.25rem;overflow-y:auto}.utility-menu-rules-header h2,.utility-menu-rules-header p,.utility-menu-rules-region .rules-section h3,.utility-menu-rules-region .rules-section h4,.utility-menu-rules-region .rules-section p{margin-block-start:0}.utility-menu-rules-header h2{margin-block-end:.35rem;font-size:1.25rem}.utility-menu-rules-header p,.utility-menu-rules-region .rules-section p{color:#f8f4e3c7;font-size:.875rem;line-height:1.45}.utility-menu-rules-region .rules-sections{gap:.75rem;margin-block-start:.75rem}.utility-menu-rules-region .rules-section{padding:.75rem}.utility-menu-rules-region .rules-section h3{margin-block-end:.4rem;font-size:1rem}.utility-menu-rules-region .rules-section h4{margin-block-end:.2rem;font-size:.9375rem}.utility-menu-rules-region .rules-entry-list{grid-template-columns:1fr;gap:.5rem}.utility-menu-rules-region .rules-entry-list article{padding:.65rem}@media (width<=42rem){.rules-page-header{display:grid}.rules-page-header button{grid-row:1;justify-self:start}.rules-entry-list{grid-template-columns:1fr}.utility-menu-rules-region{max-block-size:min(32rem,100dvh - 11.5rem)}}.table-view{--senior-card-inline-size:clamp(4.75rem, 7vw, 5.75rem);--choice-card-inline-size:clamp(1.85rem, 3.2vw, 2.45rem)}.table-center{position:relative}[data-active-game]{z-index:var(--layer-table-artifact);position:absolute;inset-block-start:.35rem;inset-inline-start:.35rem}.room-table-shell{grid-template-rows:4.75rem minmax(0,1fr) 10.75rem;align-items:stretch}.room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:4.75rem minmax(0,1fr) 10.75rem;align-items:stretch}.room-table-shell:has(.table-dialog[data-table-dialog-kind=selection]){grid-template-rows:4.75rem minmax(0,1fr) 10.75rem;align-items:stretch}.table-view[data-center-kind=chance-play] .room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:4.75rem minmax(0,1fr) 10.75rem;align-items:stretch}.local-hand-grid,.local-hand-grid .hand-region{overflow:visible}.local-hand-grid .hand-region{inline-size:min(48rem,100%);padding:.35rem .5rem}.card-row{isolation:isolate;flex-wrap:nowrap;justify-content:center;gap:0;inline-size:100%;padding:.2rem .25rem .35rem;display:flex;overflow-x:visible}.playing-card{z-index:var(--layer-base);flex:0 0 var(--senior-card-inline-size);inline-size:var(--senior-card-inline-size);opacity:1;min-inline-size:0;position:relative}.playing-card+.playing-card{margin-inline-start:clamp(-3.75rem, calc((100% - (var(--senior-card-inline-size) * 8)) / 7), -.45rem)}.playing-card:focus-visible,.playing-card:not(:disabled):hover{z-index:var(--layer-table-artifact)}.playing-card>.card-face,.trick-arena-card>.card-face{inline-size:var(--senior-card-inline-size);block-size:calc(var(--senior-card-inline-size) * 1.4);aspect-ratio:auto;opacity:1;min-inline-size:0}.playing-card .card-corner,.trick-arena-card .card-corner{font-size:clamp(.85rem, calc(var(--senior-card-inline-size) * .2), 1.15rem);inset-block-start:clamp(.2rem, calc(var(--senior-card-inline-size) * .06), .35rem);inset-inline-start:clamp(.25rem, calc(var(--senior-card-inline-size) * .075), .45rem)}.playing-card .card-corner-bottom,.trick-arena-card .card-corner-bottom{inset-block:auto clamp(.2rem, calc(var(--senior-card-inline-size) * .06), .35rem);inset-inline:auto clamp(.25rem, calc(var(--senior-card-inline-size) * .075), .45rem)}.playing-card .card-pip,.trick-arena-card .card-pip{font-size:clamp(2.35rem, calc(var(--senior-card-inline-size) * .52), 3rem)}.playing-card:disabled .card-face{opacity:1;filter:saturate(.72)brightness(.88)}.trick-slot-name,.game-card-title,.game-card h3{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;overflow:hidden}.table-dialog[data-table-dialog-kind=selection] .table-dialog-body{grid-template-rows:auto minmax(0,1fr);gap:.35rem;display:grid;overflow:hidden}.table-dialog[data-table-dialog-kind=selection] .table-dialog-body:not(:has(.selection-countdown)){grid-template-rows:minmax(0,1fr)}.table-dialog[data-table-dialog-kind=selection] .game-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:center;gap:clamp(.35rem,1vw,.65rem);min-block-size:0}.table-dialog[data-table-dialog-kind=selection] .game-card{text-align:center;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:.2rem;min-block-size:0;padding:.35rem .45rem}.table-dialog[data-table-dialog-kind=selection] .game-card-grid:has(>.game-card:last-child:nth-child(-n+3)){grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),18rem));justify-content:center}.table-dialog[data-table-dialog-kind=selection] .game-card-grid:has(>.game-card:last-child:nth-child(-n+3)) .game-card{place-self:center;max-block-size:12rem;inline-size:min(18rem,100%)}button.game-card:disabled{opacity:1;filter:saturate(.55)brightness(.76)}.game-card-title,.game-card h3{inline-size:100%;font-size:clamp(.75rem,1.4vw,.95rem);line-height:1.1}.game-choice-artwork{place-items:center;min-block-size:5rem;inline-size:100%;display:grid;position:relative;overflow:hidden}.game-choice-artwork .card-face{inline-size:var(--choice-card-inline-size);block-size:calc(var(--choice-card-inline-size) * 1.4);border-radius:calc(var(--choice-card-inline-size) * .1);aspect-ratio:auto;opacity:1;min-inline-size:0}.game-choice-artwork .card-corner{font-size:clamp(.48rem, calc(var(--choice-card-inline-size) * .28), .68rem);inset-block-start:.1rem;inset-inline-start:.12rem}.game-choice-artwork .card-corner-bottom{inset-block:auto .1rem;inset-inline:auto .12rem}.game-choice-artwork .card-pip{font-size:clamp(.9rem, calc(var(--choice-card-inline-size) * .58), 1.4rem)}.game-choice-fan{inline-size:calc(var(--choice-card-inline-size) * 2.7);block-size:calc(var(--choice-card-inline-size) * 1.65);display:block;position:relative}.game-choice-fan>span{transform-origin:50% 100%;position:absolute;inset-block-end:0;inset-inline-start:50%}.game-choice-fan>span:first-child{transform:translate(-100%)rotate(-16deg)}.game-choice-fan>span:nth-child(2){transform:translate(-72%)rotate(-6deg)}.game-choice-fan>span:nth-child(3){transform:translate(-36%)rotate(6deg)}.game-choice-fan>span:nth-child(4){transform:translate(-8%)rotate(16deg)}.game-choice-dominant-card{display:block;transform:rotate(4deg)translateY(-.1rem)}.game-choice-artwork-last-trick{background:0 0;border:0}.game-choice-last-trick-composition{inline-size:calc(var(--choice-card-inline-size) * 2.5);block-size:calc(var(--choice-card-inline-size) * 1.65);display:block;position:relative}.game-choice-last-trick-back{inline-size:var(--choice-card-inline-size);block-size:calc(var(--choice-card-inline-size) * 1.4);inset:auto auto 0 0}.game-choice-last-trick-back:first-child{transform:translate(0)rotate(-10deg)}.game-choice-last-trick-back:nth-child(2){transform:translate(45%)rotate(-2deg)}.game-choice-last-trick-back:nth-child(3){transform:translate(90%)rotate(8deg)}.game-choice-last-trick-raised{z-index:var(--layer-table-artifact);position:absolute;inset-block-end:.35rem;inset-inline-end:0;transform:translateY(-.35rem)rotate(12deg)}.game-choice-artwork-chance{background:radial-gradient(circle,#f8f4e317,#0000 68%)}.game-choice-chance-cross{inline-size:calc(var(--choice-card-inline-size) * 3.35);block-size:calc(var(--choice-card-inline-size) * 1.8);place-items:center;display:grid;position:relative}.game-choice-chance-horizontal{gap:.08rem;display:flex}.game-choice-artwork-marmelade{background:radial-gradient(circle,#f2ca5221,#0000 68%)}.game-choice-marmelade-composition{inline-size:calc(var(--choice-card-inline-size) * 2.25);block-size:calc(var(--choice-card-inline-size) * 1.55);display:block;position:relative}.game-choice-marmelade-back{z-index:var(--layer-base);inline-size:var(--choice-card-inline-size);block-size:calc(var(--choice-card-inline-size) * 1.4);inset-block-start:.05rem;inset-inline:auto .05rem;transform:rotate(8deg)}.game-choice-marmelade-jar{z-index:var(--layer-chance-card);inline-size:calc(var(--choice-card-inline-size) * 1.35);object-fit:contain;block-size:auto;max-block-size:100%;position:absolute;inset-block-end:0;inset-inline-start:0}.selection-confirmation-scrim{place-items:center;block-size:100%;display:grid}.selection-confirmation-scrim .table-dialog{block-size:auto;max-inline-size:34rem}.selection-confirmation{text-align:center;margin:0;padding:clamp(1rem,4vw,2.5rem)}@media (width>=60rem) and (height<=50rem){.table-view{gap:.4rem;padding-block:.5rem}:is(.room-table-shell,.room-table-shell:has(.local-hand-grid .hand-region),.room-table-shell:has(.table-dialog[data-table-dialog-kind=selection])){grid-template-rows:4.25rem minmax(0,1fr) 10.75rem;gap:.25rem}.table-dialog[data-table-dialog-kind=selection] .table-dialog-header,.table-dialog[data-table-dialog-kind=selection] .table-dialog-body{padding-block:.35rem}}@media (orientation:portrait) and (width>=43rem){:is(.room-table-shell,.room-table-shell:has(.local-hand-grid .hand-region),.room-table-shell:has(.table-dialog[data-table-dialog-kind=selection])){grid-template-rows:5.5rem minmax(0,1fr) 9.5rem;inline-size:min(54rem,100%);margin-inline:auto}.table-dialog[data-table-dialog-kind=selection]{inline-size:min(48rem,100%);margin-inline:auto}.table-dialog[data-table-dialog-kind=selection] .game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:portrait) and (width<=42rem){.table-view{--senior-card-inline-size:clamp(4.65rem, 21vw, 5.1rem);--choice-card-inline-size:clamp(1.85rem, 8vw, 2.15rem)}.room-table-shell{grid-template-rows:4rem minmax(0,1fr) 8.2rem}.room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:4rem minmax(0,1fr) 8.2rem}.room-table-shell:has(.table-dialog[data-table-dialog-kind=selection]){grid-template-rows:4rem minmax(0,1fr) 8.2rem}.table-view[data-center-kind=chance-play] .room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:4rem minmax(0,1fr) 8.2rem}.table-dialog[data-table-dialog-kind=selection] .game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-choice-artwork{min-block-size:4.65rem}.trick-slot-name{font-size:.75rem}}@media (orientation:landscape) and (height<=32rem){.table-view{--senior-card-inline-size:clamp(3.45rem, 7vw, 3.65rem);--choice-card-inline-size:clamp(1.25rem, 2.8vw, 1.6rem);grid-template-rows:minmax(0,1fr) auto;gap:.2rem;padding:.25rem}.table-view>.room-header{margin:0;position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem}.table-view>.room-header>div:first-child{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.room-table-shell{grid-template-rows:3rem minmax(0,1fr) 6.5rem;gap:.15rem;padding:.15rem}.room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:3rem minmax(0,1fr) 6.5rem;gap:.15rem;padding:.15rem}.room-table-shell:has(.table-dialog[data-table-dialog-kind=selection]){grid-template-rows:3rem minmax(0,1fr) 6.5rem;gap:.15rem;padding:.15rem}.table-view[data-center-kind=chance-play] .room-table-shell:has(.local-hand-grid .hand-region){grid-template-rows:3rem minmax(0,1fr) 6.5rem;gap:.15rem;padding:.15rem}.opponent-rail .trick-slot{padding:.1rem}.opponent-rail .player-identity{grid-template-columns:2rem minmax(0,1fr) auto;gap:.1rem .25rem}.opponent-rail .player-avatar{block-size:2rem;inline-size:2rem}.opponent-rail .trick-slot-name,.opponent-rail .seat-connection-status,.opponent-rail .seat-budget{font-size:.75rem;line-height:1}.table-dialog[data-table-dialog-kind=selection] .table-dialog-header,.table-dialog[data-table-dialog-kind=selection] .table-dialog-body{padding:.1rem .25rem}.table-dialog[data-table-dialog-kind=selection] .table-dialog-header h2{font-size:.85rem;line-height:1}.table-dialog[data-table-dialog-kind=selection] .table-dialog-body{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:.25rem}.table-dialog[data-table-dialog-kind=selection] .selection-countdown{align-self:center;min-inline-size:4.5rem;margin:0;padding:.1rem .35rem;font-size:.7rem}.table-dialog[data-table-dialog-kind=selection] .game-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.2rem}.table-dialog[data-table-dialog-kind=selection] .game-card{gap:.05rem;padding:.1rem .25rem}.game-choice-artwork{min-block-size:2.8rem}.game-choice-fan>span{inset-block-end:.05rem}.game-choice-last-trick-raised{transform:rotate(12deg)}.local-hand-grid .hand-region{padding-block:.1rem}.local-hand-grid .hand-region h2{clip:auto;white-space:nowrap;block-size:auto;inline-size:auto;margin:0 0 .05rem;font-size:.65rem;line-height:1;position:static;overflow:visible}.card-row{padding-block:.05rem}.game-card-title,.game-card h3{font-size:.65rem;line-height:1.1}}