:root{--felt:#1f5d3a;--felt-dark:#174a2e;--ink:#f4f1e8;--card:#fffdf7;--red:#c62828;--black:#1b1b1b;--accent:#f2c14e;--good:#7fd18b;--bad:#ff8a80}*{box-sizing:border-box}[hidden]{display:none!important}html{scrollbar-gutter:stable}body{min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at center, var(--felt) 0%, var(--felt-dark) 100%);background-attachment:fixed;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body.bg-green{--felt:#1f5d3a;--felt-dark:#174a2e;--panel:#1d4a31}body.bg-blue{--felt:#1d4f7a;--felt-dark:#13355a;--panel:#1a4166}body.bg-burgundy{--felt:#6e1f2e;--felt-dark:#4c1320;--panel:#5a1a27}body.bg-charcoal{--felt:#3a3d42;--felt-dark:#222428;--panel:#2e3136}body.bg-wood{--felt:#6b4526;--felt-dark:#4a2e17;--panel:#4f3219;background-color:#0000;background-image:repeating-linear-gradient(90deg,#0000000f 0 2px,#0000 2px 38px),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 7px),linear-gradient(#7a5230 0%,#5c3b1f 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}header .secondary{margin-left:0}header{background:#00000040;align-items:center;gap:24px;padding:12px 24px;display:flex}header h1{letter-spacing:.05em;margin:0;font-size:1.5rem}.hand-no{opacity:.8}.scores{gap:16px;margin-left:auto;display:flex}.score{background:#00000040;border-radius:8px;flex-direction:column;align-items:center;min-width:90px;padding:4px 12px;display:flex}.score .label{opacity:.8;text-transform:uppercase;font-size:.75rem}.score span:last-child{font-size:1.6rem;font-weight:700}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--black);border:0;border-radius:8px;padding:8px 16px;font-weight:600}button.secondary{color:var(--ink);background:#ffffff26}button:disabled{opacity:.4;cursor:default}.layout{justify-content:center;align-items:flex-start;gap:16px;padding:16px 24px;display:flex}.table{flex-direction:column;flex:1;gap:16px;min-width:0;max-width:924px;display:flex}.row h2,.pile h2,.log h2{opacity:.9;margin:0 0 8px;font-size:1rem;font-weight:600}.middle{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex;position:relative}.middle>.starter-pile{flex:0 0 74px}.middle>.crib-pile{flex:0 0 71px;min-width:0}.crib-pile h2{white-space:nowrap}#crib{flex-wrap:nowrap;width:71px;height:102px;min-height:102px}#crib .stack,#crib .fan{width:71px;height:102px;position:relative}#crib .fan{z-index:1}#crib .crib-empty{margin:0 0 0 1.5px}#crib .stack>.card,#crib .fan>.card{margin:0;position:absolute}#crib .stack>.card{box-shadow:0 1px 3px #00000073}#crib .fan>.card{top:3px}.middle>.play-area{flex:auto;min-width:0}#played{isolation:isolate;height:112px;min-height:112px;display:block;position:relative}#played>.placeholder{width:68px;height:96px;position:absolute;top:8px;left:0}.middle>.starter-pile #starter{padding-top:5px}.middle>.crib-pile #crib{box-sizing:content-box;padding-top:8px}#crib .crib-empty{margin-top:1.5px}#crib .stack{top:-1.5px}#played>.card.in-line{margin:0;position:absolute;top:8px;box-shadow:-2px 1px 5px #00000059}#played>.card.in-line.mine{top:16px}#played>.card.in-line.theirs{top:0}.count-chip{background:var(--accent);color:var(--black);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem;display:inline-block}.dealer-button{z-index:7;pointer-events:none;color:#111;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 38% 32%,#fff 0%,#f4f4f0 45%,#dcdcd4 100%);border:3px solid #c9c9c0;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;display:flex;position:absolute;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #b8b8ae,inset 0 -3px 6px #0000002e,0 4px #9d9d94,0 7px 12px #0000008c}.dealer-button.sliding{transition:top .7s cubic-bezier(.3,.1,.2,1),left .7s cubic-bezier(.3,.1,.2,1)}.dealer-button .db-word{letter-spacing:.04em;font:800 10.5px/1 system-ui,sans-serif}.dealer-button .db-d{font:800 30px/1 Georgia,Times New Roman,serif;display:none}.dealer-button.style-d .db-word{display:none}.dealer-button.style-d .db-d{display:block}.dealer-button[hidden]{display:none}.prompt{background:#00000038;border-radius:10px;min-height:64px;padding:12px 16px}#status{margin:0 0 8px;font-size:1.05rem;line-height:1.4}.actions{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.hint{opacity:.8;margin:6px 0;font-size:.85rem}.claim-items{flex-direction:column;gap:4px;margin:6px 0;padding:0;list-style:none;display:flex}.claim-items li{background:#ffffff1a;border-radius:6px;align-items:center;gap:8px;width:fit-content;padding:4px 8px;display:flex}.claim-items li button{color:var(--ink);background:0 0;padding:0 8px}.cards{flex-wrap:wrap;gap:8px;min-height:98px;display:flex}.cards.small{gap:6px;min-height:74px}.card{background:var(--card);-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;justify-content:space-between;width:68px;height:96px;padding:6px 8px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s;display:flex;box-shadow:0 2px 6px #00000059}.cards.small .card{width:50px;height:72px;padding:4px 6px}.cards.small .card .pip{font-size:1.3rem}.cards.small .card .corner{font-size:.85rem}.card.red{color:var(--red)}.card.black{color:var(--black)}.card:not(.trad){justify-content:center;align-items:center;position:relative}.card .corner{flex-direction:column;align-items:center;min-width:.9em;font-size:1.05rem;line-height:1;display:flex;position:absolute;top:5px;left:5px}.card .corner b{font-weight:inherit}.card .corner.ten b{letter-spacing:-.1em;margin-left:-.1em}.card .corner .si{width:.78em;height:.78em;margin:.1em 0 0;display:block}.card .pip{text-align:center;font-size:1.9rem;line-height:1}.card .corner.bottom{inset:auto 5px 5px auto;transform:rotate(180deg)}.cards.small .card .corner{top:3px;left:3px}.cards.small .card .corner.bottom{inset:auto 3px 3px auto}.card .si{fill:currentColor;vertical-align:-.02em;width:.74em;height:.74em;margin-left:.06em;display:inline-block}.card .pip .si{vertical-align:middle;width:.8em;height:.8em;margin:0}.card.trad .tc .si{width:.8em;height:.8em;margin:.12em 0 0;display:block}.card.trad{padding:0;display:block;position:relative}.card.trad .tc{flex-direction:column;align-items:center;width:13px;font-size:.95rem;font-weight:800;line-height:.95;display:flex;position:absolute;top:4px;left:3px}.card.trad .tc i{font-size:.85em;font-style:normal}.card.trad .tc.ten b{letter-spacing:-.12em;margin-left:-.12em;font-size:.86em}.card.trad .tc.bottom{inset:auto 3px 4px auto;transform:rotate(180deg)}.card.trad .pips{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.card.trad .art{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:6px 16px}.card.trad .art-frame{border-radius:2px;width:100%;max-height:100%;position:relative;overflow:hidden}.card.trad .art-frame img{-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.cards.small .card.trad{padding:0}.cards.small .card.trad .tc{width:11px;font-size:.74rem;top:3px;left:1px}.cards.small .card.trad .tc.bottom{inset:auto 1px 3px auto}.cards.small .card.trad .art{inset:4px 12px}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-4px)}.card.selected{box-shadow:0 0 0 3px var(--accent), 0 6px 12px #0006;transform:translateY(-10px)}.card.disabled{opacity:.45}.card.back{border:3px solid var(--card);background:repeating-linear-gradient(45deg,#2b4c9b 0 6px,#213c7d 6px 12px)}body.back-blue .card.back{background:repeating-linear-gradient(45deg,#2b4c9b 0 6px,#213c7d 6px 12px)}body.back-red .card.back{background:repeating-linear-gradient(45deg,#0000 0 5px,#ffffff2e 5px 6px),repeating-linear-gradient(-45deg,#0000 0 5px,#ffffff2e 5px 6px),#a8201a}body.back-green .card.back{background:radial-gradient(circle,#ffffff38 0 2px,#0000 2.5px) 0 0/9px 9px,#1f6b3a}body.back-tartan .card.back{background:repeating-linear-gradient(0deg,#14285a8c 0 4px,#0000 4px 14px,#f0c83c80 14px 15px,#0000 15px 22px),repeating-linear-gradient(90deg,#14285a8c 0 4px,#0000 4px 14px,#f0c83c80 14px 15px,#0000 15px 22px),#1d5a34}body.four-color .card.suit-D{color:#1565c0}body.four-color .card.suit-C{color:#2e7d32}.card.placeholder{box-shadow:none;background:0 0;border:2px dashed #ffffff59}.log{background:#00000038;border-radius:10px;flex-shrink:0;width:330px;max-height:calc(100vh - 110px);padding:12px;overflow-y:auto}.log ol{margin:0;padding-left:0;font-size:.88rem;line-height:1.35;list-style:none}.log li{border-bottom:1px solid #ffffff12;padding:3px 0}.log li.you{color:#d9f0ff}.log li.cpu{color:#ffe9c2}.log li.sys{opacity:.75;font-style:italic}.log .ok{color:var(--good)}.log .bad{color:var(--bad);font-weight:600}.log .item{padding-left:12px;display:block}.board-wrap{background:#00000038;border-radius:10px;padding:10px 12px 6px}.legend{text-align:center;opacity:.85;margin:6px 0 0;font-size:.8rem;font-weight:400}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin:0 4px 0 10px;display:inline-block}.legend .dot:first-child{margin-left:0}.dot.you{background:#1e88e5}.dot.cpu{background:#e53935}#board{width:100%;max-width:900px;height:auto;display:block}#board .hole{fill:#2a1a0c}#board .hole.start{fill:#1e1208}#board .hole.game{fill:#140b04}#board .game-ring{fill:#d4a93a;stroke:#7a5a12;stroke-width:1px}#board .num{fill:#f3e2bf;text-anchor:middle;opacity:.9;font-family:Georgia,Times New Roman,serif;font-size:7px;font-weight:700}#board .num.minor{opacity:.6;font-size:5.5px}#board .num.back{opacity:.55;font-size:5.5px;font-style:italic}#board .num.tiny{letter-spacing:.08em;opacity:.7;font-size:5px}#board .skunk{stroke:#2b1606;stroke-width:1.4px;stroke-dasharray:3 2;opacity:.8}#board .skunk-badge{fill:#1b1b1b;stroke:#f3e2bf;stroke-width:1px}#board .skunk-s{fill:#fff;text-anchor:middle;font-family:Georgia,serif;font-size:9px;font-weight:700}#board .peg{transition:transform .7s}#board .finish-ring{fill:none;stroke:#d4a93a;stroke-width:1.2px}.cards.held:not(#played){outline:2px dashed var(--accent);outline-offset:4px;border-radius:8px}#played.held>.card.in-line:not(.back){box-shadow:0 0 0 2px var(--accent), -2px 1px 5px #00000059}.modal{z-index:10;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--panel,#1d4a31);border:1px solid #ffffff26;border-radius:14px;width:calc(100% - 32px);max-width:720px;max-height:calc(100vh - 48px);padding:18px 24px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.modal h2{margin:0 0 6px;font-size:1.8rem}.modal h3{margin:0 0 8px;font-size:1.2rem}.modal h4{margin:0 0 6px;font-size:1rem}.gameover{margin-bottom:12px}.gameover .final{margin:4px 0;font-size:1.15rem}.gameover .skunk{color:var(--accent);margin:4px 0;font-weight:700}.count-block{background:#0000002e;border-radius:10px;margin:12px 0;padding:10px 12px}.card.starter-card{box-shadow:0 0 0 3px var(--accent)}.breakdown{margin:8px 0 0;padding:0;font-size:.92rem;line-height:1.5;list-style:none}.breakdown li.claimed{color:var(--good)}.breakdown li.mugged{color:#ffd54f}.breakdown li.lost{color:var(--bad)}.breakdown .note{opacity:.75;font-size:.85em}.cover{z-index:20;background:radial-gradient(ellipse at center, var(--felt) 0%, var(--felt-dark) 100%);text-align:center;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cover-box h2{margin:6px 0 10px;font-size:2.2rem}.cover-small{opacity:.8;margin:4px 0 14px}.cover-box button{padding:12px 28px;font-size:1.15rem}#setup{z-index:30}.setup-box{max-width:520px}.setup-option{background:#0000002e;border-radius:10px;margin:14px 0;padding:12px 14px}.setup-option h3{margin:0 0 8px}.names{flex-wrap:wrap;gap:12px;margin:8px 0 12px;display:flex}.names label{opacity:.95;flex-direction:column;gap:4px;font-size:.85rem;display:flex}.names input{font:inherit;color:var(--ink);background:#00000040;border:1px solid #ffffff40;border-radius:8px;width:180px;padding:6px 10px}.anim-stage{z-index:6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0000009e;border:2px solid #f2c14e8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:calc(100% + 28px);padding:10px 16px;display:flex;position:absolute;top:-14px;left:-12px;right:-12px}.anim-stage.tone-muggins{border-color:#ffd54f}.anim-stage.tone-missed{border-color:#ff6b6b}.anim-title{opacity:.9;margin:0;font-size:.95rem;font-weight:600}.anim-body{justify-content:center;align-items:center;min-height:86px;display:flex;position:relative}.anim-body .cards{justify-content:center}.anim-stage .card.glow{transform:translateY(-8px);box-shadow:0 0 0 3px #f2c14e,0 0 18px 4px #f2c14ed9}.anim-stage.tone-muggins .card.glow{box-shadow:0 0 0 3px #ffd54f,0 0 18px 4px #ffd54fe6}.anim-stage.tone-missed .card.glow{box-shadow:0 0 0 3px #ff6b6b,0 0 18px 4px #ff5a5ad9}.anim-stage .card.dim{opacity:.35}.anim-label{white-space:nowrap;letter-spacing:.02em;pointer-events:none;color:#fff7d6;text-shadow:0 2px #000,0 0 14px #f2c14ef2,0 0 2px #000;background:#0a0a0ab8;border-radius:999px;padding:2px 18px;font-size:2rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tone-muggins .anim-label{color:#ffe082;text-shadow:0 2px #000,0 0 14px #ffc107f2}.anim-stage.tone-notice{border-color:#9ec9ff}.tone-notice .anim-label{color:#e3f0ff;text-shadow:0 2px #000,0 0 14px #78b4fff2}.tone-missed .anim-label{color:#ffb4b4;text-shadow:0 2px #000,0 0 14px #ff3c3cf2}.anim-label.final{font-size:2.3rem}.cut-window{cursor:default}.cut-window .anim-title{opacity:1;letter-spacing:.02em;font-size:1.5rem;font-weight:800}.cut-window .anim-body{width:100%;min-height:118px}.cut-window .cut-row{justify-content:center;align-items:flex-end;gap:64px;display:flex}.cut-window .cut-spot{flex-direction:column;align-items:center;gap:6px;display:flex}.cut-window .cut-slot-box{box-sizing:border-box;border:2px dashed #ffffff47;border-radius:8px;width:68px;height:96px}.cut-window .cut-slot-box:has(.card){border-color:#0000}.cut-window .cut-slot-box .card{margin:-2px}.cut-window .cut-name{opacity:.9;font-size:.85rem;font-weight:700}.cut-window .anim-running{opacity:.75;margin:0;font-size:.85rem}.cut-window{z-index:8}.cut-window .anim-label.cut-result{margin-top:4px;font-size:1.6rem;position:static;transform:none}.cut-window .anim-label.cut-result.pop{animation:.45s cubic-bezier(.2,1.6,.4,1) both cut-pop}@keyframes cut-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.cut-window .anim-body{min-height:0}.cut-window .cut-spot .card.glow{transform:translateY(-4px)}.cut-window.closing{animation:.25s forwards cut-out}@keyframes cut-out{to{opacity:0;transform:scale(.97)}}.anim-label.pop{animation:.45s cubic-bezier(.2,1.6,.4,1) both anim-pop}@keyframes anim-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.anim-running{opacity:.85;min-height:1em;margin:0;font-size:.85rem}#near-hand .card[data-id]{touch-action:none;cursor:grab}#near-hand .card.clickable{cursor:pointer}#near-hand .card.drag-gap{opacity:.25;box-shadow:none;outline:2px dashed var(--accent);outline-offset:2px}.card.gap{visibility:hidden}.deck{width:74px;height:102px;position:relative}.deck>.card{margin:0;position:absolute}.deck>.deck-card:first-child{top:6px;left:0}.deck>.deck-card:nth-child(2){top:3px;left:3px}.deck>.deck-card:nth-child(3){top:0;left:6px}.deck>.deck-top{top:0;left:6px;box-shadow:0 2px 6px #00000073}.fly-wrap{z-index:45;pointer-events:none;transform-origin:50%;position:fixed}.fly-wrap>.card{box-sizing:border-box;width:100%;height:100%;margin:0}.card.flying{z-index:45;pointer-events:none;box-sizing:border-box;transform-origin:50%;margin:0;position:fixed}.card.drag-ghost{z-index:50;pointer-events:none;cursor:grabbing;margin:0;transition:none;position:fixed;transform:rotate(-4deg)scale(1.06);box-shadow:0 10px 24px #0000008c}.anim-stage.panel{cursor:default;gap:8px}.anim-stage.panel .anim-title{opacity:1;letter-spacing:.02em;font-size:1.5rem;font-weight:800}.anim-stage.panel .anim-running{opacity:1;font-size:1.05rem;font-weight:700}.anim-stage .starter-slot{margin-left:calc(var(--starter-gap,16px) - var(--cards-gap,6px));padding-left:var(--starter-gap,16px);border-left:2px dashed #ffffff59;flex-direction:column;align-items:center;display:flex;position:relative}.anim-stage .starter-tag{top:100%;left:var(--starter-gap,16px);text-align:center;text-transform:uppercase;letter-spacing:.08em;opacity:.8;white-space:nowrap;margin-top:3px;font-size:.72rem;position:absolute;right:0}.anim-stage .anim-body .cards{--cards-gap:6px}.anim-stage .anim-body .cards:not(.small){--cards-gap:8px}.anim-stage .starter-slot .card.glow{transform:none}.anim-label.zero{color:#e0e0e0;text-shadow:0 2px #000}.row,.middle{position:relative}.anim-stage{container-type:inline-size}.anim-stage.at-near{top:auto;bottom:-14px}.anim-row{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.anim-list{flex:1 1 0;min-width:0;max-width:280px;margin:0;padding:0;font-size:.9rem;line-height:1.45;list-style:none}.anim-list.left{text-align:right}.anim-list li{white-space:nowrap;text-overflow:ellipsis;color:var(--good);overflow:hidden}.tone-muggins .anim-list li{color:#ffd54f}.tone-missed .anim-list li{color:#ff9a9a}.anim-list li.later{visibility:hidden}.anim-list li.cur{color:#fff7d6;font-weight:700}.anim-stage:not(.has-list) .anim-list{display:none}@container (width<=640px){.anim-list{display:none}}.recap{z-index:5;white-space:nowrap;background:#0000008c;border:1px solid #f2c14e99;border-radius:999px;padding:3px 12px;font-size:.95rem;position:absolute;top:0;right:0}.recap b{color:var(--accent)}.recap.at-center{top:-4px}.anim-stage.count-window{width:100%;min-height:0;margin:2px 0 4px;position:relative;inset:auto}.count-window.waiting{display:none}.row:has(>.count-window:not(.waiting))>.cards{display:none}.row:has(>.count-window:not(.waiting))>h2{display:none}.middle>.count-window{flex:0 0 100%}.middle:has(>.count-window:not(.waiting))>.pile{display:none}.count-window .anim-row{justify-content:center}.count-window .anim-list{flex-direction:column;justify-content:center;max-width:none;display:flex;position:absolute;top:10px;bottom:10px}.anim-list{flex-direction:column;justify-content:center;display:flex}.anim-list li.arrive{animation:.3s both li-arrive}@keyframes li-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.count-window .anim-list.left{text-align:right;align-items:flex-end;left:16px;right:calc(50% + 170px)}.count-window .anim-list.right{text-align:left;align-items:flex-start;left:calc(50% + 170px);right:16px}.count-window:not(.waiting){animation:.3s cw-in}@keyframes cw-in{0%{opacity:0}to{opacity:1}}.count-window .anim-running,.count-window.panel .anim-running{height:1.5em;min-height:0;margin:0;line-height:1.5em}.count-window .anim-title,.count-window.panel .anim-title{height:1.35em;margin:0;line-height:1.35em}.count-window.waiting .anim-title{opacity:.75}.board-wrap{position:relative}.board-status{box-sizing:border-box;background:#0009;border:2px solid #f2c14e8c;border-radius:14px;justify-content:center;align-items:center;gap:14px;width:fit-content;height:52px;min-height:42px;margin:10px auto 4px;padding:0 10px 0 18px;font-weight:600;display:flex}.board-status[hidden]{display:none}.board-status button{padding:6px 14px}.count-window.settled{cursor:default}.count-window.settled .anim-list li{cursor:pointer;border-radius:6px;padding:0 6px}.count-window.settled .anim-list li:hover,.count-window.settled .anim-list li.cur{color:#fff7d6;background:#f2c14e2e}.count-heading{margin-bottom:4px;font-size:1.3rem;font-weight:800;display:block}#board .peg.pulse circle:first-child{transform-origin:0 0;animation:.6s ease-in-out infinite alternate peg-pulse}@keyframes peg-pulse{0%{transform:scale(1)}to{transform:scale(1.45)}}#settings{z-index:40}.settings-box{max-width:560px}.settings-form{flex-direction:column;gap:10px;margin:10px 0;display:flex}.setting{background:#0000002e;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;display:flex}.setting label{font-weight:600}.setting .when{opacity:.75;font-size:.78rem;font-weight:400;display:block}.setting select{font:inherit;color:var(--ink);background:#0000004d;border:1px solid #ffffff40;border-radius:8px;max-width:290px;padding:6px 10px}.setting select option{color:#eee;background:#222}.pending{background:#f2c14e26;border:1px solid #f2c14e80;border-radius:10px;padding:8px 12px}.pending button{margin-top:6px}@media (width<=900px){.layout{flex-direction:column}.log{width:100%;max-height:260px}}