:root{--paper:#f3f0e7;--ink:#263d35;--muted:#8c9186;--red:#ab4838;--gold:#d9b566;--line:#dcded2;--table:#1c5040;--card-w:82px}*{box-sizing:border-box}html{height:100%;color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #dcaf56;outline-offset:4px}button:disabled{cursor:default;opacity:.4}button:hover:not(:disabled){filter:brightness(1.05)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.app{height:100dvh;max-width:1440px;margin:0 auto;padding:22px 38px 14px;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:23px;height:53px;margin-bottom:23px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.jd{font-family:Georgia,serif;border:1px solid #b9c0ad;border-radius:50%;height:39px;width:39px;display:grid;place-items:center;font-size:18px}.wordmark{font:italic 44px/.9 Georgia,serif;letter-spacing:-2px}.brand-dot{color:var(--red)}.tagline{color:#929989;font-size:8px;letter-spacing:2px;border-left:1px solid #d2d7c9;padding-left:22px;margin-top:7px}nav{display:flex;gap:8px;margin-left:auto}.icon{background:transparent;border:1px solid #cfd4c5;border-radius:50%;width:34px;height:34px;font-size:18px;color:#687765}.icon.active{background:var(--ink);color:var(--paper)}main{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:35px;flex:1;min-height:0}.play-area{display:flex;flex-direction:column;min-height:0;min-width:0}.felt{position:relative;background:radial-gradient(ellipse at 45% 44%,#2d6650 0,#1e513f 47%,#143c30 100%);border-radius:22px;box-shadow:0 18px 35px #23362c15,inset 0 0 0 6px #153e31,inset 0 0 0 7px #96a17b44;display:flex;flex-direction:column;flex:1;min-height:0;color:#e6ead4;padding:24px 28px 18px;isolation:isolate;overflow:hidden}.felt:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.08;background:repeating-linear-gradient(70deg,transparent,transparent 2px,#dcebd1 2px,#dcebd1 3px);pointer-events:none}.felt-frame{position:absolute;inset:13px;border:1px solid #c7d6aa27;border-radius:12px;pointer-events:none}.player-row{display:flex;align-items:center;gap:12px;position:relative;flex-shrink:0}.opponent{height:98px}.avatar{border-radius:50%;height:39px;width:39px;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;flex-shrink:0;border:1px solid #b6c99d6b}.cpu-avatar{background:#1b3e32;color:#d9d5ad}.you-avatar{background:#dfc58c;color:#344534;font-family:inherit;font-size:11px;font-weight:700}.player-info{width:95px;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.player-info strong{font-weight:500;font-size:13px}.player-info>span{font-size:9px;color:#a8c2a6}.hand{display:flex;justify-content:center;align-items:center;gap:10px;flex:1;min-width:0}.cpu-hand{gap:8px}.card-back{width:55px;aspect-ratio:100/156;border-radius:5px;background:#f3ead8;padding:4px;box-shadow:0 4px 10px #001b1b40;transform:rotate(-4deg)}.card-back:nth-child(2){transform:translateY(-4px)}.card-back:nth-child(3){transform:rotate(4deg)}.card-back svg{width:100%;height:100%;display:block}.tiny{font-size:7px;letter-spacing:1.6px;color:#a8c2a6}.taken-indicator{display:flex;flex-direction:column;align-items:center;gap:2px;width:55px;flex-shrink:0}.taken-indicator strong{font:26px Georgia,serif}.scopes-small{font-size:9px;color:#b5c8ad}.pile-button{border:0;background:transparent;color:inherit;padding:4px;border-radius:6px}.pile-button:hover{background:#ffffff0c}.table-header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #d3e7bd24;padding-top:15px;font-size:8px;letter-spacing:1.6px;color:#afc3a7;flex-shrink:0}#deck-indicator{display:flex;gap:7px;align-items:center}#deck-count{font-size:12px;color:#e4e5ca;font-weight:600}.deck-word{font-size:7px}.mini-back{display:inline-block;background:repeating-linear-gradient(45deg,#a7b598 0 1px,#315b46 1px 4px);width:15px;height:21px;border:1px solid #b8c7a4;border-radius:2px;box-shadow:2px 2px #193f32,3px 3px #a7b598}.table-zone{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:13px 0}.table-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;opacity:.1;pointer-events:none}.table-watermark span{font:italic 64px Georgia,serif;border:1px solid #d1ddb6;border-radius:50%;width:107px;height:107px;display:grid;place-items:center;padding-right:8px;letter-spacing:-9px}.table-watermark i{font-style:normal;font-size:7px;letter-spacing:5px;padding-left:5px;margin-top:8px}.table-cards{width:100%;height:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:10px;z-index:1}.playing-card{width:var(--card-w);padding:0;aspect-ratio:100/156;position:relative;border:0;border-radius:6px;display:block;background:#fbf4e3;box-shadow:0 3px 0 #d7c9ac,0 8px 14px #04231d40;flex-shrink:0;transition:transform .2s,box-shadow .2s,filter .2s;overflow:visible}.playing-card svg{width:100%;height:100%;display:block;border-radius:6px;pointer-events:none}.playing-card:disabled{opacity:1;cursor:default}.playing-card.selected{transform:translateY(-10px);box-shadow:0 0 0 3px #e8c77d,0 10px 25px #061c1a66}.playing-card.available{box-shadow:0 0 0 2px #d0bf88,0 8px 14px #04231d40}.playing-card.chosen{transform:translateY(-7px);box-shadow:0 0 0 3px #f0cf76,0 10px 20px #04231d60}.playing-card.dim{filter:brightness(.73)}.your-hand .playing-card:not(:disabled):hover{transform:translateY(-10px)}.your-hand .playing-card.selected:hover{transform:translateY(-12px)}.your-hand{gap:16px}.your-hand .playing-card{--card-w:90px}.your-hand .playing-card:nth-child(1):not(.selected){transform:rotate(-5deg) translateY(4px)}.your-hand .playing-card:nth-child(3):not(.selected){transform:rotate(5deg) translateY(4px)}.you{height:156px;margin-top:6px}.turn-bar{display:flex;align-items:center;justify-content:center;gap:8px;min-height:30px;border-bottom:1px solid #d3e7bd24;flex-shrink:0}#turn-dot{width:5px;height:5px;background:#e9cd87;box-shadow:0 0 9px #e9cd8755;border-radius:50%;flex-shrink:0}#turn-dot.cpu{background:#a8c5b0;box-shadow:none}.turn-bar p{font-size:11px;text-align:center;margin:5px 0;color:#e6e8cf;line-height:1.35}.table-caption{padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8d9688}.table-caption>span:last-child{font-size:7px;letter-spacing:1.5px}aside{display:flex;flex-direction:column;gap:21px;padding:8px 0;overflow:auto;min-height:0}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#7a8977}.score-heading{display:flex;justify-content:space-between;align-items:center}.score-heading>span:last-child{font-size:8px;letter-spacing:1px;border:1px solid #cfd5c3;padding:5px 7px;border-radius:4px;color:#7b8873}.scoreboard{display:flex;justify-content:space-between;gap:19px}.scoreboard>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px}.scoreboard>div>span{font-size:8px;letter-spacing:1.8px}.scoreboard strong{font:65px/.95 Georgia,serif;color:var(--ink)}.scoreboard>div:first-child strong{color:var(--red)}.score-dash{align-self:center;color:#abb29f;font:25px Georgia,serif}.score-track{height:3px;width:100%;background:#e0e2d5;margin-top:4px;border-radius:5px;overflow:hidden}.score-track i{display:block;height:100%;width:0;background:#899981}.scoreboard>div:first-child .score-track i{background:var(--red)}.divider{height:1px;background:var(--line);flex-shrink:0}.section-title{display:flex;align-items:center;justify-content:space-between}.live-dot{background:#7f9b6b;width:5px;height:5px;border-radius:50%}.stat-head,.stat-line{display:grid;grid-template-columns:1fr 29px 29px;gap:12px;align-items:center}.stat-head{font-size:7px;letter-spacing:1px;color:#969d8d;text-align:center;margin:16px 0 4px}.stat-line{padding:8px 0;font-size:12px;color:#6f7c6c}.stat-line b{font-size:12px;font-weight:500;text-align:center;color:var(--ink)}.stat-line b:first-of-type{color:var(--red)}.stat-line>span{display:flex;gap:6px;align-items:center}.suit-dot{width:11px;height:11px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:15px}.suit-dot.gold:empty{background:#d8af51;border:1px solid #b49148;border-radius:50%;width:10px;height:10px}.suit-dot.gold{color:#b79345}.mini-info{border:1px solid #c1c9b8;border-radius:50%;width:13px;height:13px;padding:0;font-size:9px;background:transparent;color:#8c9986}.last-play{margin-top:13px;font-size:11px;color:#687b68;line-height:1.7;min-height:62px}.last-play b{font-weight:600;color:#3c5849}.muted{color:#929e8c}.last-play .play-suit{color:var(--red)}.tip{display:flex;gap:10px;background:#e9eadc;border-radius:8px;padding:12px}.tip p{font-family:Georgia,serif;font-style:italic;font-size:12px;line-height:1.5;color:#75836b;margin:0}.tip-mark{color:#a69359;font-size:16px}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px}.side-bottom>span{font-size:7px;letter-spacing:1.5px;color:#849177}.side-bottom button{width:100%;background:transparent;border:1px solid #c6cebb;border-radius:7px;padding:11px 13px;display:flex;justify-content:space-between;color:#52694e;font-size:11px}footer{display:flex;justify-content:space-between;padding-top:17px;font-size:7px;letter-spacing:1.5px;color:#9ca18f;flex-shrink:0}footer i{color:#af8d58;padding:0 8px;font-style:normal}.overlay{position:fixed;inset:0;background:#102a24ac;backdrop-filter:blur(6px);z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.overlay[hidden]{display:none}.dialog{width:min(100%,490px);max-height:90dvh;overflow:auto;background:var(--paper);border:1px solid #d8dbc7;border-radius:16px;box-shadow:0 30px 100px #071e2766;padding:32px;position:relative}.close-dialog{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#7f8d76;font-size:25px;line-height:1}.dialog h1,.dialog h2{font:italic 36px/1.15 Georgia,serif;letter-spacing:-.9px;color:var(--ink);margin:13px 0}.dialog p{font-size:12px;line-height:1.8;color:#76836f}.dialog p b{color:#405c46}.dialog .intro-symbol{font-size:32px;color:var(--red);display:block;margin:9px 0}.primary{background:var(--ink);color:#faf1db;border:1px solid var(--ink);padding:13px 17px;border-radius:7px;font-size:12px;width:100%;font-weight:600;margin-top:15px}.secondary{background:transparent;border:1px solid #c3cbb8;color:#586b51;padding:11px;border-radius:7px;font-size:12px;width:100%;margin-top:9px}.rule-list{display:grid;gap:13px;margin:20px 0}.rule-list div{font-size:12px;line-height:1.65;color:#6c7e66}.rule-list b{color:#3f5f46}.rule-list .rule-number{display:inline-grid;place-items:center;float:left;width:23px;height:23px;border:1px solid #c4cdb6;border-radius:50%;color:#57704e;margin:0 10px 12px 0;font-family:Georgia,serif}.form-row{margin:22px 0}.form-row label{display:block;color:#617654;font-size:10px;letter-spacing:1.5px;margin-bottom:9px}select{width:100%;padding:12px;background:#f9f6ed;border:1px solid #c7cfbc;border-radius:6px;font:13px inherit;color:#354f3a}.result-table{width:100%;border-collapse:collapse;margin:20px 0 5px;font-size:12px}.result-table th{font-size:8px;letter-spacing:1px;color:#8b9781;text-align:right;padding:10px 6px;border-bottom:1px solid #d6dccb}.result-table th:first-child{text-align:left}.result-table td{padding:10px 6px;border-bottom:1px solid #e0e3d5;text-align:right;color:#607758}.result-table td:first-child{text-align:left}.result-table td.win{color:#a34938;font-weight:700}.result-table tfoot td{font-weight:700;color:#345139}.result-table small{font-size:9px;color:#91a086;margin-right:6px}.summary-scores{display:flex;gap:20px;align-items:center;justify-content:center;margin:24px 0 16px}.summary-scores div{display:flex;flex-direction:column;gap:8px;align-items:center;flex:1}.summary-scores span{font-size:9px;letter-spacing:1px;color:#829277}.summary-scores strong{font:48px Georgia,serif}.summary-scores div:first-child strong{color:var(--red)}.summary-scores em{font:25px Georgia,serif;color:#99a78b}.card-collection{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:20px 0}.card-collection .playing-card{--card-w:62px}.history-list{font-size:11px;line-height:1.6;color:#6e8363;margin-top:15px}.history-list>div{padding:9px 0;border-top:1px solid #d9dfcf}.dialog-link{font-size:10px;color:#6c7e66}.result-sub{font-size:11px!important}.empty-table-note{position:absolute;color:#afc7a7;font:italic 15px Georgia,serif;bottom:15px}.floating-card{position:fixed;z-index:25;pointer-events:none;transition:transform .3s ease,opacity .3s;transform-origin:center}.flying{transition:transform .3s ease,opacity .3s;pointer-events:none}#sweep-banner{position:absolute;z-index:6;pointer-events:none;color:#f7df94;font:italic 72px Georgia,serif;text-shadow:0 3px 15px #173b29;text-align:center;animation:scopa-pop 1.3s ease both}#sweep-banner[hidden]{display:none}@keyframes scopa-pop{0%{opacity:0;transform:scale(.7) rotate(-7deg)}20%,70%{opacity:1;transform:scale(1) rotate(-7deg)}100%{opacity:0;transform:scale(1.15) rotate(-7deg)}}#selection-bar{position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);background:#fbf6e8;border:1px solid #c8b777;box-shadow:0 10px 45px #071d2466;border-radius:10px;padding:13px 16px;width:min(92%,500px);color:#3e5c43;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:11px}#selection-bar[hidden]{display:none}#selection-bar>div{display:flex;gap:6px;flex-shrink:0}#selection-bar button{font-size:10px;border:1px solid #c8cebb;border-radius:5px;background:transparent;padding:9px}#selection-bar button:last-child{color:#f8f0dc;background:#285140;border-color:#285140}.combination-list{display:grid;gap:7px;margin-top:17px}.combination{background:#f8f5e9;border:1px solid #c9d2bb;padding:12px;border-radius:7px;text-align:left;font-size:12px;color:#45603e}.combination:hover{background:#e8ebda}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:801px) and (max-height:780px){.app{padding-top:14px}header{margin-bottom:15px;height:43px}.felt{padding:18px 24px 12px}.opponent{height:83px}.card-back{width:46px}.you{height:128px}.your-hand .playing-card{--card-w:73px}.table-header{padding-top:10px}.table-caption{padding-top:10px}aside{gap:14px}.scoreboard strong{font-size:53px}.stat-line{padding:6px 0}.last-play{min-height:45px}.tip{padding:9px}footer{padding-top:13px}}
@media(max-width:1050px) and (min-width:801px){.app{padding-inline:22px}main{grid-template-columns:minmax(0,1fr) 210px;gap:22px}.felt{padding-inline:20px}.player-info{width:70px}.your-hand .playing-card{--card-w:75px}.your-hand{gap:11px}.avatar{width:32px;height:32px}.taken-indicator{width:41px}.tagline{font-size:7px;letter-spacing:1px}}
@media(max-width:800px){.app{max-width:600px;padding:12px 12px 9px}header{height:36px;margin-bottom:10px;gap:10px}.jd{width:29px;height:29px;font-size:14px}.brand{gap:8px}.wordmark{font-size:34px}.tagline{display:none}nav{gap:5px}.icon{width:29px;height:29px;font-size:16px}main{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}aside{order:0;flex-shrink:0;display:flex;flex-direction:row;overflow:visible;gap:0;padding:0;align-items:center;height:44px}.score-heading{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-right:auto}.score-heading>.eyebrow{font-size:7px;letter-spacing:1.3px}.score-heading>span:last-child{border:0;padding:0;font-size:8px;letter-spacing:.6px;color:#647958}.scoreboard{align-items:center;gap:14px}.scoreboard>div{flex-direction:row;gap:9px}.scoreboard strong{font-size:31px}.scoreboard>div>span{font-size:8px;letter-spacing:.8px}.score-dash{font-size:20px}.score-track{display:none}.round-stats,.history-section,.tip,.side-bottom,.divider{display:none}.play-area{order:1;flex:1}.felt{border-radius:15px;padding:13px 16px 9px;box-shadow:inset 0 0 0 4px #153e31,inset 0 0 0 5px #96a17b44}.felt-frame{inset:8px;border-radius:9px}.opponent{height:78px}.avatar{height:29px;width:29px;font-size:15px}.you-avatar{font-size:9px}.player-row{gap:8px}.player-info{width:64px;gap:3px}.player-info strong{font-size:10px}.player-info>span{font-size:7px;line-height:1.3}.hand{gap:7px}.cpu-hand{gap:5px}.card-back{width:38px;border-radius:4px;padding:3px}.taken-indicator{width:37px}.taken-indicator strong{font-size:21px}.tiny{font-size:6px;letter-spacing:1px}.scopes-small{font-size:7px}.table-header{padding-top:10px;font-size:6px;letter-spacing:.8px;gap:6px}#deck-count{font-size:10px}.deck-word{display:none}.mini-back{width:11px;height:15px}.table-zone{padding:10px 0}.table-cards{gap:7px}.playing-card{border-radius:4px}.playing-card svg{border-radius:4px}.your-hand{gap:9px}.your-hand .playing-card{--card-w:clamp(49px,14.5vw,76px)}.you{height:134px;flex-wrap:wrap;justify-content:center;margin-top:4px;padding-top:8px;padding-bottom:5px}.you .player-info{order:0}.you .avatar{order:0}.you .hand{order:2;flex:0 0 100%;margin-top:-3px}.you .taken-indicator{order:1;margin-left:auto;flex-direction:row;width:auto;gap:5px}.you .taken-indicator .tiny{display:none}.you .taken-indicator strong{font-size:15px}.you .taken-indicator .scopes-small{font-size:8px}.you .player-info{width:auto;flex-direction:row;align-items:center;gap:7px}.you .avatar{width:21px;height:21px;font-size:7px}.turn-bar{min-height:30px}.turn-bar p{font-size:10px}.table-caption{padding-top:9px;font-size:8px}.table-caption>span:last-child{font-size:6px;letter-spacing:.7px}footer{display:none}.dialog{padding:26px 22px;max-height:91dvh}.dialog h1,.dialog h2{font-size:30px}.dialog p{font-size:12px}#selection-bar{bottom:15px;flex-direction:column;gap:9px;text-align:center;padding:12px}.table-watermark span{font-size:44px;width:80px;height:80px;letter-spacing:-6px}.table-watermark i{font-size:5px;letter-spacing:4px}#sweep-banner{font-size:56px}}
@media(max-width:800px) and (max-height:700px){.app{padding-top:7px;padding-bottom:5px}header{margin-bottom:5px;height:31px}main{gap:6px}aside{height:34px}.opponent{height:62px}.card-back{width:30px}.you{height:111px}.your-hand .playing-card{--card-w:48px}.felt{padding-top:10px}.table-header{padding-top:7px}.turn-bar{min-height:26px}.table-caption{padding-top:5px}.table-zone{padding:8px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* The confirmation stays between the table and the player's cards. */
.turn-bar{min-height:44px}.selecting .turn-bar>p,.selecting #turn-dot{display:none}#selection-bar{position:static;transform:none;left:auto;bottom:auto;box-shadow:none;background:transparent;border:0;border-radius:0;width:100%;padding:4px 0;color:#d6e1c1;gap:8px}#selection-bar>div{gap:6px}#selection-bar button{border-color:#9bae8055;color:#cbd9b8;padding:7px 10px}#selection-bar button:last-child{background:#e4cc90;color:#244331;border-color:#e4cc90}.selecting #selection-text{font-size:10px}@media(max-width:800px){.turn-bar{min-height:47px}#selection-bar{flex-direction:row;text-align:left;padding:4px 0;gap:5px}.selecting #selection-text{font-size:8px;max-width:105px}#selection-bar button{font-size:9px;padding:9px 7px}#selection-bar>div{gap:4px}}