:root{--paper:#f3f0e7;--ink:#293f35;--muted:#8a9583;--red:#a74c3e;--gold:#e2c78c;--line:#d9ddcf;--hand-card-width:76px;--hand-step:40px}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font:14px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid #d8b564;outline-offset:3px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.app{height:100dvh;max-width:1440px;padding:20px 32px 12px;margin:auto;display:flex;flex-direction:column}header{height:52px;display:flex;align-items:center;gap:22px;margin-bottom:20px;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.jd{font:18px Georgia,serif;width:38px;height:38px;border:1px solid #bac2af;border-radius:50%;display:grid;place-items:center}.wordmark{font:italic 43px/.9 Georgia,serif;letter-spacing:-2px}.wordmark>span{color:var(--red)}.tagline{font-size:8px;color:#949c89;letter-spacing:1.9px;border-left:1px solid #d4d9cb;padding-left:22px;margin-top:6px}nav{display:flex;gap:7px;margin-left:auto}.icon{background:transparent;border:1px solid #ccd3c1;border-radius:50%;height:33px;width:33px;font-size:18px;color:#6b7a62}.icon.active{background:#355842;color:#f5e8c8}main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:30px}.play-area{display:flex;flex-direction:column;min-height:0;min-width:0}.felt{position:relative;isolation:isolate;flex:1;min-height:0;display:flex;flex-direction:column;padding:18px 23px 13px;background:radial-gradient(ellipse at 45% 40%,#2c654e,#20543f 50%,#163f30);border-radius:20px;box-shadow:0 16px 35px #293e2d15,inset 0 0 0 6px #153e31,inset 0 0 0 7px #96a17b44;color:#e6e8d5;overflow:hidden}.felt:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.07;background:repeating-linear-gradient(70deg,transparent,transparent 2px,#dcebd1 2px,#dcebd1 3px);pointer-events:none}.felt-frame{position:absolute;inset:12px;border:1px solid #c7d6aa24;border-radius:11px;pointer-events:none}.opponent-row{display:flex;align-items:center;gap:11px;min-height:64px;flex-shrink:0;border-bottom:1px solid #d8e5bd22;padding-bottom:10px}.avatar{width:34px;height:34px;border:1px solid #aabe9466;border-radius:50%;display:grid;place-items:center;font:18px Georgia,serif;color:#d0d5ad}.player-info{width:108px;display:flex;flex-direction:column;gap:4px}.player-info strong{font-size:12px;font-weight:500}.player-info>span{font-size:9px;color:#a8bfa0;line-height:1.35}.cpu-hand{display:flex;justify-content:center;gap:6px;margin:auto;min-width:0}.card-back{width:34px;aspect-ratio:100/156;border-radius:4px;padding:3px;background:#f4e8d0;box-shadow:0 4px 8px #05291b44;transform:rotate(-5deg)}.card-back:nth-child(2){transform:translateY(-3px)}.card-back:nth-child(3){transform:rotate(5deg)}.card-back svg{display:block;width:100%;height:100%}.cpu-count{display:flex;flex-direction:column;align-items:center;gap:2px;margin-right:15px}.cpu-count strong{font:26px Georgia,serif}.cpu-count>span{font-size:6px;letter-spacing:1px;color:#afc0a4}.round-label{display:flex;flex-direction:column;gap:6px;text-align:right;font-size:7px;letter-spacing:1.3px;color:#a6bc9b}.round-label>span:last-child{font-size:8px;letter-spacing:0;color:#b3c4a8}.draw-row{display:flex;align-items:center;gap:21px;padding:10px 0 11px;border-bottom:1px solid #d8e5bd22;flex-shrink:0;height:115px}.stock{display:flex;align-items:center;gap:12px;flex-shrink:0;border:0;background:transparent;text-align:left;padding:4px 4px 4px 0;color:#e9e5ca}.stock:disabled{opacity:.65}.stock .card-back{width:47px;transform:rotate(-3deg);box-shadow:2px 2px #d7c9aa,4px 4px #7a3f35,5px 5px #d7c9aa,0 8px 15px #0c2e2255}.stock-label{display:flex;flex-direction:column;gap:7px}.stock-label>b{font-weight:500;font-size:12px}.stock-label>small{color:#aebf9f;font-size:8px}.pile-area{flex:1;min-width:0}.zone-heading{display:flex;justify-content:space-between;gap:9px;font-size:7px;letter-spacing:1.5px;color:#aebf9f;margin-bottom:7px}.zone-heading>span:last-child{letter-spacing:0;font-size:8px;color:#90ad89}.pile-rail{overflow-x:auto;overflow-y:hidden;padding:2px 5px 7px;scrollbar-width:thin;scrollbar-color:#6b8a65 transparent}.pile{display:flex;align-items:center;width:max-content;min-width:100%;height:77px;padding:1px 0}.playing-card{position:relative;display:block;aspect-ratio:100/156;padding:0;border:0;background:#faf6eb;border-radius:5px;box-shadow:0 2px 0 #cdbd9b,0 5px 12px #082e2544;flex-shrink:0;transition:transform .17s,box-shadow .17s,filter .17s}.playing-card svg{display:block;width:100%;height:100%;pointer-events:none;border-radius:5px}.playing-card:disabled{opacity:1;cursor:default}.pile .playing-card{width:46px;margin-left:-22px}.pile .playing-card:first-child{margin-left:0}.pile .playing-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 0 0 2px #e9c879,0 5px 12px #082e2544;z-index:2}.pile-empty{font:italic 12px Georgia,serif;color:#9bb591;padding-left:5px}.meld-table{position:relative;flex:1;min-height:95px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#66875e transparent;padding:13px 2px 9px}.melds{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;align-content:start}.meld{padding:8px 9px 9px;border:1px solid #aec69c26;background:#102e201f;border-radius:8px;min-width:0;color:#bfd0b2;text-align:left}.meld.own{border-color:#c7d3ae3b}.meld.long{grid-column:span 2}.meld.valid-target{border-color:#e9c879;box-shadow:0 0 0 1px #e9c87966;background:#d9c48612}.meld-head{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.2px;margin-bottom:6px;gap:5px}.meld-head .owner{color:#d9d6af}.meld-head .meld-value{color:#aebd99;letter-spacing:0;font-size:8px}.meld-head .clean-mark{color:#e1c983}.meld-cards{display:flex;width:100%;align-items:center;justify-content:center;min-height:65px}.mini-card{display:block;aspect-ratio:100/156;flex-shrink:0;width:43px;margin-left:-27px;box-shadow:0 2px 0 #cdbd9b,0 4px 8px #06271e22;border-radius:4px;background:#faf6eb}.mini-card:first-child{margin-left:0}.mini-card svg{width:100%;height:100%;display:block;border-radius:4px;pointer-events:none}.meld-foot{font-size:7px;color:#8eae83;display:block;margin-top:7px;letter-spacing:.2px}.empty-table{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;opacity:.18;pointer-events:none}.empty-table[hidden]{display:none}.empty-table>span{font:italic 55px Georgia,serif;letter-spacing:-6px;border:1px solid #c4d3af;border-radius:50%;height:91px;width:91px;display:grid;place-items:center;padding-right:5px}.empty-table>i{font-style:normal;font-size:6px;letter-spacing:3.5px}.empty-table>p{font:italic 12px Georgia,serif;margin:2px 0;color:#e2e6c8}.status-bar{display:flex;gap:8px;align-items:center;justify-content:center;min-height:35px;border-block:1px solid #d8e5bd22;flex-shrink:0;padding:6px 5px}#turn-light{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#e4c989;box-shadow:0 0 10px #e4c98944}#turn-light.cpu{background:#a2bb96;box-shadow:none}.status-bar p{font-size:10px;line-height:1.4;margin:0;text-align:center;color:#e1e5c8}.status-bar.required{background:#c6a96115;border-color:#d8ba6c66}.hand-section{flex-shrink:0}.hand-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;font-size:9px;color:#9fba94}.hand-heading b{font-weight:500;font-size:12px;color:#ebead3;margin-right:9px}.hand-tools{display:flex;gap:10px}.hand-tools button{border:0;padding:1px;background:transparent;color:#b8c9aa;font-size:9px}.hand-tools button.active{color:#e8ce90;text-decoration:underline;text-underline-offset:4px}.hand-rail{height:144px;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#66875e transparent;padding:10px 3px 5px}.hand{display:flex;align-items:center;width:max-content;min-width:100%;justify-content:center;padding-top:5px}.hand .playing-card{width:var(--hand-card-width);margin-left:calc(var(--hand-step) - var(--hand-card-width))}.hand .playing-card:first-child{margin-left:0}.hand .playing-card.selected{transform:translateY(-13px);box-shadow:0 0 0 2px #e8c77c,0 9px 16px #082d2144;z-index:1}.hand .playing-card:not(:disabled):hover{transform:translateY(-7px)}.hand .playing-card.selected:not(:disabled):hover{transform:translateY(-13px)}.hand .playing-card.required{box-shadow:0 0 0 2px #e8c77c,0 7px 18px #e8c77c33}.required-badge{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-size:8px;color:#26442b;background:#e3cb8a;border:1px solid #ae954e;padding:2px 5px;border-radius:4px;white-space:nowrap;pointer-events:none}.action-bar{display:flex;align-items:center;gap:9px;min-height:40px;flex-shrink:0}.quiet{border:0;padding:6px 0;background:transparent;color:#b7c6a6;font-size:9px}.quiet:disabled{opacity:.3}#selection-count{font-size:8px;color:#9eb791}.main-actions{display:flex;gap:7px;margin-left:auto}.gold-button,.outline-button{font-size:10px;padding:10px 15px;border-radius:6px}.gold-button{background:var(--gold);border:1px solid var(--gold);color:#30482e;font-weight:600}.outline-button{border:1px solid #a4b78d77;background:#ffffff05;color:#dedfc3}.table-caption{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#959e8b;padding-top:11px}.table-caption>span:last-child{font-size:6px;letter-spacing:1.1px}aside{display:flex;flex-direction:column;gap:20px;padding:7px 0;overflow:auto;min-height:0}.score-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:600;color:#7f8d74}.score-heading>span:last-child{font-size:7px;letter-spacing:.8px;border:1px solid #cfd5c2;padding:5px 6px;border-radius:4px;color:#829077}.scoreboard{display:flex;align-items:center;justify-content:space-between;gap:12px}.scoreboard>div{display:flex;flex:1;flex-direction:column;align-items:center;gap:9px;min-width:0}.scoreboard>div>span{font-size:7px;letter-spacing:1.3px;color:#77886e}.scoreboard strong{font:clamp(30px,3.5vw,48px)/1 Georgia,serif;letter-spacing:-1px;max-width:100%}.scoreboard>div:first-child strong{color:var(--red)}.scoreboard em{font:22px Georgia,serif;color:#abb39c}.scoreboard i{height:3px;width:100%;background:#dce1d1;border-radius:3px;overflow:hidden;position:relative}.scoreboard i:after{content:'';display:block;width:var(--progress,0%);height:3px;background:#85977a}.scoreboard>div:first-child i:after{background:var(--red)}.divider{height:1px;background:var(--line);flex-shrink:0}.stats-head,.stats-line{display:grid;grid-template-columns:1fr 30px 30px;gap:8px;align-items:center}.stats-head{font-size:7px;letter-spacing:1px;text-align:center;color:#9ba58e;margin:15px 0 4px}.stats-line{padding:8px 0;font-size:11px;color:#7a8971}.stats-line b{text-align:center;color:#405c3e;font-size:11px;font-weight:500}.stats-line b:first-of-type{color:#a24c3e}.history-section p{font-size:11px;line-height:1.7;color:#77866d;min-height:45px;margin:12px 0 0}.history-section b{color:#405c3f}.tip{display:flex;gap:10px;background:#e9eadc;border-radius:8px;padding:13px}.tip>span{color:#a6945d;font-size:16px}.tip p{font:italic 12px/1.55 Georgia,serif;color:#7d896e;margin:0}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:13px}.side-bottom button{background:transparent;border:1px solid #c7cebc;border-radius:7px;padding:11px 12px;color:#61765a;font-size:10px;text-align:left}.side-bottom>span{font-size:7px;letter-spacing:1.3px;color:#8a967e}.side-bottom button:disabled{opacity:.3}footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.1px;color:#a0a58f;padding-top:16px;flex-shrink:0}footer a{color:inherit;text-decoration:none}.overlay{position:fixed;inset:0;z-index:30;background:#102a24af;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px}.overlay[hidden]{display:none}.dialog{width:min(100%,510px);max-height:90dvh;overflow:auto;border:1px solid #d8ddca;background:var(--paper);border-radius:16px;padding:30px;position:relative;box-shadow:0 30px 100px #08242b55}.close-dialog{position:absolute;top:11px;right:14px;background:transparent;border:0;font-size:25px;color:#819175;line-height:1}.dialog h1,.dialog h2{font:italic 34px/1.12 Georgia,serif;letter-spacing:-.7px;margin:14px 0;color:#304d38}.dialog p{font-size:12px;line-height:1.75;color:#76856b}.dialog p b{color:#405e40}.primary,.secondary{width:100%;border-radius:7px;font-size:12px;padding:13px 15px;cursor:pointer}.primary{background:#2c4d39;color:#faf1dc;border:1px solid #2c4d39;font-weight:600;margin-top:15px}.secondary{background:transparent;border:1px solid #c5cfb7;color:#617757;margin-top:8px}.rules-list{display:grid;gap:14px;margin:22px 0}.rules-list>div{font-size:12px;color:#6d8062;line-height:1.65}.rules-list b{color:#425e3e}.rules-list .number{float:left;display:grid;place-items:center;height:24px;width:24px;border:1px solid #c6cfb8;border-radius:50%;font:14px Georgia,serif;color:#6a805c;margin:0 10px 9px 0}.small-note{font-size:10px!important;color:#8a977d!important}.choice{display:block;width:100%;margin-top:9px;border:1px solid #c3ceb3;border-radius:8px;background:#f9f6eb;padding:13px;text-align:left;color:#49653f;font-size:12px;line-height:1.55}.choice b{display:block;margin-bottom:3px}.choice small{font-size:10px;color:#89967b}.preview-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:18px 0}.preview-cards .playing-card{width:64px;box-shadow:0 2px 0 #cdbd9b,0 3px 8px #395b2422}.form-row{margin:22px 0}.form-row label{display:block;font-size:9px;letter-spacing:1.3px;color:#718464;margin-bottom:8px}select{width:100%;background:#faf6ec;border:1px solid #c6d0b8;border-radius:6px;padding:12px;color:#425f3d;font:12px inherit}.score-summary{display:flex;justify-content:center;align-items:center;gap:20px;margin:22px 0}.score-summary>div{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}.score-summary span{font-size:9px;letter-spacing:1px;color:#829275}.score-summary strong{font:44px Georgia,serif;color:#365436}.score-summary>div:first-child strong{color:var(--red)}.score-summary em{font:22px Georgia,serif;color:#9ba78c}.result-table{border-collapse:collapse;width:100%;font-size:11px;margin-top:14px}.result-table th,.result-table td{padding:10px 5px;border-bottom:1px solid #d9dfcd;text-align:right;color:#75866b}.result-table th{font-size:8px;letter-spacing:1px;color:#8b987e}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table tfoot td{font-weight:700;color:#395e38}.result-table td.positive{color:#3c733e}.result-table td.negative{color:#a55d48}#toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:50;max-width:min(90vw,520px);padding:12px 18px;border-radius:8px;background:#f9f1dc;border:1px solid #bca976;box-shadow:0 7px 30px #0c2d2944;font-size:12px;color:#39553a;opacity:0;pointer-events:none;transition:opacity .15s}#toast.show{opacity:1}.activity{animation:activity .35s ease}@keyframes activity{from{filter:brightness(1.18)}to{filter:brightness(1)}}
@media(min-width:801px) and (max-height:800px){.app{padding-top:12px}header{height:42px;margin-bottom:13px}.felt{padding:13px 20px 10px}.opponent-row{min-height:51px;padding-bottom:8px}.cpu-hand .card-back{width:29px}.draw-row{height:100px;padding-block:8px}.stock .card-back{width:42px}.pile{height:67px}.pile .playing-card{width:41px}.hand-rail{height:125px}.hand-heading{padding-top:7px}.action-bar{min-height:35px}.gold-button,.outline-button{padding:9px 12px}.status-bar{min-height:31px}.meld-table{min-height:80px;padding-top:10px}aside{gap:14px}.stats-line{padding:6px 0}.history-section p{min-height:38px}.tip{padding:10px}footer{padding-top:11px}}
@media(max-width:1050px) and (min-width:801px){.app{padding-inline:20px}main{grid-template-columns:minmax(0,1fr) 195px;gap:20px}.stock-label{display:none}.draw-row{gap:16px}.tagline{font-size:6px;letter-spacing:1px}.scoreboard strong{font-size:34px}.melds{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.round-label{font-size:6px}}
@media(max-width:800px){.app{padding:10px 11px 7px;max-width:620px}header{height:35px;margin-bottom:9px;gap:8px}.brand{gap:8px}.jd{width:28px;height:28px;font-size:13px}.wordmark{font-size:31px}.tagline{display:none}nav{gap:5px}.icon{width:28px;height:28px;font-size:16px}main{display:flex;flex-direction:column;gap:8px;min-height:0}.play-area{order:1;flex:1}aside{order:0;flex-direction:row;align-items:center;overflow:visible;flex-shrink:0;padding:0;height:37px;gap:0}.score-heading{flex-direction:column;align-items:flex-start;gap:4px;margin-right:auto}.score-heading .eyebrow{font-size:6px;letter-spacing:1px}.score-heading>span:last-child{border:0;padding:0;font-size:7px}.scoreboard{align-items:center;gap:12px}.scoreboard>div{flex-direction:row;gap:7px}.scoreboard>div>span{font-size:7px;letter-spacing:.5px}.scoreboard strong{font-size:27px;letter-spacing:-.8px}.scoreboard em{font-size:17px}.scoreboard i,.divider,.round-stats,.history-section,.tip,.side-bottom,footer{display:none}.felt{padding:12px 13px 9px;border-radius:15px;box-shadow:inset 0 0 0 4px #153e31,inset 0 0 0 5px #96a17b44}.felt-frame{inset:8px;border-radius:9px}.opponent-row{gap:7px;min-height:48px;padding-bottom:8px}.avatar{width:26px;height:26px;font-size:14px}.player-info{width:88px;gap:3px}.player-info strong{font-size:10px}.player-info>span{font-size:7px}.cpu-hand{gap:4px}.cpu-hand .card-back{width:25px;padding:2px}.cpu-count{margin:0 3px 0 0;gap:0}.cpu-count strong{font-size:19px}.cpu-count>span{font-size:5px}.round-label{display:none}.draw-row{height:101px;gap:13px;padding:8px 0}.stock .card-back{width:41px}.stock-label{display:none}.pile{height:70px}.pile .playing-card{width:43px;margin-left:-22px}.zone-heading{font-size:6px;letter-spacing:1px;margin-bottom:6px}.zone-heading>span:last-child{font-size:6px;letter-spacing:0}.pile-rail{padding-bottom:6px}.meld-table{min-height:90px;padding:10px 1px 8px}.melds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meld{padding:7px 6px 7px;border-radius:6px}.meld-head{font-size:6px;letter-spacing:.6px;margin-bottom:5px}.meld-head .meld-value{font-size:7px}.meld-cards{min-height:54px}.mini-card{width:35px;margin-left:-22px}.meld-foot{font-size:6px;margin-top:5px}.status-bar{min-height:35px;padding:5px 3px;gap:6px}.status-bar p{font-size:9px;line-height:1.35}.hand-heading{padding-top:8px;font-size:8px}.hand-heading b{font-size:10px;margin-right:6px}.hand-tools{gap:8px}.hand-tools button{font-size:7px}.hand-rail{height:122px;padding-top:12px}.hand{justify-content:flex-start}.hand .playing-card.selected{transform:translateY(-10px)}.hand .playing-card.selected:not(:disabled):hover{transform:translateY(-10px)}.action-bar{min-height:39px;gap:7px}.quiet{font-size:7px}#selection-count{font-size:7px;max-width:67px;line-height:1.3}.main-actions{gap:5px}.gold-button,.outline-button{font-size:9px;padding:10px 9px}.required-badge{font-size:6px;padding:2px 4px}.table-caption{font-size:7px;padding-top:8px}.table-caption>span:last-child{font-size:5px;letter-spacing:.5px}.empty-table>span{font-size:40px;width:73px;height:73px}.empty-table>i{font-size:5px;letter-spacing:2.5px}.empty-table>p{font-size:10px}.dialog{padding:25px 21px;max-height:91dvh}.dialog h1,.dialog h2{font-size:29px}.dialog p,.rules-list>div{font-size:11px}.preview-cards .playing-card{width:53px}.result-table{font-size:10px}.result-table td{padding:9px 4px}.score-summary strong{font-size:38px}#toast{font-size:11px;bottom:13px}}
@media(max-width:800px) and (max-height:700px){.app{padding-top:6px;padding-bottom:4px}header{height:29px;margin-bottom:5px}.wordmark{font-size:28px}.jd{height:25px;width:25px}.icon{width:25px;height:25px;font-size:15px}main{gap:5px}aside{height:29px}.scoreboard strong{font-size:24px}.felt{padding:9px 11px 7px}.opponent-row{min-height:34px;padding-bottom:5px}.avatar{height:22px;width:22px;font-size:12px}.cpu-hand .card-back{width:20px}.draw-row{height:74px;padding:6px 0;gap:10px}.stock .card-back{width:32px}.pile{height:48px}.pile .playing-card{width:30px;margin-left:-14px}.zone-heading{margin-bottom:3px}.zone-heading>span:last-child{font-size:5px}.pile-rail{padding-bottom:4px}.meld-table{min-height:67px;padding-top:7px}.mini-card{width:30px;margin-left:-18px}.meld-cards{min-height:47px}.meld-foot{display:none}.meld{padding:5px}.meld-head{font-size:5px}.status-bar{min-height:29px}.status-bar p{font-size:8px}.hand-heading{padding-top:5px}.hand-rail{height:94px;padding-top:10px;padding-bottom:3px}.action-bar{min-height:32px}.gold-button,.outline-button{font-size:8px;padding:8px}.table-caption{padding-top:4px;font-size:6px}.hand-tools button{font-size:6px}.score-heading .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:800px){.scoreboard{flex-shrink:0;gap:10px}.scoreboard>div{flex:0 0 auto}.score-heading{flex-shrink:0}aside{min-width:0}}
/* Compact table: reserve room for combinations, retaining corner indices. */
.melds{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;align-items:start}.meld{padding:5px 6px 7px;border-radius:6px}.meld-head{font-size:7px;letter-spacing:.6px;margin-bottom:4px}.meld-head .meld-value{font-size:8px}.meld-cards{min-height:60px;justify-content:flex-start}.mini-card{width:38px}.meld-foot{display:none}.meld-table{padding-top:8px;padding-bottom:6px}.opponent-row{min-height:56px}.draw-row{height:98px;padding-block:7px}.stock .card-back{width:42px}.pile{height:67px}.pile .playing-card{width:41px}
@media(max-width:1050px) and (min-width:801px){.melds{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}}
@media(max-width:800px){.melds{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.meld{padding:4px 5px 6px}.meld-head{font-size:6px;margin-bottom:3px}.meld-head .meld-value{font-size:7px}.mini-card{width:32px}.meld-cards{min-height:50px}.opponent-row{min-height:44px}.draw-row{height:88px}.stock .card-back{width:37px}.pile{height:60px}.pile .playing-card{width:37px}.meld-table{padding-top:6px}}
@media(max-width:800px) and (max-height:700px){.opponent-row{min-height:34px}.draw-row{height:74px}.stock .card-back{width:32px}.pile{height:48px}.pile .playing-card{width:30px}.meld-cards{min-height:47px}.mini-card{width:30px}.meld-head{font-size:6px}}
.meld-head{line-height:10px}.melds.dense{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:4px}.melds.dense .meld{padding:3px 4px 5px}.melds.dense .meld-head{font-size:6px;letter-spacing:.2px;line-height:9px;margin-bottom:3px}.melds.dense .meld-value{font-size:7px}.melds.dense .meld-cards{min-height:53px}.meld-table:has(.dense){padding-block:3px}
@media(min-width:801px){.hand-rail{height:132px}}
@media(min-width:801px) and (max-height:800px){.hand-rail{height:113px}}
@media(max-width:800px){.melds.dense{grid-template-columns:repeat(3,minmax(0,1fr))}.melds.dense .meld-cards{min-height:50px}.melds.dense .owner{font-size:5px;letter-spacing:0}.melds.dense .meld-value{font-size:6px}}
@media(max-width:359px){.melds.dense{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px) and (max-height:700px){.melds.dense .meld-cards{min-height:47px}}
.melds.dense .meld{padding:2px 4px}.melds.dense .meld-head{margin-bottom:2px}.melds.dense .meld-cards{min-height:50px}