@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pixelify-sans-latin-700-normal-D3Xxx3QE.woff2)format("woff2"),url(/assets/pixelify-sans-latin-700-normal-BctWAS0u.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--felt:#25573f;--felt-deep:#173b2d;--felt-edge:#0f281f;--ink:#f7f1e3;--ink-soft:#c9d6cd;--ink-faint:#8fa99b;--panel:#0a1c15c7;--panel-solid:#11291f;--line:#ffffff24;--card:#fbf6ea;--card-shade:#f1e7d0;--card-edge:#c9b994;--card-ink:#22212e;--card-red:#c8372d;--back:#7a2335;--back-2:#561726;--wood:#b07a43;--wood-dark:#74481f;--hole:#3a2412;--accent:#f2a541;--accent-ink:#2a1702;--accent-shadow:#a8661a;--peg-you:#f2a541;--peg-1:#6cc6ec;--peg-2:#ee7a9a;--peg-3:#a5d86f;--font-pixel:"Pixelify Sans", ui-monospace, monospace;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background-color:var(--felt-deep);background-image:radial-gradient(#ffffff08 1px, transparent 1px), radial-gradient(130% 90% at 50% 38%, var(--felt) 0%, var(--felt-deep) 68%, var(--felt-edge) 100%);font:15px/1.4 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;background-size:4px 4px,100% 100%;background-attachment:fixed;margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pixel{font-family:var(--font-pixel);font-weight:700}.dim{color:var(--ink-faint)}.red{color:#e0574b}.btn{border:1px solid var(--line);cursor:pointer;background:#ffffff12;border-radius:6px;min-height:44px;padding:10px 18px;font-weight:600;transition:transform 80ms,background .15s,opacity .15s}.btn:hover:not(:disabled){background:#ffffff1f}.btn:active:not(:disabled){transform:translateY(2px)}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-shadow);border-color:#0000}.btn.primary:hover:not(:disabled){background:#f6b562}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--accent-shadow)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.icon-btn{border:1px solid var(--line);width:40px;height:40px;font:700 18px var(--font-pixel);cursor:pointer;background:#00000026;border-radius:6px;place-items:center;display:grid}.chip{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#ffffff24;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700}.card{--w:var(--card-w);width:var(--w);height:calc(var(--w) * 1.4);border-radius:calc(var(--w) * .09);border:0;flex:none;padding:0;position:relative}.card.table-card,.card.ghost,.card.deck,.card.stacked{--w:var(--table-card-w)}.card.face{color:var(--card-ink);background:linear-gradient(180deg, var(--card) 0%, var(--card-shade) 100%);box-shadow:0 0 0 1px var(--card-edge), 0 2px 0 1px #00000029, 0 6px 14px #00000047}.card.face.red{color:var(--card-red)}.card .corner{align-items:center;gap:calc(var(--w) * .03);flex-direction:column;line-height:1;display:flex;position:absolute}.card .corner.tl{top:calc(var(--w) * .07);left:calc(var(--w) * .07)}.card .corner.br{right:calc(var(--w) * .07);bottom:calc(var(--w) * .07);transform:rotate(180deg)}.glyph,.pixel-icon{--cell:calc(var(--glyph-h,14px) / 7)}@supports (width:round(1px, 1px)){.glyph,.pixel-icon{--cell:max(var(--dpx,1px), round(nearest, calc(var(--glyph-h,14px) / 7), var(--dpx,1px)))}}.glyph{height:calc(var(--cell) * 7);flex:none;display:block}.glyph,.pixel-icon{overflow:visible}.pixel-icon{width:calc(var(--cell) * 7);height:calc(var(--cell) * 7);flex:none}.card .rank{--glyph-h:calc(var(--w) * .17)}.card .corner-suit{--glyph-h:calc(var(--w) * .16)}.card .center{place-items:center;display:grid;position:absolute;inset:0}.card .pip{--glyph-h:calc(var(--w) * .4)}.card .court{--glyph-h:calc(var(--w) * .42)}.card.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s}@media (hover:hover){.card.clickable:hover{transform:translateY(-5px)}}.card.selected,.card.selected:hover{box-shadow:0 0 0 2px var(--accent), 0 10px 18px #00000059;transform:translateY(-18px)}.card.disabled{filter:brightness(.62)saturate(.6);cursor:default}.card.highlighted{box-shadow:0 0 0 3px var(--accent), 0 8px 16px #00000059;transition:transform .15s,box-shadow .15s;transform:translateY(-6px)}.card.back{background:repeating-linear-gradient(45deg, #ffdcc81a 0 2px, transparent 2px 7px), repeating-linear-gradient(-45deg, #ffdcc81a 0 2px, transparent 2px 7px), var(--back);box-shadow:inset 0 0 0 calc(var(--w) * .06) var(--card), inset 0 0 0 calc(var(--w) * .08) var(--back-2), 0 0 0 1px var(--card-edge), 0 4px 10px #00000047}.card.ghost{background:#00000014;border:2px dashed #ffffff24}.deal-in{animation:.32s ease-out backwards deal-in}.hand .deal-in:nth-child(2){animation-delay:40ms}.hand .deal-in:nth-child(3){animation-delay:80ms}.hand .deal-in:nth-child(4){animation-delay:.12s}.hand .deal-in:nth-child(5){animation-delay:.16s}.hand .deal-in:nth-child(6){animation-delay:.2s}@keyframes deal-in{0%{opacity:0;transform:translateY(26px)scale(.94)}}.game{--card-w:clamp(52px, min(17.5vw, 10.6dvh), 104px);--table-card-w:clamp(42px, min(13vw, 8.2dvh), 84px);max-width:640px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template:"top""board""opp""table"minmax(0,1fr)"you"/minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.topbar{grid-area:top;align-items:center;gap:10px;padding:8px 12px 4px;display:flex}.round-label{font-weight:700}.topbar-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.board-panel{grid-area:board;padding:4px 12px 2px}.scores{justify-content:space-between;gap:8px;margin:0 2px 6px;display:flex}.score-chip{align-items:center;gap:7px;min-width:0;display:flex}.score-chip.you{flex-direction:row-reverse}.score-chip .dot{border-radius:2px;width:10px;height:10px;box-shadow:0 0 0 1px #0006}.score-name{color:var(--ink-soft);white-space:nowrap;font-weight:600}.score-num{--glyph-h:18px}.pegboard{filter:drop-shadow(0 4px 8px #0000004d);width:100%;max-width:480px;height:auto;margin:0 auto;display:block}.pegboard .groove{fill:#00000029}.pegboard .hole{fill:var(--hole)}.pegboard .hole.finish{stroke:#fff0dc66;stroke-width:.8px}.pegboard .street-label{font:700 8px var(--font-ui);fill:#fff0dcbf}.peg{transition:transform .7s cubic-bezier(.3,.8,.3,1)}.peg circle{fill:currentColor;stroke:#0009;stroke-width:.9px}.peg.back circle{opacity:.5}.opponents{flex-direction:column;grid-area:opp;display:flex}.opponent{justify-content:space-between;align-items:center;gap:12px;padding:6px 14px;display:flex;position:relative}.opponent-info{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.opponent-name{font:700 18px var(--font-pixel)}.opponent-hand{min-height:calc(var(--table-card-w) * .62 * 1.4);padding-right:4px;display:flex}.opponent-hand .card.mini{--w:calc(var(--table-card-w) * .62)}.opponent-hand .card.mini+.card.mini{margin-left:calc(var(--w) * -.55)}.opponent-hand .card.mini.revealed+.card.mini.revealed{margin-left:calc(var(--w) * -.42)}.opponent .bubble-slot{position:absolute;bottom:0;left:0;right:0}.opponent .bubble{top:2px}.thinking{gap:3px;display:inline-flex}.thinking i{background:var(--ink-soft);width:5px;height:5px;animation:1s infinite blink}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.table{grid-template:"deck pile crib"minmax(auto,1fr)/auto minmax(0,1fr) auto;grid-area:table;gap:6px 10px;min-height:0;padding:6px 14px 2px;display:grid}.deck-area{grid-area:deck;align-self:start;gap:10px;display:flex}.crib-area{grid-area:crib;align-self:start}.slot{flex-direction:column;align-items:center;gap:5px;display:flex}.slot-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;font-size:11px;font-weight:600}.card.deck{place-items:center;display:grid}.card.deck.can-cut{cursor:pointer;animation:1.4s ease-in-out infinite glow}.cut-label{background:var(--accent);color:var(--accent-ink);border-radius:3px;padding:3px 8px;font-size:14px;font-weight:700}@keyframes glow{0%,to{filter:drop-shadow(0 0 #f2a54100)}50%{filter:drop-shadow(0 0 10px #f2a541e6)}}.crib-stack{width:var(--table-card-w);height:calc(var(--table-card-w) * 1.4);position:relative}.crib-stack .stacked{top:calc(var(--i) * -3px);left:calc(var(--i) * 2px);animation:.3s ease-out backwards drop-in;position:absolute}@keyframes drop-in{0%{opacity:0;transform:translateY(40px)rotate(8deg)}}.peg-area{flex-direction:column;grid-area:pile;justify-content:center;align-items:center;gap:6px;min-height:0;display:flex;container-type:size}.count-badge{background:#00000038;border-radius:4px;align-items:center;gap:8px;padding:2px 10px;display:flex}.count-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:700}.count-num{--glyph-h:20px}.pile{--pile-w:max(30px, min(var(--table-card-w), calc((100cqh - 45px) / 1.4)));--step:max(12px, min(var(--pile-w) * .42, (100cqi - var(--pile-w)) / max(var(--n) - 1, 1)));width:calc(var(--pile-w) + (var(--n) - 1) * var(--step));height:calc(var(--pile-w) * 1.4 + 14px);transition:width .2s;position:relative}.pile .pile-card{--w:var(--pile-w)}.pile-card{left:calc(var(--i) * var(--step));transform:rotate(var(--tilt));animation:.35s ease-out backwards play-in;position:absolute}.pile-card.theirs{--from:-50px;top:0}.pile-card.mine{--from:70px;top:14px}@keyframes play-in{0%{opacity:0;transform:translateY(var(--from)) rotate(var(--tilt)) scale(1.06)}}.peg-area.finished .pile{opacity:.5;filter:saturate(.6);transition:opacity .4s}.you{flex-direction:column;grid-area:you;display:flex;position:relative}.you .bubble-slot{height:0;position:relative}.you .bubble{bottom:4px}.prompt{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:4px 14px;display:flex}.prompt-text{flex-direction:column;gap:2px;font-size:16px;font-weight:600;display:flex}.prompt-sub{color:var(--ink-faint);font-size:12px;font-weight:400}.prompt .btn{min-width:92px}.hand{--gap:min(8px, calc((100% - var(--n) * var(--card-w)) / (var(--n) - 1)));min-height:calc(var(--card-w) * 1.4 + 34px);justify-content:center;align-items:flex-end;padding:22px 12px 12px;display:flex}.hand>.card+.card{margin-left:var(--gap)}.bubble{z-index:5;background:var(--card);color:var(--card-ink);white-space:nowrap;pointer-events:none;border-radius:5px;align-items:center;gap:8px;padding:7px 12px;font-weight:700;animation:2.2s both bubble;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px #00000040,0 8px 20px #0000004d}.bubble-points{--glyph-h:14px;color:var(--card-red)}@keyframes bubble{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}8%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-4px)scale(.98)}}.log{grid-area:log;min-height:0;padding:10px 12px 14px;display:none}.log-list{height:100%;color:var(--ink-soft);-webkit-user-select:text;user-select:text;background:#00000029;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;list-style:none;overflow-y:auto}.log-list li+li{margin-top:3px}@media (width>=700px) and (aspect-ratio>=5/4){.game{--card-w:clamp(52px, min(9vw, 15dvh), 112px);--table-card-w:clamp(42px, min(7vw, 11.5dvh), 92px);grid-template:"top opp""board table""log table"minmax(0,1fr)"log you"/minmax(300px,400px) minmax(0,1fr);column-gap:16px;max-width:1280px}.log{display:block}.opponents,.table,.you{justify-self:center;width:min(100%,860px)}}@media (height<=500px){.table .deck-area,.table .crib-area{align-self:center}.prompt{min-height:44px}.hand{min-height:calc(var(--card-w) * 1.4 + 24px);padding-top:18px;padding-bottom:6px}}.sheet-backdrop{z-index:20;pointer-events:none;background:linear-gradient(#0000 30%,#00000080);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(560px,100%);max-height:76dvh;padding:16px 16px calc(14px + env(safe-area-inset-bottom));border-top:2px solid var(--line);background:var(--panel-solid);pointer-events:auto;border-radius:14px 14px 0 0;animation:.3s ease-out sheet-up;overflow-y:auto;box-shadow:0 -12px 32px #00000073}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.sheet-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.sheet-head h2{margin:0;font-size:22px}.count-cards{justify-content:center;align-items:flex-start;gap:6px;padding:8px 0 4px;display:flex}.count-cards .card{--w:clamp(44px, 14vw, 72px)}.count-plus{font:700 20px var(--font-pixel);color:var(--ink-faint);align-self:center;margin:0 2px}.cut-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.count-lines{margin:10px 0 0;padding:0;list-style:none}.count-lines li{animation:.25s ease-out backwards line-in}.count-lines li:nth-child(2){animation-delay:80ms}.count-lines li:nth-child(3){animation-delay:.16s}.count-lines li:nth-child(4){animation-delay:.24s}.count-lines li:nth-child(5){animation-delay:.32s}.count-lines li:nth-child(6){animation-delay:.4s}.count-lines li:nth-child(n+7){animation-delay:.48s}@keyframes line-in{0%{opacity:0;transform:translate(-8px)}}.count-line{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:minmax(0,1fr) auto 3ch 3ch;align-items:center;gap:10px;width:100%;padding:6px 8px;display:grid}.count-line.focused{background:#ffffff14}.line-label{font-weight:600}.line-cards{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.mini-chip{--glyph-h:9px;background:var(--card);color:var(--card-ink);font:700 12px/1.3 var(--font-pixel);border-radius:3px;align-items:center;gap:2px;padding:3px 4px;display:inline-flex}.mini-chip.red{color:var(--card-red)}.chip-suit{--glyph-h:9px}.line-points{text-align:right;color:var(--ink-faint);font-variant-numeric:tabular-nums}.line-running{--glyph-h:13px;justify-content:flex-end;display:flex}.nineteen{margin:14px 4px 4px;font-weight:600}.sheet-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.count-total{align-items:center;gap:10px;display:flex}.big{--glyph-h:28px}@media (width>=700px){.sheet-backdrop{background:#00000059;align-items:center;padding:16px}.sheet{border:1px solid var(--line);border-radius:14px;max-height:calc(100dvh - 32px)}}.modal-backdrop{z-index:30;background:#00000080;place-items:center;padding:20px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{border:1px solid var(--line);background:var(--panel-solid);border-radius:12px;width:min(420px,100%);max-height:calc(100dvh - 40px);padding:22px 20px 18px;animation:.25s ease-out sheet-up;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal h2{margin:0 0 14px;font-size:24px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.menu-items{gap:8px;display:grid}.menu-items .btn{text-align:left}.game-over{text-align:center}.game-over .title{margin-bottom:6px;font-size:34px}.skunk{color:var(--accent);margin:0 0 8px;font-size:20px}.final-scores{margin:12px 0 0;padding:0;list-style:none}.final-num{--glyph-h:16px}.final-scores li{border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:17px;display:flex}.final-scores li.winner{background:#f2a54124}.game-over .modal-actions{justify-content:center}.rules .rules-body{color:var(--ink-soft);-webkit-user-select:text;user-select:text;font-size:14px}.rules h3{color:var(--ink);margin:16px 0 4px;font-size:15px}.rules p,.rules ul{margin:4px 0}.rules ul{padding-left:18px}.rules b{color:var(--ink)}.title-screen{max-width:520px;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:stretch;gap:22px;margin:0 auto;display:flex}.title-block{text-align:center}.title-suits{color:var(--card);justify-content:center;gap:10px;display:flex}.title-suits svg{--glyph-h:22px}.title-screen h1{color:var(--card);text-shadow:0 4px #00000059;margin:10px 0 8px;font-size:clamp(46px,14vw,76px);line-height:.95}.title-block p{margin:0}.resume{flex-direction:column;align-items:center;gap:2px;padding:12px 18px;font-size:17px;display:flex}.resume-detail{opacity:.8;font-size:13px;font-weight:500}.opponent-picker h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;font-size:13px;font-weight:700}.opponent-options{gap:10px;display:grid}.opponent-option{text-align:left;cursor:pointer;background:#0000002e;border:2px solid #0000;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.opponent-option.chosen{border-color:var(--accent);background:#f2a5411a}.option-head{justify-content:space-between;align-items:center;display:flex}.option-name{font-size:20px}.option-blurb{color:var(--ink-soft);font-size:14px}.level{letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:700}.level-easy{background:#2f6b4f}.level-medium{background:#80601f}.level-hard{background:#7a2335}.btn.deal{min-height:52px;font-size:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn.small{min-height:32px;padding:5px 12px;font-size:13px}.link-btn{color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-weight:600;text-decoration:underline}.title-links{flex-wrap:wrap;justify-content:center;gap:8px 22px;display:flex}.seed-form{gap:8px;display:grid}.seed-form label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:13px;font-weight:700}.seed-row{gap:8px;display:flex}.seed-input{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);letter-spacing:.12em;-webkit-user-select:text;user-select:text;background:#00000040;border-radius:6px;flex:1;padding:8px 12px;font:600 16px/1 ui-monospace,SF Mono,Menlo,monospace}.seed-hint{font-size:12px}.seed-reveal{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.seed-code{letter-spacing:.12em;-webkit-user-select:all;user-select:all;background:#0000004d;border-radius:4px;padding:4px 10px;font:700 16px ui-monospace,SF Mono,Menlo,monospace}.record-line{margin:10px 0 0;font-size:14px}.game-over .modal-actions{flex-wrap:wrap}.history-screen{max-width:640px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.history-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.history-head h1{margin:0;font-size:30px}.empty{margin:24px 0}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0 0 16px;display:grid}.stat{background:#0000002e;border-radius:8px;padding:10px}.stat dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:700}.stat dd{margin:6px 0 0}.stat-num{--glyph-h:18px}.stat-text{font:700 18px/18px var(--font-ui)}.opponent-stats,.detail-table{border-collapse:collapse;width:100%;font-size:14px}.opponent-stats th,.detail-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding:6px 8px;font-size:11px}.opponent-stats td,.detail-table td{border-top:1px solid var(--line);padding:7px 8px}.opponent-stats td:not(:first-child),.opponent-stats th:not(:first-child),.detail-table td:not(:first-child),.detail-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.game-list{margin-top:22px}.list-head{justify-content:space-between;align-items:center;display:flex}.list-head h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:13px;font-weight:700}.game-list ol{margin:8px 0 0;padding:0;list-style:none}.game-row{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:10px 8px;display:flex}.game-row:hover{background:#ffffff0a}.result{width:28px;height:28px;font:700 15px var(--font-pixel);border-radius:4px;flex:none;place-items:center;display:grid}.result.won{background:#2f6b4f}.result.lost{background:#7a2335}.row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-sub{font-size:12px}.tag{background:#ffffff1f;border-radius:3px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:700}.game-detail{width:min(520px,100%)}.game-detail h2{margin-bottom:2px}.detail-sub{margin:0 0 12px;font-size:13px}.log-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:16px 0 6px;font-size:13px}.detail-log{height:auto;max-height:34dvh}.mod-card{--w:120px;width:var(--w);aspect-ratio:2200/3000;border-radius:calc(var(--w) * .05);background:var(--card);border:0;flex:none;padding:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000004d,0 6px 16px #00000059}.mod-card.sm{--w:56px}.mod-card.lg{--w:min(72vw, 320px, 46dvh)}.mod-card img{object-fit:cover;width:100%;height:100%;display:block}.mod-card.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.mod-card.selected{box-shadow:0 0 0 3px var(--accent), 0 10px 20px #0006;transform:translateY(-6px)}.text-card{justify-content:center;align-items:center;gap:calc(var(--w) * .08);padding:calc(var(--w) * .1);color:#3b2a4a;text-align:center;background:radial-gradient(120% 90% at 50% 30%,#f6ead2,#e7d3ad);flex-direction:column;display:flex;position:absolute;inset:0}.text-card-name{font-size:calc(var(--w) * .12);color:#2f6b4f;line-height:1.05}.text-card-text{font-size:calc(var(--w) * .075);line-height:1.3}.mod-card.sm .text-card-text{display:none}.mod-card.sm .text-card-name{font-size:9px}.segmented{background:#00000038;border-radius:8px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.segmented button{min-height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:6px 8px;font-weight:600}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.tag.mod{background:#2f6b4f}.detail-globals{margin:-6px 0 12px;font-size:13px}.mode-picker .segmented{margin-bottom:8px}.mode-detail p{margin:0 0 8px;font-size:13px}.check{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 10px;margin:14px 0 22px;display:grid}.card-grid figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.card-grid .mod-card{--w:112px;width:100%}.card-grid figcaption{text-align:center;color:var(--ink-soft);font-size:12px}.gallery-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:13px}.draft-list{margin:0;padding-left:18px;font-size:13px;line-height:1.7}.card-zoom{text-align:center;width:auto;max-width:min(760px,100%)}.zoom-cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card-zoom .modal-actions{justify-content:center}.pegboard .street-label.crossed{fill:#ffd27a}.globals-bar{justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin-top:8px;display:flex}.globals-cards{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.globals-cards .mod-card.sm{--w:30px;box-shadow:0 0 0 1px #0006}.globals-names{flex-direction:column;min-width:0;font-size:13px;font-weight:700;line-height:1.25;display:flex}.globals-names span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.globals-empty,.globals-next{white-space:nowrap;font-size:12px}.reveal-backdrop{background:#000000a6}.modal.reveal{text-align:center;width:auto;max-width:min(640px,100%)}.reveal-text{gap:4px;margin:12px 0 4px;font-size:14px;display:grid}.reveal .modal-actions{justify-content:center}.choice-prompt{margin:0 0 12px;font-weight:600}.choice-sheet .zoom-cards{margin-bottom:8px}.choice-card{--table-card-w:clamp(56px, 18vw, 84px)}.rank-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.rank-btn{border:1px solid var(--line);min-height:42px;font:700 16px var(--font-ui);cursor:pointer;background:#ffffff0f;border-radius:6px}.rank-btn.on{background:var(--accent);color:var(--accent-ink)}.rank-btn.named{opacity:.5;text-decoration:line-through}.rank-btn:disabled:not(.named){cursor:default}.vetoed{align-self:center;font-size:12px}.count-lines li.mod .count-line{color:#ffd27a}.count-lines li.mod .line-label:before{content:"◆ ";font-size:10px}.sheet-head h2,.modal h2,.history-head h1,.text-card-name{font-family:var(--font-ui);letter-spacing:-.01em;font-weight:800}.game-over .title{font-family:var(--font-pixel);font-weight:700}.card.face.transformed{box-shadow:inset 0 0 0 calc(var(--w) * .035) #e7b543, 0 0 0 1px var(--card-edge), 0 2px 0 1px #00000029, 0 6px 14px #00000047}.face-badge{bottom:calc(var(--w) * .06);left:calc(var(--w) * .05);align-items:flex-start;gap:calc(var(--w) * .03);pointer-events:none;flex-direction:column;display:flex;position:absolute}.face-badge-part{--glyph-h:calc(var(--w) * .13);align-items:center;gap:calc(var(--w) * .02);padding:calc(var(--w) * .03) calc(var(--w) * .04);border-radius:calc(var(--w) * .04);color:#2a1702;background:#e7b543;display:flex;box-shadow:0 1px #00000040}.face-badge-sym{font:800 calc(var(--w) * .13) / 1 var(--font-ui)}.mini-chip.transformed{box-shadow:inset 0 0 0 1px #e7b543}.chip-as{color:#2a1702;font:800 11px var(--font-ui);background:#e7b543;border-radius:2px;align-items:center;gap:1px;margin-left:3px;padding:0 3px;display:inline-flex}.chip-as .glyph{--glyph-h:8px}.other-cut{text-align:center;margin:4px 0 0;font-size:12px}.reward-tray{align-items:center;gap:6px;min-width:0;display:flex}.tray-label{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.tray-cards{cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:4px;padding:0;display:flex}.tray-cards .mod-card.sm,.empty-slot{--w:30px;width:var(--w);height:calc(var(--w) * 3000 / 2200);aspect-ratio:auto}.you-rewards,.opponent{container-type:inline-size}.you-rewards .tray-cards .mod-card.sm,.you-rewards .empty-slot{--w:clamp(34px, calc((100cqi - 190px) / var(--slots,1)), 56px)}.opponent .tray-cards .mod-card.sm,.opponent .empty-slot{--w:clamp(28px, calc((100cqi - 200px) / var(--slots,1)), 44px)}.empty-slot{border:1.5px dashed #ffffff38;border-radius:2px;display:block}.tray-count{font-variant-numeric:tabular-nums;font-size:12px}.you-rewards{justify-content:flex-start;padding:0 14px;display:flex}.shop{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.shop-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.shop-head h3{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px}.shop-status{font-size:13px}.shop-cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.shop-item{flex-direction:column;align-items:center;gap:4px;display:flex}.shop .mod-card.sm{--w:clamp(58px, 17vw, 84px)}.shop-item.unaffordable .mod-card{filter:grayscale(.7)brightness(.6)}.shop-cost{font:700 13px var(--font-ui);align-items:center;gap:4px;display:inline-flex}.rare-dot{background:linear-gradient(135deg,#f2c14e,#e86a8c,#6cc6ec);border-radius:50%;width:8px;height:8px}.shop-pick{text-align:center;margin:8px 0 0;font-size:13px}.shop-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.text-card-cost{bottom:calc(var(--w) * .06);font:800 calc(var(--w) * .11) var(--font-ui);color:#3b2a4a;position:absolute}.btn.countdown{position:relative;overflow:hidden}.btn.countdown:after{content:"";transform-origin:0;width:100%;height:4px;animation:countdown var(--countdown) linear forwards;background:#2a170273;position:absolute;bottom:0;left:0}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.check.disabled{opacity:.5;cursor:default}.ability-panel{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.sheet>.ability-panel:first-child,.top-sheet>.ability-panel{border-top:0;margin-top:0;padding-top:0}.ability-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ability-list li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 10px;display:grid}.ability-list li>.btn{grid-column:2;justify-self:start}.ability-list li>.mod-card{grid-row:span 2}.ability-list .mod-card.sm{--w:48px}.ability-text{flex-direction:column;gap:2px;font-size:13px;display:flex}.shop-item{position:relative}.shop-item.affordable .mod-card{box-shadow:0 0 0 2px #7fd18b,0 6px 16px #00000059}.shop-item.affordable .shop-cost{color:#a6e6ae}.shop-cost .shop-penalty,.peek-penalty{color:#f0a3a3}.shop-cost .shop-penalty{font-size:12px;font-weight:600}.new-tag{background:var(--accent);color:var(--accent-ink);font:800 10px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:1px 6px;position:absolute;top:-6px;right:-6px}.shop-banner{background:#f2a5411f;border-radius:6px;align-items:center;gap:10px;margin:0 0 10px;padding:8px 10px;font-size:13px;animation:.3s ease-out fade;display:flex}.banner-card{cursor:pointer;background:0 0;border:0;padding:0}.banner-card .mod-card.sm{--w:34px}.shop-owned{background:#0000002e;border-radius:6px;gap:8px;margin-top:12px;padding:10px;display:grid}.owned-row{align-items:center;gap:10px;display:flex}.owned-label{flex:none;width:88px;font-size:12px;font-weight:700}.owned-cards{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.owned-cards .mod-card.sm,.owned-cards .empty-slot{--w:52px;width:52px}.owned-row.small .owned-cards .mod-card.sm,.owned-row.small .owned-cards .empty-slot{--w:38px;width:38px}.card-peek{flex-wrap:wrap;justify-content:center;gap:16px;width:min(640px,100%);display:flex}.card-peek .mod-card.lg{--w:min(62vw, 260px, 40dvh)}.peek-info{flex-direction:column;flex:220px;gap:8px;display:flex}.peek-info h2,.peek-info p{margin:0}.peek-meta{font-size:13px}.peek-note{background:#0003;border-radius:6px;padding:8px 10px;font-size:13px}.peek-gain{font-size:16px}.peek-replace-cards{gap:6px;margin-top:6px;display:grid}.replace-option{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:10px;padding:6px;display:flex}.replace-option .mod-card.sm{--w:34px}.table.you-deal .deck-area,.table.you-deal .crib-area{align-self:end}.count-sheet .sheet-head{z-index:2;background:var(--panel-solid);margin:-16px -16px 12px;padding:16px 16px 10px;position:sticky;top:-16px;box-shadow:0 8px 10px -8px #00000080}.opponent-line{align-self:center;font-size:14px;font-weight:500;text-decoration:none}.opponent-line .dim{color:var(--ink-faint)}.opponent-picker .segmented.small button{font-size:14px}.opponent-blurb{text-align:center;margin:8px 0 0;font-size:13px}.mod-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card-peek{touch-action:pan-y}.peek-title{text-align:center;flex-basis:100%;margin:0}.peek-stage{align-items:center;gap:6px;display:flex}.peek-arrow{border:1px solid var(--line);width:34px;height:56px;color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:8px;flex:none;font-size:28px;line-height:1}.peek-arrow:active{background:#ffffff24}.peek-card.next{animation:.22s ease-out peek-in-right}.peek-card.prev{animation:.22s ease-out peek-in-left}@keyframes peek-in-right{0%{opacity:0;transform:translate(36px)}}@keyframes peek-in-left{0%{opacity:0;transform:translate(-36px)}}.peek-dots{flex-basis:100%;justify-content:center;gap:2px;margin-top:-8px;display:flex}.peek-dots button{cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0}.peek-dots button:before{content:"";background:var(--ink-faint);opacity:.5;border-radius:50%;width:8px;height:8px;margin:auto;display:block}.peek-dots button.on:before{background:var(--accent);opacity:1}.peek-discard-row{gap:8px;margin-top:8px;display:flex}.peek-discard-row .btn{flex:1}.btn.danger{color:#fff;background:#8e2c25;border-color:#b8443a}.hold-peek{z-index:60;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;animation:.14s ease-out hold-peek-in;display:flex;position:fixed;inset:0}.hold-peek .mod-card.lg{--w:min(70vw, 300px, 50dvh);box-shadow:0 18px 50px #0009}.hold-peek-text{background:var(--panel-solid);text-align:center;border-radius:10px;max-width:min(86vw,360px);padding:10px 14px;font-size:14px}.hold-peek-text p{margin:4px 0 0}@keyframes hold-peek-in{0%{opacity:0;transform:scale(.94)}}.celebration{z-index:31;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{top:-40px;left:var(--x);width:var(--size);height:var(--size);color:var(--c);animation:confetti-fall var(--dur) linear var(--delay) both;position:absolute}.confetti.chip{height:calc(var(--size) * .55);background:var(--c)}.confetti svg{width:100%;height:100%;display:block}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--drift), 110dvh) rotate(var(--spin));opacity:0}}.burst{width:0;height:0;position:absolute;top:34%;left:50%}.burst i{background:var(--c);width:10px;height:10px;margin:-5px;animation:.9s cubic-bezier(.15,.7,.3,1) both burst;position:absolute}@keyframes burst{0%{opacity:1;transform:translate(0)scale(1.4)}to{transform:translate(var(--bx), var(--by)) scale(.4);opacity:0}}.game-over.won{border-color:var(--accent);box-shadow:0 0 0 2px #f2a54159,0 0 60px #f2a54159,0 20px 50px #00000080}.game-over.won .title{color:var(--accent);text-shadow:0 3px 0 var(--accent-shadow);animation:.9s cubic-bezier(.3,1.6,.5,1) both win-bounce,1.8s ease-in-out .9s infinite alternate win-glow}@keyframes win-bounce{0%{opacity:0;transform:scale(.3)rotate(-8deg)}60%{opacity:1;transform:scale(1.15)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes win-glow{to{text-shadow:0 3px 0 var(--accent-shadow), 0 0 22px #f2a541cc}}.game-over.won .final-scores .winner{animation:.5s ease-out .5s both win-row}@keyframes win-row{0%{opacity:0;transform:translate(-12px)}}@media (prefers-reduced-motion:reduce){.celebration{display:none}}.sheet-backdrop.top{background:linear-gradient(#00000080,#0000 60%);align-items:flex-start}.sheet.top-sheet{max-height:46dvh;padding-top:calc(14px + env(safe-area-inset-top));border-top:0;border-bottom:2px solid var(--line);border-radius:0 0 14px 14px;padding-bottom:14px;animation:.3s ease-out sheet-down;box-shadow:0 12px 32px #00000073}@keyframes sheet-down{0%{opacity:0;transform:translateY(-40px)}}.count-sheet .sheet-head{display:block}.sheet-head-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.step-globals{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;font-size:13px;display:flex}.step-global{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:3px 8px 3px 3px;font-weight:600;display:inline-flex}.step-global .mod-card.sm{--w:22px;width:22px}.foot-actions{align-items:center;gap:8px;display:flex}.shop.pulse .shop-item.affordable .mod-card{animation:.7s ease-in-out .35s 3 gain-pulse}@keyframes gain-pulse{50%{transform:translateY(-4px)scale(1.06);box-shadow:0 0 0 3px #7fd18b,0 0 22px #7fd18bb3}}.night{background:radial-gradient(at 50% 20%,#0a0e288c,#0000 70%);animation:.6s ease-out both fade;position:absolute;inset:0}.rocket{background:linear-gradient(#ffd36b,#0000);width:3px;height:18px;margin-left:-1px;animation:.6s ease-out both rocket;position:absolute;bottom:0}@keyframes rocket{0%{opacity:1;transform:translateY(0)}95%{opacity:1}to{transform:translateY(calc(-100dvh + var(--top)));opacity:0}}.burst i{box-shadow:0 0 6px var(--c);border-radius:1px}.cascade-x{animation:cascade-x var(--dur) linear both;position:absolute;top:-70px}.cascade-x.ltr{left:var(--start);--dir:1}.cascade-x.rtl{right:var(--start);--dir:-1}@keyframes cascade-x{to{transform:translateX(calc(var(--dir) * 85vw))}}.cascade-y{animation:cascade-y var(--dur) linear both;display:block}@keyframes cascade-y{0%{animation-timing-function:ease-in;transform:translateY(0)}32%{animation-timing-function:ease-out;transform:translateY(calc(100dvh - 10px))}50%{animation-timing-function:ease-in;transform:translateY(55dvh)}68%{animation-timing-function:ease-out;transform:translateY(calc(100dvh - 10px))}80%{animation-timing-function:ease-in;transform:translateY(78dvh)}92%{opacity:1;transform:translateY(calc(100dvh - 10px))}to{opacity:0;transform:translateY(calc(100dvh - 10px))}}.cascade-card{border:1px solid var(--card-edge);background:var(--card);width:44px;height:62px;color:var(--card-ink);font:700 14px var(--font-ui,sans-serif);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:0 3px 6px #00000059}.cascade-card.red{color:var(--card-red)}.cascade-card svg{--glyph-h:18px}.peg-x{animation:peg-x var(--dur) linear both;position:absolute;bottom:-20px;left:50%}@keyframes peg-x{to{transform:translateX(var(--dx))}}.peg-y{animation:peg-y var(--dur) both;display:block}@keyframes peg-y{0%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)}45%{transform:translateY(calc(-1 * var(--h)));animation-timing-function:cubic-bezier(.6,0,.8,.4)}to{transform:translateY(20px)}}.peg{background:linear-gradient(to right, #ffffff59, transparent 60%), var(--c);border-radius:5px 5px 2px 2px;width:9px;height:22px;display:block;box-shadow:0 2px 4px #0006}.critter{width:96px;position:absolute;bottom:6dvh;left:0}.critter svg{width:100%;animation:.3s steps(2,end) infinite skunk-bob;display:block}@keyframes skunk-bob{50%{transform:translateY(-3px)}}.skunk-run{animation:3.2s linear .3s both skunk-run}.skunk-run.reverse{animation-name:skunk-run-back;animation-delay:1s;bottom:18dvh}.skunk-run.reverse svg{animation:none;transform:scaleX(-1)}@keyframes skunk-run{0%{transform:translate(-110px)}to{transform:translate(calc(100vw + 10px))}}@keyframes skunk-run-back{0%{transform:translate(calc(100vw + 10px))}to{transform:translate(-110px)}}.skunk-stroll{animation:9s linear .4s both skunk-run}.skunk-stroll svg{animation-duration:.6s}.skunk-stroll.late{width:72px;animation-delay:2.2s;bottom:14dvh}.puff{width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);animation:puff var(--dur) ease-out both;background:radial-gradient(circle,#96c8468c,#6ea03200 70%);border-radius:50%;position:absolute;bottom:4dvh}@keyframes puff{0%{opacity:0;transform:scale(.3)}20%{opacity:1}to{opacity:0;transform:translateY(-12dvh)scale(1.3)}}.puff.rising{animation-name:puff-rise}@keyframes puff-rise{0%{opacity:0;transform:scale(.4)}25%{opacity:1}to{opacity:0;transform:translateY(-70dvh)scale(1.8)}}.stink-fog{background:linear-gradient(#0000,#78aa3214 45%,#78aa3266);animation:2.5s ease-out both fog;position:absolute;inset:0}.stink.double .stink-fog{background:linear-gradient(#0000,#78aa322e 35%,#78aa3299)}@keyframes fog{0%{opacity:0;transform:translateY(30%)}}.game-over.skunked .title{animation:2.4s ease-in-out .4s 2 queasy}.game-over.skunked .skunk{color:#9bc25a}@keyframes queasy{25%{color:#b5cf7a;transform:rotate(-3deg)translate(-3px)}75%{transform:rotate(3deg)translate(3px)}}.auction-sheet{gap:14px;display:grid}.auction-lot{align-items:flex-start;gap:14px;display:flex}.auction-lot .mod-card.md{--w:min(34vw, 140px);flex:none}.auction-info{flex-direction:column;gap:4px;font-size:14px;display:flex}.auction-info p{margin:4px 0}.auction-bid{justify-items:center;gap:10px;display:grid}.stepper{align-items:center;gap:18px;display:flex}.stepper .btn{min-width:48px;font-size:22px}.auction-bid .foot-actions{justify-content:flex-end;width:100%}.replace-option.chosen{border-color:var(--accent);background:#f2a5411f}.auction-waiting{text-align:center}.hold-peek .card.peek-big{--w:min(46vw, 210px, 30dvh);box-shadow:0 18px 50px #0009}.card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.log-sheet{flex-direction:column;max-height:calc(100dvh - 40px);display:flex}.log-list.sheet-log{border:1px solid var(--line);background:#0000002e;border-radius:8px;flex:auto;min-height:0;max-height:62dvh;margin:8px 0 12px}.game-log-link{margin:10px auto 0;display:block}.build-stamp{text-align:center;margin:0;font-size:11px;line-height:1.5}.menu .build-stamp{margin-top:14px}.face-badge-suit{--glyph-h:.9em;color:var(--card-ink)}.face-badge-suit.red,.chip-suit.red{color:var(--card-red)}.mod-card .stored-count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);font:700 11px/18px var(--font-ui);text-align:center;border-radius:9px;padding:0 4px;position:absolute;bottom:2px;right:2px;box-shadow:0 1px 3px #00000080}.choice-options{flex-wrap:wrap;gap:8px;display:flex}.choice-playing-cards{flex-wrap:wrap;gap:8px;max-height:46dvh;padding-top:14px;display:flex;overflow-y:auto}.choice-card{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.choice-owner{font-size:11px}.value-choice{gap:8px;display:flex}.value-choice .btn{min-width:56px;font-size:18px}.pile-card .played-as{z-index:1}.topbar{z-index:35;position:relative}.topbar-title{text-align:left}.inspector-buttons{gap:4px;display:flex}.icon-btn.inspect-btn{width:36px;height:36px;color:var(--ink)}.icon-btn.inspect-btn:hover{background:#ffffff14}.sheet-backdrop.top{top:calc(env(safe-area-inset-top) + 52px)}.sheet.top-sheet{padding-top:14px}.inspector{z-index:40;max-width:640px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--panel-solid);flex-direction:column;margin:0 auto;animation:.15s ease-out fade;display:flex;position:fixed;inset:0;box-shadow:0 0 0 100vmax #00000080}.inspector-back{border:1px solid var(--line);color:var(--ink);font:600 15px var(--font-ui);text-align:left;cursor:pointer;background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;margin:10px 12px 0;padding:10px 14px;display:flex}.inspector-back.waiting{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f2a54129}.inspector-back b{color:var(--accent)}.inspector-tabs{border-bottom:1px solid var(--line);gap:4px;margin:10px 12px 0;display:flex}.inspector-tabs button{color:var(--ink-soft);font:600 14px var(--font-ui);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 10px;display:flex}.inspector-tabs button.on{border-bottom-color:var(--accent);color:var(--ink)}.inspector-body{flex:1;min-height:0;padding:12px 14px 24px;overflow-y:auto}.inspect-section+.inspect-section{margin-top:16px}.inspect-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px;font-size:13px;font-weight:700}.inspect-section h3 .dim{text-transform:none;letter-spacing:0;font-weight:500}.inspect-cards{flex-wrap:wrap;gap:6px;display:flex}.inspect-cards .card{--w:min(15vw, 64px)}.inspect-count+.inspect-count{margin-top:8px}.inspect-count>.dim{margin-bottom:4px;font-size:12px;display:block}.inspect-mods{gap:8px;margin:0;padding:0;list-style:none;display:grid}.inspect-mods li{align-items:flex-start;gap:10px;font-size:13px;display:flex}.inspect-mods li>span{flex-direction:column;gap:2px;display:flex}.inspect-mods .mod-card.sm{--w:44px;flex:none}.log-list.inspect-log{height:auto;padding:0}.hide-sheet{border:1px solid var(--line);color:var(--ink-soft);font:600 12px var(--font-ui);cursor:pointer;background:#ffffff0d;border-radius:6px;margin-left:auto;padding:4px 10px}.sheet-head-row .hide-sheet,.sheet-head .hide-sheet,.shop-head .hide-sheet{flex:none}.sheet.top-sheet>.hide-sheet{float:right}.resume-pill{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:25;background:var(--accent);color:var(--accent-ink);font:600 15px var(--font-ui);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;animation:1.6s ease-in-out infinite pill-pulse;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000073}@keyframes pill-pulse{50%{box-shadow:0 8px 24px #00000073,0 0 0 6px #f2a5414d}}.inspect-mods .copying{color:var(--accent)}.card-sets{gap:6px;margin-top:10px;display:grid}.card-sets-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:13px;font-weight:700}.card-set{border:1px solid var(--line);cursor:pointer;background:#00000026;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;display:flex}.card-set.on{border-color:var(--accent);background:#f2a5411a}.card-set input{accent-color:var(--accent);margin-top:3px}:root[data-suits=four]{--card-club:#1f5fb4;--card-diamond:#d96b0b;--felt-club:#74abf2;--felt-diamond:#f39a45}:root[data-suits=four] .card.face.suit-C,:root[data-suits=four] .mini-chip.suit-C,:root[data-suits=four] .cascade-card.suit-C,:root[data-suits=four] .face-badge-suit.suit-C,:root[data-suits=four] .chip-suit.suit-C{color:var(--card-club)}:root[data-suits=four] .card.face.suit-D,:root[data-suits=four] .mini-chip.suit-D,:root[data-suits=four] .cascade-card.suit-D,:root[data-suits=four] .face-badge-suit.suit-D,:root[data-suits=four] .chip-suit.suit-D{color:var(--card-diamond)}:root[data-suits=four] .title-suits .suit-C,:root[data-suits=four] .suit-colors-sample .suit-C{color:var(--felt-club)}:root[data-suits=four] .title-suits .suit-D,:root[data-suits=four] .suit-colors-sample .suit-D{color:var(--felt-diamond)}.suit-colors-toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.suit-colors-toggle input{width:18px;height:18px;accent-color:var(--accent)}.suit-colors-sample{vertical-align:-2px;gap:3px;display:inline-flex}.suit-colors-sample svg{--glyph-h:13px}.suit-colors-sample .suit-H,.suit-colors-sample .suit-D{color:#e0574b}.settings-group{flex-direction:column;gap:8px;margin:14px 0 18px;display:flex}.settings-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:13px;font-weight:700}.board-option{border:1px solid var(--line);cursor:pointer;background:#00000026;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:8px 10px;padding:10px 12px;font-size:14px;display:grid}.board-option.on{border-color:var(--accent);background:#f2a5411a}.board-option .pegboard{grid-column:1/-1;max-width:100%}.settings .btn.primary{width:100%}.pegboard .groove-path{fill:none;stroke:#00000029;stroke-linejoin:round;stroke-linecap:round}.pegboard .street-tick{stroke:#fff0dc73;stroke-width:1px}.pegboard .street-label.small{font-size:6.5px}.copy-inset{--inset-w:calc(var(--w) * .58);pointer-events:none;position:absolute;bottom:5%;right:8%;transform:rotate(5deg)}.mod-card .copy-inset .mod-card{--w:var(--inset-w);box-shadow:0 0 0 calc(var(--w) * .03) var(--accent), 0 2px 6px #0009}.peek-info .copying,.hold-peek-text .copying{border-left:3px solid var(--accent);background:#f2a54114;margin-top:0;padding:6px 8px;font-size:14px}.own-hand-strip{justify-content:center;align-items:center;gap:10px;margin:6px 12px 0;display:flex}.own-hand-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:700}.own-hand-cards{gap:4px;display:flex}.own-hand-cards .card.mini{--w:calc(var(--table-card-w) * .8)}@media (width>=700px) and (aspect-ratio>=5/4){.sheet-backdrop.top{background:0 0;justify-content:flex-start;align-items:flex-end;padding:0 0 12px max(0px,50vw - 640px)}.sheet.top-sheet{border:1px solid var(--line);border-radius:14px;width:384px;max-height:60dvh;margin:0 8px;padding:14px 16px;animation:.3s ease-out sheet-up;box-shadow:0 12px 32px #00000080}}.log-note{border-left:3px solid var(--accent);color:var(--ink-soft);background:#f2a54114;margin:0 0 8px;padding:6px 8px;font-size:13px}.history-head .export-logs{margin-left:auto}.stranded-note{border:1px solid var(--accent);background:#f2a5411a;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.stranded-note p{margin:0}.rulings{color:var(--ink-soft);background:#0000002e;border-radius:8px;flex-direction:column;gap:4px;margin:0;padding:8px 10px 8px 26px;font-size:13.5px;line-height:1.4;display:flex}.rulings li::marker{color:var(--accent)}.count-aftermath{margin:12px 0 0;font-size:13.5px}.count-aftermath ul{margin:4px 0 0;padding-left:18px}.count-new-global{border:1px solid var(--accent);background:#f2a5411a;border-radius:10px;margin:12px 0 0;padding:10px 12px;animation:.5s ease-out .4s backwards new-global-in}.count-new-global h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:13px}.count-new-global p{margin:8px 0 0;font-size:13px}.new-global{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;padding:0;display:flex}.new-global+.new-global{margin-top:8px}.new-global>span{flex-direction:column;gap:2px;font-size:13.5px;display:flex}.new-global .mod-card.sm{--w:48px}@keyframes new-global-in{0%{opacity:0;transform:translateY(6px)}}.random-throw{margin:6px 0 0;font-size:13px}.crib-stack .stacked.revealed{top:0;left:calc(var(--i) * var(--table-card-w) * -.55);z-index:calc(10 - var(--i))}.auction-results{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;font-size:13.5px;list-style:none;display:flex}.auction-results li{background:#0000002e;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.auction-results li.won{box-shadow:inset 3px 0 0 var(--accent);background:#f2a5411a}.auction-results .mod-card.sm{--w:36px}.online-title{text-align:center;color:var(--card);margin:0;font-size:clamp(26px,8vw,36px)}.online-field,.online-create,.room-code-block{gap:8px;display:grid}.online-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:13px;font-weight:700}.seed-input.name-input{letter-spacing:normal;font:600 16px/1 inherit}.online-or{text-align:center;font-size:13px}.online-error{color:var(--ink);background:#7a23358c;border-radius:6px;margin:0;padding:10px 12px}.online-status{text-align:center;margin:0}.room-code-block{text-align:center;justify-items:center}.room-code{letter-spacing:.18em;color:var(--accent);-webkit-user-select:all;user-select:all;font:700 clamp(44px,16vw,64px)/1 ui-monospace,SF Mono,Menlo,monospace}.online-banner{z-index:60;top:calc(52px + env(safe-area-inset-top));border:1px solid var(--line);background:var(--panel-solid);pointer-events:auto;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.online-banner.fatal{border-color:var(--back)}.settings-note{font-size:12px}.mod-card .held-strip{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:2px;display:flex;position:absolute;bottom:3px;left:2px;right:2px}.mod-card .held-strip .mini-chip{--glyph-h:7px;gap:1px;padding:2px 3px;box-shadow:0 1px 3px #0000008c}.mod-card .held-strip .chip-suit{--glyph-h:7px}.mod-card .held-more{background:var(--accent);color:var(--accent-ink);font:700 10px/1.4 var(--font-ui);border-radius:3px;padding:1px 4px;box-shadow:0 1px 3px #0000008c}.held-note{flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;display:flex}.waiting-note{flex-direction:column;align-items:flex-end;gap:6px;display:inline-flex}.countdown-line{background:var(--ink-faint);transform-origin:0;width:120px;height:4px;animation:countdown var(--countdown) linear forwards;border-radius:2px;display:block}
