:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17211d;background:#edf1eb}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;background:#e8542d;color:#fff;font-weight:700;padding:.78rem 1rem;border-radius:5px}button:hover{background:#c84423}.shell{width:min(1380px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 3rem}.brand{text-align:center;margin:8vh 0 2.5rem}.brand h1{display:inline;font-size:3rem;margin:0 .5rem}.brand p{margin:.6rem 0 0;color:#5d675f}.brand-mark{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#e8542d;color:#fff;font-weight:800;vertical-align:.2rem}.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:760px;margin:auto}.app-version{margin:.65rem 0 0;color:#758279;font-size:.72rem;text-align:center}.panel,.waiting,.between-deals{background:#fff;border:1px solid #d5ddd5;border-radius:7px;padding:1.5rem}.panel h2{margin-top:0}.panel label{display:grid;gap:.35rem;margin:1rem 0;font-weight:650}.panel input,.panel select{padding:.65rem;border:1px solid #aeb9af;border-radius:4px;background:#fff}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.wordmark{font-size:1.5rem;font-weight:800;text-decoration:none;color:inherit}.game-header span{color:#59645b}.game-header strong{color:#17211d;letter-spacing:.08em}.game-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#dce8d7;border:1px solid #bfd0ba;border-radius:5px}.game-status strong{color:#984020}.error{color:#a5231a}.table{background:#21643c;border:10px solid #f7f4e9;box-shadow:0 1px 8px #1a2d2030;min-height:min(680px,calc(100vh - 120px));margin-top:.65rem;padding:1.25rem;color:#fff}.deal-winner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding:.7rem .85rem;border:1px solid #f7c948;background:#17472c}.deal-winner form{margin:0}.table-layout{display:grid;grid-template:minmax(7.5rem,auto) minmax(18rem,1fr) minmax(7.5rem,auto) / minmax(11rem,1fr) minmax(24rem,1.45fr) minmax(11rem,1fr);min-height:560px;align-items:center;gap:1rem}.seat{display:flex;align-items:center;gap:.55rem;min-width:0}.seat-front{grid-column:2;grid-row:1;flex-direction:column;justify-self:center}.seat-left{grid-column:1;grid-row:2;flex-direction:column;align-items:flex-start}.seat-right{grid-column:3;grid-row:2;flex-direction:column;align-items:flex-end}.seat-self{grid-column:2;grid-row:3;flex-direction:column;justify-self:center}.opponent{min-width:10rem;padding:.6rem .75rem;border:1px solid #80b291;background:#1b5232;border-radius:4px}.self-player{min-width:13rem;border-color:#f7c948;background:#1a5534}.opponent.active{outline:3px solid #f7c948}.bot-label{display:inline-block;margin-left:.35rem;color:#b9d7c1;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.scores .bot-label{color:#54705c}.cards-count{display:block;margin-top:.2rem;font-size:.82rem;color:#d8e8db}.seat-melds{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.45rem;max-width:100%}.seat-left .seat-melds{justify-content:flex-start}.seat-right .seat-melds{justify-content:flex-end}.self-melds{justify-content:center}.table-meld{min-width:5.8rem;padding:.35rem;border:1px solid #9fc5a7;background:#21643c;color:#fff;font-size:.68rem;font-weight:800}.table-meld>span{display:block;margin-bottom:.25rem}.table-meld>div{display:flex}.table-meld .card{width:44px;height:61px;margin-right:-1.45rem;filter:drop-shadow(1px 1px 1px #0006)}.table-meld .card:last-child{margin-right:0}.piles{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;gap:2.4rem;text-align:center}.piles>div{display:grid;gap:.45rem;justify-items:center}.bonk-control{align-self:center}.bonk-button{min-width:110px;min-height:110px;border:3px solid #ffb19c;border-radius:50%;font-size:1.1rem;letter-spacing:.06em}.bonk-button.is-available{background:#c71f19;box-shadow:0 4px #7e1713}.bonk-button.is-available:hover{background:#e3322b;transform:translateY(-2px)}.bonk-button.is-available:active{box-shadow:0 1px #7e1713;transform:translateY(2px)}.bonk-button.is-unavailable{background:#7c3430;border-color:#a96d68;box-shadow:none;color:#d5b7b4;cursor:not-allowed;opacity:.58}.card{display:block;width:92px;height:128px;filter:drop-shadow(1px 2px 2px #0005)}.card-button{padding:0;background:none;border-radius:3px}.card-button:hover{background:none;transform:translateY(-4px)}.empty-card{display:grid;place-items:center;width:92px;height:128px;border:2px dashed #9bc0a8;color:#d7ebdc}.hand{margin-top:1.4rem}.hand h2{font-size:1rem;margin:0 0 .75rem}.hand-cards{display:flex;flex-wrap:wrap;gap:.35rem;align-items:flex-start}.hand-card{position:relative;cursor:grab}.hand-card.dragging{cursor:grabbing;opacity:.45}.meld-select{position:absolute;z-index:2;top:.25rem;left:.25rem;width:1.1rem;height:1.1rem;accent-color:#e8542d}.meld-group{position:absolute;z-index:2;bottom:.2rem;left:.2rem;max-width:4.7rem;padding:.15rem;border:1px solid #9da99f;border-radius:3px;background:#fff;font-size:.64rem}.meld-group:disabled{display:none}.hand-cards .card{width:78px;height:109px}.meld-table{margin-top:1.4rem}.meld-table h2,.meld-controls h2{font-size:1rem;margin:0 0 .7rem}.meld-list{display:flex;flex-wrap:wrap;gap:.75rem}.meld{min-width:180px;padding:.65rem;border:1px solid #b7c5b8;background:#f8fbf7}.meld header{margin-bottom:.45rem;font-size:.8rem;font-weight:700}.meld-cards{display:flex}.meld-cards .card{width:48px;height:67px;margin-right:-.8rem}.meld-controls{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding:1rem;border:1px solid #b7c5b8;background:#fff}.meld-controls p{margin:0;color:#52625a}.meld-controls form{display:flex;flex-wrap:wrap;align-items:end;gap:.55rem}.meld-controls label{display:grid;gap:.2rem;font-size:.78rem;font-weight:700}.meld-controls select{max-width:7.5rem;padding:.45rem;border:1px solid #aeb9af;border-radius:3px;background:#fff}.bonk-decision{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding:.8rem 1rem;border:2px solid #cf2d27;background:#fff1ee}.bonk-decision p{margin:0;font-weight:700}.bonk-decision form{display:flex;gap:.5rem}.secondary-button{background:#52625a}.secondary-button:hover{background:#3c4a43}.bonked-player{outline:4px solid #ef3d32;box-shadow:0 0 0 7px #ffcf4c}.hand.bonked-player{padding:.75rem}.bonk-card{outline:4px solid #ffcf4c;box-shadow:0 0 0 7px #ef3d32}.waiting,.between-deals{max-width:740px;margin:8vh auto 1.25rem;text-align:center}.waiting strong{letter-spacing:.1em}.game-panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,1fr);align-items:start;gap:1rem;margin-top:1.4rem}.game-panels .scores{max-width:none;margin:0}.activity{min-width:0;border:1px solid #b7c5b8;background:#fff}.activity h2{margin:0;padding:.75rem .85rem;border-bottom:1px solid #d5ddd5;font-size:1rem}.activity-list{display:flex;flex-direction:column;gap:.45rem;max-height:300px;margin:0;padding:.75rem .85rem;overflow-y:auto;list-style:none;font-size:.85rem}.activity-list li{color:#39473e}.log-player{color:#126d42;font-weight:800}.log-card{font-weight:800;white-space:nowrap}.log-card-red{color:#c52f29}.log-card-black{color:#17211d}.activity-list .activity-chat{display:grid;gap:.1rem;padding:.45rem .55rem;background:#eef5eb}.activity-empty{color:#66736a;font-style:italic}.chat-form{display:flex;gap:.45rem;padding:.75rem .85rem;border-top:1px solid #d5ddd5}.chat-form input{min-width:0;flex:1;padding:.5rem .6rem;border:1px solid #aeb9af;border-radius:3px}.chat-form button{padding:.5rem .7rem}.scores h2{font-size:1rem;margin:0 0 .65rem;text-align:left}.scores table{width:100%;border-collapse:collapse;text-align:left;background:#fff}.scores th,.scores td{padding:.65rem;border-bottom:1px solid #d5ddd5}.scores .me{background:#e8f2e4}@keyframes player-action{0%{box-shadow:0 0 #f7c948}55%{box-shadow:0 0 0 7px #f7c948}to{box-shadow:0 0 #f7c948}}@keyframes card-source{0%{transform:translateY(0)}45%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes card-destination{0%,35%{transform:scale(.96)}70%{transform:scale(1.05)}to{transform:scale(1)}}.card-action{animation:player-action .7s ease-out}.card-source .card,.card-source .empty-card{animation:card-source .55s ease-out}.card-destination .card,.card-destination .empty-card{animation:card-destination .55s ease-out}@media (max-width: 640px){.shell{width:min(100% - 1rem,1100px);padding:1rem 0}.brand{margin-top:3rem}.lobby-grid{grid-template-columns:1fr}.game-header{margin-bottom:.7rem}.game-status{align-items:flex-start;flex-direction:column;gap:.3rem}.table{min-height:500px;padding:.75rem .4rem}.deal-winner{align-items:stretch;flex-direction:column}.table-layout{grid-template:minmax(6.5rem,auto) minmax(15rem,1fr) minmax(6.5rem,auto) / minmax(4.7rem,1fr) minmax(9rem,1.35fr) minmax(4.7rem,1fr);min-height:480px;gap:.45rem}.seat{gap:.3rem}.opponent{min-width:0;padding:.45rem;font-size:.75rem}.self-player{min-width:10rem}.cards-count{font-size:.7rem}.seat-melds{gap:.3rem}.table-meld{min-width:4.2rem;padding:.22rem;font-size:.57rem}.table-meld .card{width:32px;height:44px;margin-right:-1rem}.piles{gap:.55rem;font-size:.72rem}.bonk-button{min-width:68px;min-height:68px;font-size:.78rem}.card,.empty-card{width:72px;height:101px}.hand-cards .card{width:62px;height:87px}.meld-controls{align-items:stretch;flex-direction:column}.game-panels{grid-template-columns:1fr}.scores{overflow-x:auto;text-align:left}.scores h2{text-align:left}}.table-meld{position:relative;border:3px solid rgb(26,85,52)}.meld-motion-card{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(1px 2px 2px #0005)}.table-meld .card{width:74px;height:102px;margin-right:-2.35rem}@media (max-width: 640px){.table-meld .card{width:58px;height:81px;margin-right:-1.85rem}}#game-board,#game-table{overflow-anchor:none}.table{position:relative}.deal-progress{position:absolute;top:.8rem;left:.9rem;color:#d8e8db;font-size:.76rem;font-weight:800}.deal-goal{margin-left:.45rem;color:#fff5bc;font-weight:600}.self-player .turn-message{display:block;margin-top:.45rem;color:#fff5bc;font-size:.78rem}@media (max-width: 640px){.deal-progress{top:.55rem;left:.6rem;font-size:.65rem}.deal-goal,.self-player .turn-message{font-size:.66rem}}[data-pile]{position:relative}.pile-motion-card{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(1px 2px 2px #0005)}.pile-motion-draw{animation:pile-draw .18s ease-in forwards}.pile-motion-discard{animation:pile-discard .18s ease-out forwards}@keyframes pile-draw{0%{opacity:1;transform:translate(0)}78%{opacity:1;transform:translate(var(--draw-x),var(--draw-y))}to{opacity:0;transform:translate(var(--draw-x),var(--draw-y))}}@keyframes pile-discard{0%{opacity:1;transform:translate(var(--discard-x),var(--discard-y))}82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.game-body{background:#21643c}.game-page #game-table{width:100vw;min-height:min(680px,100vh);margin-top:-1.25rem;margin-left:calc(50% - 50vw);padding:1.25rem max(1.25rem,calc((100vw - 1380px)/2 + 1.25rem));border:0}.board-header{position:absolute;z-index:2;top:1rem;right:max(1.25rem,calc((100vw - 1380px)/2 + 1.25rem));left:max(1.25rem,calc((100vw - 1380px)/2 + 1.25rem));display:grid;grid-template-columns:minmax(6rem,1fr) auto minmax(6rem,1fr);align-items:center;gap:1rem}.board-header .wordmark,.board-header .invite-code,.deal-progress{color:#f7f4e9}.board-header .wordmark{font-size:1.25rem}.board-header .invite-code{justify-self:end;font-size:.78rem}.board-header .invite-code strong{color:#fff5bc;letter-spacing:.08em}.deal-progress{position:static;font-size:.76rem;white-space:nowrap}.deal-goal{color:#fff5bc}.game-page #game-table .table-layout{padding-top:2rem}@media (max-width: 640px){.game-page #game-table{min-height:500px;margin-top:-1rem;padding:.75rem .4rem}.board-header{top:.6rem;right:.6rem;left:.6rem;grid-template-columns:auto 1fr auto;gap:.4rem}.board-header .wordmark{font-size:.95rem}.board-header .invite-code,.deal-progress{font-size:.58rem}.deal-progress{overflow:hidden;text-overflow:ellipsis;text-align:center}.game-page #game-table .table-layout{padding-top:1.5rem}}#game-table .goal-drop-zones{display:none}#game-table.is-goal-dragging .goal-drop-zones,#game-table.is-goal-staging .goal-drop-zones{display:grid}#game-table.is-goal-dragging .goal-drop-zones{outline:1px dashed #8cc89e;outline-offset:.3rem}.goal-drop-zone{position:relative}.goal-drop-zone.is-drop-target,.table-meld.is-drop-target{outline:3px solid #f7c948;outline-offset:2px}.goal-drop-heading{display:flex;min-height:1rem;margin-bottom:.2rem;overflow:hidden;color:#fff;font-size:.72rem;font-weight:800;white-space:nowrap}.goal-drop-label{overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .12s ease}.goal-drop-target{display:none;align-items:center;gap:.2rem;margin-left:auto;font-size:.65rem;font-weight:600}.goal-drop-zone.requires-target .goal-drop-target{display:inline-flex}.goal-drop-target select{max-width:6rem;font-size:.65rem}.goal-drop-cards{min-height:102px}.goal-staged-card{position:absolute;top:0;width:min(74px,100%);cursor:grab}.table-meld .goal-drop-cards .goal-staged-card .card{position:static;display:block;width:100%;height:auto}.hand-card.is-staged{display:none}.hand-card.is-discard-selected{outline:3px solid #e8542d;outline-offset:2px}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hand-heading h2{margin:0 0 .75rem}.hand-sorting{display:flex;align-items:center;gap:.35rem}.hand-sorting>button{padding:.35rem .5rem;font-size:.72rem}.hand-heading button{margin-bottom:.75rem;padding:.45rem .65rem;font-size:.75rem}[data-discard-button-home]>[data-discard-selected]{display:none}.hand-card [data-discard-selected]{display:block;position:absolute;z-index:4;top:50%;right:.25rem;left:.25rem;margin:0;width:calc(100% - .5rem);padding:.4rem .25rem;transform:translateY(-50%);font-size:.68rem;line-height:1}.hand-heading button:disabled{cursor:not-allowed;opacity:.45}.hand-card,.goal-staged-card{touch-action:none}.hand-drag-ghost{position:fixed;z-index:20;pointer-events:none;opacity:.82;filter:drop-shadow(2px 4px 4px #0008)}.goal-drag-form{display:none}.flow-goal-actions{display:none;align-items:center;gap:.45rem}.flow-goal-actions button{padding:.45rem .65rem;font-size:.75rem}#game-table.is-goal-dragging .goal-drop-zone .goal-drop-label,#game-table.is-goal-staging .goal-drop-zone .goal-drop-label,.goal-drop-zone:hover .goal-drop-label{opacity:1}#game-table.is-goal-dragging .table-flow-hint .flow-action,#game-table.is-goal-staging .table-flow-hint .flow-action,#game-table:has(.goal-drop-zones:hover) .table-flow-hint .flow-action{display:none}#game-table.is-goal-dragging .table-flow-hint .flow-goal-actions,#game-table.is-goal-staging .table-flow-hint .flow-goal-actions,#game-table:has(.goal-drop-zones:hover) .table-flow-hint .flow-goal-actions{display:flex}@media (max-width: 640px){.goal-staged-card{width:min(50px,100%)}}.game-page #game-table .table-layout{grid-template:minmax(12rem,.75fr) minmax(21rem,1fr) minmax(12rem,.75fr) / minmax(12rem,.9fr) minmax(30rem,2.1fr) minmax(12rem,.9fr);min-height:690px;align-items:stretch;gap:.75rem}.seat{min-width:0;min-height:0}.seat-front,.seat-self{display:grid;grid-template-rows:auto minmax(7.9rem,1fr);justify-self:stretch;justify-items:center;gap:.45rem}.seat-front{grid-column:2;grid-row:1}.seat-front .opponent{grid-row:1}.seat-front .seat-melds{grid-row:2}.seat-self{position:relative;grid-column:2;grid-row:3;grid-template-rows:minmax(7.9rem,1fr) auto}.seat-self .seat-melds{grid-row:1}.seat-self .self-player{grid-row:2}.seat-left,.seat-right{display:grid;grid-template-rows:auto minmax(14rem,1fr);gap:.55rem}.seat-left{grid-column:1;grid-row:2;align-items:start}.seat-right{grid-column:3;grid-row:2;align-items:end}.board-utility{grid-column:3;grid-row:3;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr);align-self:end;justify-self:end;width:min(100%,18rem);height:10.5rem;overflow:hidden;border:1px solid #80b291;border-radius:4px;background:#17472c;box-shadow:0 2px 5px #0004;color:#eff8ef;font-size:.72rem}.board-utility-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #4c815f}.board-utility-tabs button{border:0;border-radius:0;padding:.4rem .5rem;background:transparent;color:#cde2d1;font-size:.7rem;font-weight:800}.board-utility-tabs button:hover,.board-utility-tabs button.is-active{background:#2c7046;color:#fff}.board-utility-panel{min-width:0;min-height:0}.board-utility-panel[hidden]{display:none!important}.board-utility-panel[data-board-utility-panel=log]{display:grid;grid-template-rows:minmax(0,1fr) auto}.board-activity-list{display:flex;flex-direction:column;gap:.28rem;min-height:0;margin:0;padding:.42rem .55rem;overflow-y:auto;list-style:none;line-height:1.2}.board-activity-list li{color:#e6f1e8}.board-activity-list .activity-chat{display:grid;gap:.08rem;padding:.25rem .32rem;background:#245c39}.board-activity-list .log-player{color:#f7c948}.board-activity-list .log-card{display:inline-block;margin:0 .08rem;padding:.08rem .24rem;border-radius:2px;background:#f8fbf7;font-weight:800;line-height:1.1}.board-activity-list .log-card-red{color:#ba2924}.board-activity-list .log-card-black{color:#17211d}.board-chat-form{display:flex;gap:.3rem;padding:.38rem .45rem;border-top:1px solid #4c815f}.board-chat-form input{min-width:0;flex:1;padding:.28rem .38rem;border:1px solid #80b291;border-radius:3px;background:#f9fffa;color:#17211d;font-size:.69rem}.board-chat-form button{padding:.28rem .42rem;font-size:.66rem}.board-score-scroll{height:100%;overflow:auto}.board-score-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.board-score-table th,.board-score-table td{padding:.36rem .45rem;border-bottom:1px solid #4c815f}.board-score-table th{position:sticky;top:0;background:#1d5a37;color:#cde2d1;font-size:.64rem;text-transform:uppercase}.board-score-table td:nth-child(2){color:#d7ebdc}.board-score-table .me{background:#286b42}.board-score-table .bot-label{color:#b9d7c1}.seat-left .opponent,.seat-right .opponent{align-self:start}.seat-left .opponent{justify-self:start;width:fit-content}.seat-right .opponent{justify-self:end}.cards-count.is-low{color:#ff8e84;font-weight:800}.seat-melds{display:grid;min-width:0;min-height:0;width:min(100%,38rem);gap:.4rem}.seat-melds.meld-layout-2{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-melds.meld-layout-3{grid-template-columns:repeat(3,minmax(0,1fr))}.seat-left .seat-melds,.seat-right .seat-melds{width:100%;grid-template-rows:repeat(2,minmax(0,1fr))}.seat-left .seat-melds.meld-layout-2,.seat-right .seat-melds.meld-layout-2{grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.seat-left .seat-melds.meld-layout-3,.seat-right .seat-melds.meld-layout-3{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.seat-left .seat-melds.meld-layout-3>:nth-child(3),.seat-right .seat-melds.meld-layout-3>:nth-child(3){grid-column:1 / -1}.piles{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:auto minmax(3.8rem,auto);align-items:center;justify-content:center;column-gap:2.4rem;row-gap:.35rem}.piles>.table-flow-hint{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-height:3.8rem;max-width:min(100%,34rem);margin:0 auto;color:#fff5bc;text-align:center}.flow-action{font-size:1.65rem;font-weight:800;line-height:1.2}.flow-error{margin:0;color:#ffd4ca;font-size:.88rem;font-weight:750}.flow-goal-actions+.flow-error{flex-basis:100%;margin-top:.3rem}.flow-bonk-decision,.flow-deal-message{display:flex;align-items:center;justify-content:center;gap:.65rem;font-size:.88rem}.flow-bonk-decision form,.flow-deal-message form{display:flex;gap:.35rem;margin:0}.flow-bonk-decision button,.flow-deal-message button{padding:.42rem .62rem;font-size:.76rem}.table-meld{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;border:0;padding:.3rem;overflow:hidden}.table-meld>span{min-height:1rem;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meld-card-stack{position:relative;min-width:0;min-height:0;height:102px}.table-meld .meld-card-stack .card{position:absolute;top:0;width:min(74px,100%);height:auto;aspect-ratio:92 / 128;margin:0;filter:drop-shadow(1px 1px 1px #0006)}.meld-placeholder{border:0;background:transparent;opacity:0;pointer-events:none}.meld-placeholder:after{content:"";display:block;min-height:102px}.seat-self .goal-drop-zones{position:absolute;z-index:5;top:0;left:50%;width:min(100%,38rem);transform:translate(-50%)}.game-page #game-table .deal-winner{position:absolute;z-index:4;top:1rem;right:max(1.25rem,calc((100vw - 1380px)/2 + 1.25rem));left:max(1.25rem,calc((100vw - 1380px)/2 + 1.25rem));margin:0}@media (max-width: 640px){.game-page #game-table .table-layout{grid-template:minmax(9rem,.7fr) minmax(17rem,1fr) minmax(9rem,.7fr) / minmax(5rem,1fr) minmax(10rem,1.5fr) minmax(5rem,1fr);min-height:510px;gap:.35rem}.seat-front,.seat-self{grid-template-rows:auto minmax(5rem,1fr)}.seat-self{grid-template-rows:minmax(5rem,1fr) auto}.seat-left,.seat-right{grid-template-rows:auto minmax(10rem,1fr);gap:.3rem}.board-utility{width:min(100%,9.5rem);height:8.4rem;font-size:.61rem}.board-utility-tabs button{padding:.3rem;font-size:.62rem}.board-activity-list{gap:.2rem;padding:.3rem}.board-chat-form{gap:.2rem;padding:.25rem}.board-chat-form input,.board-chat-form button{padding:.23rem .28rem;font-size:.58rem}.board-score-table th,.board-score-table td{padding:.28rem;font-size:.58rem}.seat-melds{gap:.2rem}.piles{column-gap:.55rem;row-gap:.15rem}.table-flow-hint{min-height:3.1rem}.flow-action{font-size:1.15rem}.flow-bonk-decision,.flow-deal-message{flex-wrap:wrap;gap:.25rem .45rem;font-size:.7rem}.table-meld{padding:.16rem}.table-meld>span{min-height:.72rem;margin-bottom:.1rem}.meld-card-stack,.meld-placeholder:after{min-height:70px;height:70px}.table-meld .meld-card-stack .card{width:min(50px,100%);height:auto}.seat-self .goal-drop-zones{top:0;width:min(100%,38rem)}.game-page #game-table .deal-winner{top:.6rem;right:.6rem;left:.6rem}}.game-page #player-hand.hand{width:100vw;margin:0 0 0 calc(50% - 50vw);padding:.5rem max(1.25rem,calc((100vw - 1380px)/2 + 1.25rem)) .8rem;border-top:1px solid #4c815f;background:#21643c;color:#f7f4e9}.game-page #player-hand .hand-heading{width:min(100%,1380px);margin:0 auto .35rem;justify-content:flex-start}.game-page #player-hand .hand-heading h2{margin:0;color:#d7ebdc;font-size:.78rem;font-weight:750}.game-page #player-hand .hand-sorting{gap:.28rem}.game-page #player-hand .hand-sorting>button,.game-page #player-hand .hand-heading button{margin:0;padding:.3rem .48rem;font-size:.68rem}.game-page #player-hand .hand-sorting .hand-sort-icon{display:grid;width:1.7rem;height:1.7rem;place-items:center;padding:0;border:1px solid #80b291;background:#17472c;color:#f7f4e9;font-size:.9rem;line-height:1}.game-page #player-hand .hand-sorting .hand-sort-icon:hover{background:#2c7046}.game-page #player-hand .hand-card-rail{position:relative;width:min(100%,1380px);margin:0 auto}.game-page #player-hand .hand-cards{width:100%;margin:0;padding:.2rem .2rem .45rem;flex-wrap:nowrap;min-height:115px;overflow-x:auto;overflow-y:visible;scrollbar-color:#80b291 #17472c;scrollbar-width:thin}.hand-scroll-button{position:absolute;z-index:5;top:50%;display:none;width:1.8rem;height:3.6rem;padding:0;border:1px solid #80b291;border-radius:3px;background:#17472cf0;color:#f7f4e9;font-size:1.5rem;line-height:1;transform:translateY(-50%)}.hand-scroll-button:hover{background:#2c7046}.hand-scroll-left{left:.15rem}.hand-scroll-right{right:.15rem}.hand-card-rail.can-scroll-left .hand-scroll-left,.hand-card-rail.can-scroll-right .hand-scroll-right{display:grid;place-items:center}.game-page #player-hand .hand-cards::-webkit-scrollbar{height:7px}.game-page #player-hand .hand-cards::-webkit-scrollbar-thumb{background:#80b291;border-radius:4px}.game-page #player-hand .hand-card{flex:0 0 auto}.game-page #player-hand.hand.bonked-player{padding:.5rem max(1.25rem,calc((100vw - 1380px)/2 + 1.25rem)) .8rem;outline:0;box-shadow:inset 0 4px #ef3d32,inset 0 -4px #ef3d32}.board-utilities{display:flex;align-items:center;justify-self:end;gap:.65rem}.board-header .board-help-link{color:#d7ebdc;font-size:.72rem;font-weight:750;text-underline-offset:.18em}@media (max-width: 640px){.game-page #player-hand.hand{padding:.38rem .55rem .6rem}.game-page #player-hand .hand-heading{margin-bottom:.25rem}.game-page #player-hand .hand-heading h2{font-size:.7rem}.game-page #player-hand .hand-sorting>button,.game-page #player-hand .hand-heading button{padding:.25rem .35rem;font-size:.61rem}.game-page #player-hand .hand-sorting .hand-sort-icon{width:1.45rem;height:1.45rem;padding:0;font-size:.75rem}.game-page #player-hand .hand-cards{gap:.25rem;min-height:93px;padding-bottom:.35rem}.hand-scroll-button{width:1.5rem;height:3rem;font-size:1.2rem}.game-page #player-hand.hand.bonked-player{padding:.38rem .55rem .6rem}.board-utilities{gap:.35rem}.board-header .board-help-link{font-size:.57rem}}@media (max-height: 840px){.game-body .shell{padding-bottom:0}.game-page #game-table{min-height:0;height:calc(100svh - 8.7rem);padding-top:.85rem;padding-bottom:.85rem}.game-page #game-table .table-layout{grid-template:minmax(7rem,.75fr) minmax(14rem,1fr) minmax(7rem,.75fr) / minmax(10rem,.9fr) minmax(26rem,2.1fr) minmax(10rem,.9fr);min-height:0;height:100%;padding-top:1.55rem}.seat-front,.seat-self{grid-template-rows:auto minmax(5.8rem,1fr)}.seat-self{grid-template-rows:minmax(5.8rem,1fr) auto}.seat-left,.seat-right{grid-template-rows:auto minmax(9.5rem,1fr)}.meld-card-stack,.meld-placeholder:after{min-height:82px;height:82px}.table-meld .meld-card-stack .card{width:min(61px,100%)}.game-page #player-hand.hand{padding-top:.35rem;padding-bottom:.55rem}.game-page #player-hand .hand-heading{margin-bottom:.25rem}.game-page #player-hand .hand-cards{min-height:104px}.game-page #player-hand .hand-cards .card{width:70px;height:98px}}@media (max-width: 640px) and (max-height: 760px){.game-page #game-table{height:calc(100svh - 7.3rem);padding:.5rem .35rem}.game-page #game-table .table-layout{grid-template:minmax(5.5rem,.7fr) minmax(11.5rem,1fr) minmax(5.5rem,.7fr) / minmax(4.5rem,1fr) minmax(9rem,1.5fr) minmax(4.5rem,1fr);padding-top:1.25rem}.seat-front,.seat-self{grid-template-rows:auto minmax(4.4rem,1fr)}.seat-self{grid-template-rows:minmax(4.4rem,1fr) auto}.seat-left,.seat-right{grid-template-rows:auto minmax(7rem,1fr)}.piles>[data-pile] .card,.piles>[data-pile] .empty-card{width:62px;height:87px}.bonk-button{min-width:58px;min-height:58px;font-size:.66rem}.meld-card-stack,.meld-placeholder:after{min-height:58px;height:58px}.table-meld .meld-card-stack .card{width:min(43px,100%)}.game-page #player-hand .hand-cards{min-height:87px}.game-page #player-hand .hand-cards .card{width:58px;height:81px}.hand-scroll-button{height:2.6rem}}.how-to-play-link,.game-help-link,.how-back-link{color:#126d42;font-size:.86rem;font-weight:750;text-underline-offset:.18em}.how-to-play-link{display:inline-block;margin-top:1rem}.game-help-link{display:block;width:fit-content;margin:1.1rem auto 0}.how-to-play{max-width:980px;margin:0 auto;padding:2.5rem 0 3.5rem}.how-hero{max-width:610px;margin:0 0 3rem}.how-hero .wordmark{font-size:1.2rem}.how-hero h1{margin:.7rem 0 .6rem;font-size:2.8rem;line-height:1.05}.how-hero p{margin:0;color:#52625a;font-size:1.08rem;line-height:1.55}.how-section{padding:1.7rem 0;border-top:2px solid #b9cfbd}.how-section-heading{display:flex;align-items:baseline;gap:.7rem}.how-section-heading span{color:#c84423;font-size:.78rem;font-weight:800}.how-section h2{margin:0;font-size:1.55rem}.turn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.35rem 0 0;padding:0;list-style:none;counter-reset:turn}.turn-steps li{min-height:205px;padding:1rem 1rem .8rem;border:1px solid #b8cbb9;background:#f7faf5}.turn-steps li:before{display:grid;width:1.5rem;height:1.5rem;place-items:center;margin-bottom:.7rem;border-radius:50%;background:#21643c;color:#fff;font-size:.75rem;font-weight:800;counter-increment:turn;content:counter(turn)}.turn-steps strong,.turn-steps span{display:block}.turn-steps span,.how-note,.how-final p{color:#4e5d53;font-size:.92rem;line-height:1.45}.card-example{display:flex;align-items:flex-end;min-height:78px;margin-top:1rem}.card-example .card{width:52px;height:73px;margin-right:-1.55rem}.card-example .card:last-child,.card-example-single .card{margin-right:0}.meld-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.meld-examples>div{padding:1rem;background:#21643c;color:#fff}.meld-examples h3,.how-final h3{margin:0;font-size:.95rem}.meld-examples .card-example{margin-top:.9rem}.how-note{max-width:720px;margin:1.25rem 0 0}.deal-guide{margin-top:1.2rem;border-top:1px solid #b8cbb9}.deal-guide>div{display:grid;grid-template-columns:4.5rem 5rem minmax(0,1fr);gap:1rem;padding:.55rem .2rem;border-bottom:1px solid #cbd9cc;font-size:.9rem}.deal-guide-head{color:#45604c;font-size:.76rem!important;font-weight:800;text-transform:uppercase}.how-final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.15rem}.how-final-grid>div{border-left:4px solid #e8542d;padding-left:.8rem}.how-final p{margin:.5rem 0 0}.how-back-link{display:inline-block;margin-top:1.25rem}@media (max-width: 640px){.how-to-play{padding:1.25rem 0 2rem}.how-hero{margin-bottom:2rem}.how-hero h1{font-size:2.15rem}.turn-steps,.meld-examples,.how-final-grid{grid-template-columns:1fr}.turn-steps li{min-height:0}}.lobby-grid.join-lobby{grid-template-columns:minmax(0,1fr);max-width:380px}.invite-link{color:#126d42;font-weight:750;overflow-wrap:anywhere;text-underline-offset:.18em}.invite-share{display:flex;align-items:center;justify-content:center;gap:.45rem}.invite-copy{flex:0 0 auto;padding:.25rem .45rem;border:1px solid #9bb8a2;background:#eef5eb;color:#21643c;font-size:.72rem}.invite-copy:hover{background:#dcebdc}