.computer-page,.game-page{background:var(--color-cream);min-height:100dvh}.computer-page{padding:1rem}.play-brand{min-height:44px;font-family:var(--font-heading);align-items:center;font-size:1.15rem;text-decoration:none;display:inline-flex}.play-settings{width:min(100%,42rem);margin:.5rem auto 2rem}.play-settings h1{font-size:var(--text-2xl);margin:0 0 .5rem}.play-settings>p{margin-block:0 1rem}.play-settings fieldset{border:0;margin:1.25rem 0 0;padding:0}.play-settings legend{margin-bottom:.5rem;font-weight:500}.segments{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.segments button{min-width:0;padding-inline:.35rem}.segments button[aria-pressed=true]{border-color:var(--color-forest);background:var(--color-forest);color:var(--color-cream)}.field-help{color:#0e4a34c7;font-size:var(--text-sm);margin:.45rem 0 0}.check-row{align-items:center;gap:.65rem;min-height:44px;display:flex}.check-row:first-of-type{margin-top:1rem}.check-row input{width:1.25rem;height:1.25rem;accent-color:var(--color-forest)}.deal-button,.resume-button{width:100%;margin-top:1rem}.settings-notice{border-top:1px solid var(--line);padding-top:1rem;font-size:.78rem;line-height:1.5;margin-top:1.25rem!important}.setup-links{flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;width:min(100%,42rem);margin:0 auto 2rem;font-size:.8rem;display:flex}.game-page{place-items:start center;display:grid;position:relative;overflow-x:hidden}.game-wordmark{z-index:8;width:38px;height:30px;color:var(--color-cream);font-family:var(--font-heading);place-items:center;font-size:.82rem;text-decoration:none;display:grid;position:fixed;top:.2rem;right:.45rem}.table-grid{background:var(--color-forest);width:min(100%,680px);height:100dvh;min-height:640px;color:var(--color-cream);grid-template-rows:34px auto minmax(92px,1fr) auto auto 26px 58px;display:grid;overflow:hidden}.status-strip{background:var(--color-forest);letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #d9b56a73;justify-content:space-between;align-items:center;padding:0 3rem 0 .75rem;font-size:.78rem;display:flex}.status-strip span{font-size:.72rem;font-weight:500}.seat-stack{background:var(--color-cream);color:var(--color-forest);grid-template-rows:repeat(3,44px);display:grid}.seat-band{grid-template-columns:80px minmax(0,1fr) 108px;background:var(--color-cream)!important;text-align:left!important;border:0!important;border-bottom:1px solid #0e4a3429!important;border-radius:0!important;min-height:44px!important;padding:.15rem .55rem!important;display:grid!important}.seat-band[data-expanded=true]{background:var(--color-cream)!important;min-height:62px!important}.seat-meta{grid-template-columns:10px 1fr;align-items:center;line-height:1.1;display:grid}.seat-meta small{grid-column:2;font-size:.62rem;font-weight:400}.turn-dot{background:#0e4a3440;border-radius:50%;grid-row:1/3;width:7px;height:7px}.seat-band[data-active=true] .turn-dot{background:var(--color-rose);animation:1.15s ease-in-out infinite pulse}.seat-exposures{align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.seat-count{white-space:nowrap;justify-self:end;align-items:center;gap:.35rem;font-size:.66rem;display:flex}.seat-last{align-items:center;gap:.2rem;display:flex}.seat-last small{text-transform:uppercase;font-size:.56rem}.seat-last .play-tile.mini{width:25px}.table-centre.mat{min-height:0;box-shadow:none;border-radius:0;margin:0;padding:.6rem .65rem}.table-centre.mat:after{border-radius:.45rem;inset:5px}.pool{z-index:1;grid-template-rows:auto auto auto auto;min-height:82px;max-height:190px;display:grid;position:relative}.pool-heading{justify-content:space-between;align-items:center;min-height:26px;font-size:.75rem;display:flex}.pool-toggle{text-decoration:underline;min-height:28px!important;color:inherit!important;background:0 0!important;border:0!important;padding:0 .35rem!important;font-size:.65rem!important}.last-discard{justify-content:center;align-items:center;gap:.6rem;display:flex}.last-discard .play-tile{width:46px}.last-discard span{line-height:1.25;display:grid}.last-discard small{font-size:.68rem}.claim-copy,.empty-pool{text-align:center;margin:.2rem auto;font-size:.7rem;line-height:1.35}.discard-grid{scrollbar-width:thin;flex-wrap:wrap;place-content:start center;gap:4px;min-height:0;display:flex;overflow-y:auto}.discard-count,.discard-piece{border:1px solid #0000;border-radius:4px;padding:2px;display:inline-flex;position:relative}.discard-count[data-newest=true],.discard-piece[data-newest=true]{border-color:var(--color-gold);background:#d9b56a40}.discard-grid .play-tile.mini{width:32px}.discard-count b{background:var(--color-gold);width:15px;height:15px;color:var(--color-forest);border-radius:50%;place-items:center;font-size:.6rem;display:grid;position:absolute;bottom:-2px;right:-2px}.play-tile{flex:none;width:42px;display:inline-block}.play-tile.mini{width:23px}.play-tile-button{vertical-align:top;width:42px;min-width:42px;margin:0;position:relative;background:0 0!important;border:0!important;border-radius:4px!important;min-height:56px!important;padding:0!important;display:inline-block!important}.play-tile-button.mini{width:23px;min-width:23px;min-height:31px!important}.play-tile-button[data-selected=true]{outline:3px solid var(--color-gold);outline-offset:1px;transform:translateY(-4px)}.play-tile-button[data-dimmed=true]{opacity:.35;filter:grayscale(.75)}.play-tile-button .tile,.play-tile .tile{width:100%}.card-panel{background:var(--color-cream);color:var(--color-forest)}.card-handle{width:100%;border:0!important;background:var(--color-cream)!important;min-height:36px!important;color:var(--color-forest)!important;border-block:1px solid #0e4a3429!important;border-radius:0!important;padding:0 .75rem!important;font-size:.72rem!important}.target-list{grid-template-rows:auto repeat(3,minmax(0,1fr));gap:.2rem;height:298px;padding:.25rem .45rem .45rem;display:grid;overflow:hidden}.target-list>button{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;background:var(--color-cream)!important;text-align:left!important;border:1px solid #0e4a3429!important;border-radius:6px!important;min-height:82px!important;padding:.25rem .4rem!important;display:grid!important}.target-list>button[data-selected=true]{background:#d9b56a4d!important}.target-heading{align-items:baseline;gap:.35rem;min-width:0;display:flex!important}.target-heading small{font-size:.56rem;font-weight:400}.target-list b{white-space:nowrap;align-self:center;font-size:.65rem}.card-notice-short{text-align:center;margin:0;font-size:.56rem;line-height:1.25}.target-tiles{grid-column:1/-1;justify-content:center;align-items:center;gap:3px;min-width:0;margin-top:.15rem;display:flex}.target-group{gap:1px;min-width:0;display:flex}.target-tile{opacity:.25;filter:grayscale(.8);width:17px;min-width:0;display:block}.target-tile[data-held=true]{opacity:1;filter:none}.target-tile .tile{width:100%}.own-exposures{background:var(--color-forest);justify-content:center;align-items:center;gap:2px;min-height:34px;padding:2px .5rem;display:flex}.own-exposures>span{margin-right:.4rem;font-size:.62rem}.your-rack{background:var(--color-forest);min-height:110px;padding:.3rem .3rem .15rem;position:relative}.rack-grid{grid-template-columns:repeat(7,42px);justify-content:center;gap:3px 4px;display:grid}.rack-space{border:1px dashed #fbf3de33;border-radius:4px;width:42px;height:56px}.table-announcement{min-width:0;color:var(--color-gold);text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #d9b56a59;justify-content:center;align-items:center;padding:0 .5rem;font-size:.62rem;line-height:1.2;display:flex;overflow:hidden}.hint-box{z-index:3;background:var(--color-cream);color:var(--color-forest);border-radius:6px;padding:.35rem .5rem;font-size:.62rem;line-height:1.3;display:grid;position:absolute;bottom:.35rem;left:.35rem;right:.35rem}.action-bar{border-top:1px solid var(--color-gold);background:var(--color-cream);min-width:0;color:var(--color-forest);justify-content:flex-end;align-items:center;gap:.35rem;padding:.3rem .45rem;display:flex}.action-bar button{border-color:var(--color-forest);background:var(--color-cream);min-width:0;min-height:46px;color:var(--color-forest);flex:auto;padding:.35rem .55rem;font-size:.72rem}.action-bar button.primary{background:var(--color-forest);color:var(--color-cream)}.game-page button:not(:disabled):hover{background:var(--color-blush)}.game-page button.primary:not(:disabled):hover{background:var(--color-forest)}.waiting-action{text-align:center;width:100%;font-size:.75rem}.charleston-tray,.courtesy-panel{z-index:1;text-align:center;place-content:center;height:100%;display:grid;position:relative}.tray-slots{justify-content:center;gap:.35rem;min-height:56px;display:flex}.tray-slot,.blind-tile{border:1px dashed var(--color-gold);width:42px;height:56px;color:var(--color-gold);background:#ffffff0f;border-radius:5px}button.blind-tile{min-width:42px;min-height:56px;padding:0}.charleston-tray p,.charleston-tray small,.courtesy-panel p{margin:.25rem 0 0;font-size:.68rem;line-height:1.3}.charleston-tray small{font-size:.58rem}.blind-choices{gap:2px;display:flex;position:absolute;bottom:0;right:.3rem}.blind-choices .blind-tile{width:30px;min-width:30px;height:40px;min-height:40px}.blind-tile[data-selected=true]{outline:2px solid var(--color-gold)}.courtesy-panel h2{margin:0;font-size:1rem}.courtesy-count{justify-content:center;gap:.25rem;margin-top:.4rem;display:flex}.courtesy-count button{border-color:var(--color-gold);width:44px;min-height:44px;color:inherit;background:0 0;padding:0}.courtesy-count button[aria-pressed=true]{background:var(--color-gold);color:var(--color-forest)}.play-sheet{z-index:20;background:#041e14b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.sheet-card{border:1px solid var(--color-gold);background:var(--color-paper);width:min(100%,34rem);max-height:calc(100dvh - 2rem);color:var(--color-forest);border-radius:1rem;padding:1.15rem;overflow-y:auto;box-shadow:0 1.2rem 3rem #00000047}.sheet-card h2,.sheet-card h3,.sheet-card p{margin:0 0 .65rem}.sheet-card h2{font-size:1.65rem}.sheet-actions,.end-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.sheet-actions>*,.end-actions>*{flex:1}.builder-row,.builder-rack{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;display:flex}.builder-rack{margin-top:.75rem}.swap-options{gap:.5rem;display:grid}.inline-error{border-left:3px solid var(--color-rose);background:var(--color-blush);padding:.6rem}.end-sheet{border:1px solid var(--color-gold);background:var(--color-paper);width:min(100%,40rem);box-shadow:var(--card-shadow);border-radius:1rem;margin:1rem auto;padding:1.25rem}.end-sheet h1{font-size:var(--text-2xl);margin:0 0 1rem}.winning-hand{background:var(--color-forest);color:var(--color-cream);border-radius:.75rem;padding:1rem}.winning-hand h2,.winning-hand p{margin:0}.winning-hand h2{justify-content:space-between;gap:1rem;font-size:1.25rem;display:flex}.winning-hand h2 span{font-family:var(--font-body);font-size:.8rem}.winning-hand p{margin-top:.5rem;font-family:ui-monospace,monospace;font-size:.8rem}.stats-line{border-block:1px solid var(--line);padding-block:.75rem;font-size:.78rem}@keyframes pulse{50%{opacity:.55;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.seat-band[data-active=true] .turn-dot{animation:none}.play-tile-button{transition:none}}@media (height<=700px){.table-grid{grid-template-rows:32px auto minmax(86px,1fr) auto auto 24px 54px;min-height:600px}.seat-band{min-height:36px!important}.your-rack{min-height:102px}.rack-grid{grid-template-columns:repeat(7,38px)}.play-tile-button{width:38px;min-width:38px;min-height:51px!important}}@media (width>=1024px){.game-page{place-items:center;padding:1.25rem}.table-grid{border:1px solid var(--color-gold);border-radius:1rem;grid-template-rows:38px auto minmax(150px,auto) auto 28px 70px;grid-template-columns:780px 400px;width:min(100%,1180px);height:auto;max-height:calc(100dvh - 2.5rem);box-shadow:0 1rem 3rem #0e4a3433}.status-strip,.seat-stack,.table-centre,.own-exposures,.your-rack,.table-announcement,.action-bar{grid-column:1}.card-panel{border-left:1px solid var(--color-gold);grid-area:1/2/7}.card-handle{min-height:48px!important;font-size:.9rem!important}.target-list{grid-template-rows:auto repeat(3,minmax(116px,auto));height:auto;max-height:none;padding:1rem}.target-list>button{min-height:116px!important;padding:.5rem!important}.target-heading small,.card-notice-short{font-size:.72rem}.target-tile{width:23px}.rack-grid{grid-template-columns:repeat(14,50px);gap:4px}.play-tile-button{width:50px;min-width:50px;min-height:67px!important}.your-rack{min-height:76px}.pool{max-height:220px}.game-wordmark{color:var(--color-forest);position:absolute;top:1.5rem;right:calc(50% - 570px)}}
