:root{--bg:#0e0f13;--panel:#191b22;--panel-2:#22242e;--line:#2e313d;--fg:#e8e8ea;--muted:#8b8d98;--green:#538d4e;--yellow:#b59f3b;--gray:#3a3a3c;--chips:#4a9eff;--mult:#ff5c5c;--gold:#f0b429;--rare-common:#6b7280;--rare-uncommon:#3d8f6a;--rare-rare:#3f6fd8;--rare-legendary:#a855f7;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100dvh;overflow:hidden}body{background:var(--bg);color:var(--fg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}#app{height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;display:flex}.screen{flex-direction:column;flex:1;gap:.375rem;width:100%;max-width:30rem;min-height:0;margin-inline:auto;padding:.5rem;display:flex}.screen.center{justify-content:center;align-items:center;gap:1.25rem}.hud{background:var(--panel);border-radius:.5rem;flex:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .625rem;display:flex}.blind-name{font-size:.9375rem;font-weight:700}.ante{color:var(--muted);letter-spacing:.04em;font-size:.6875rem}.hud-score{text-align:center;font-variant-numeric:tabular-nums}.hud-score .score{font-size:1.375rem;font-weight:800;line-height:1.1}.hud-score .target{color:var(--muted);font-size:.6875rem}.hud-gold{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:800}.boss{background:color-mix(in srgb, var(--mult) 18%, var(--panel));border:1px solid color-mix(in srgb, var(--mult) 40%, transparent);border-radius:.5rem;flex:none;padding:.375rem .625rem;font-size:.6875rem;line-height:1.3}.boss strong{color:var(--mult)}.jokers{scrollbar-width:none;flex:none;gap:.25rem;display:flex;overflow-x:auto}.jokers::-webkit-scrollbar{display:none}.joker{background:var(--panel-2);border-top:2px solid var(--rare-common);text-align:center;border-radius:.375rem;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.125rem;min-width:3.5rem;min-height:2.5rem;padding:.25rem;transition:transform .12s;display:flex}.joker.empty{border:1px dashed var(--line);background:0 0;border-top-width:1px}.joker.rarity-uncommon{border-top-color:var(--rare-uncommon)}.joker.rarity-rare{border-top-color:var(--rare-rare)}.joker.rarity-legendary{border-top-color:var(--rare-legendary)}.joker-name{font-size:.625rem;font-weight:700;line-height:1.15}.joker .sell{color:var(--gold);font-size:.5625rem}.joker.fired{box-shadow:0 0 0 2px var(--gold);transform:translateY(-3px)scale(1.06)}.consumables{flex:none;gap:.25rem;display:flex}.consumable{background:color-mix(in srgb, var(--rare-legendary) 16%, var(--panel));border:1px solid color-mix(in srgb, var(--rare-legendary) 45%, transparent);text-align:left;border-radius:.375rem;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:.0625rem;padding:.25rem .5rem;display:flex}.consumable-name{font-size:.6875rem;font-weight:700}.consumable-text{color:var(--muted);font-size:.5625rem;line-height:1.2}.grid-wrap{flex:auto;min-height:0;display:flex;container-type:size}.grid{grid-template-rows:repeat(var(--rows,6), 1fr);aspect-ratio:var(--cols,5) / var(--rows,6);width:100%;width:min(100%, calc(100cqh * var(--cols,5) / var(--rows,6)));font-size:1.25rem;font-size:min(calc(45cqh / var(--rows,6)), calc(45cqw / var(--cols,5)));gap:.3125rem;margin:auto;display:grid}.row{grid-template-columns:repeat(var(--cols,5), 1fr);gap:.3125rem;display:grid}.tile{border:2px solid var(--line);border-radius:.25rem;place-items:center;min-width:0;min-height:0;font-weight:700;transition:transform 90ms,background-color 90ms linear;display:grid}.tile.filled{border-color:var(--muted)}.tile.ghost{border-style:dashed;border-color:var(--green);color:color-mix(in srgb, var(--green) 70%, var(--fg))}.tile.green{background:var(--green);border-color:var(--green)}.tile.yellow{background:var(--yellow);border-color:var(--yellow)}.tile.gray{background:var(--gray);border-color:var(--gray)}.tile.pending{border-color:var(--muted);background:0 0}.tile.flip{animation:.38s ease-in-out flip}@keyframes flip{50%{transform:scaleY(.04)}}.readout{font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;gap:.5rem;padding:.25rem;font-size:1.125rem;font-weight:800;display:flex;position:relative}.readout .chips{text-align:right;background:color-mix(in srgb, var(--chips) 22%, var(--panel));min-width:3.5rem;color:var(--chips);border-radius:.25rem;padding:.125rem .5rem}.readout .times{color:var(--muted);font-size:.875rem}.readout .mult{text-align:left;background:color-mix(in srgb, var(--mult) 22%, var(--panel));min-width:3.5rem;color:var(--mult);border-radius:.25rem;padding:.125rem .5rem}.readout.popped{animation:.3s pop}@keyframes pop{50%{transform:scale(var(--pop,1.14))}}.screen.shaking{animation:.4s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate3d(calc(var(--shake,4px) * -.4), 0, 0)}20%,80%{transform:translate3d(calc(var(--shake,4px) * .7), 0, 0)}30%,50%,70%{transform:translate3d(calc(var(--shake,4px) * -1), 0, 0)}40%,60%{transform:translate3d(var(--shake,4px), 0, 0)}}.floater{white-space:nowrap;color:var(--gold);pointer-events:none;font-size:.75rem;font-weight:700;animation:.9s ease-out forwards rise;position:absolute;bottom:100%;left:50%}@keyframes rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-2.5rem)}}.keyboard{--key-gap:.25rem;--key-w:calc((100% - 9 * var(--key-gap)) / 10);--key-h:clamp(2.75rem, 7dvh, 3.375rem);flex-direction:column;flex:none;gap:.375rem;display:flex}.key-row{justify-content:center;gap:var(--key-gap);display:flex}.key{flex:0 0 var(--key-w);min-width:0;height:var(--key-h);background:#565758;border-radius:.25rem;place-items:center;font-size:1rem;font-weight:700;display:grid;position:relative}.key.wide{flex-basis:calc(var(--key-w) * 1.5 + var(--key-gap) * .5);font-size:.6875rem}.key.green{background:var(--green)}.key.yellow{background:var(--yellow)}.key.gray{background:var(--gray);color:var(--muted)}.key.etched{box-shadow:inset 0 0 0 2px var(--gold)}.key.burnt{color:#4a4b52;background:#1b1c20;text-decoration:line-through}.etch-pip{color:var(--gold);font-size:.5rem;position:absolute;top:1px;right:3px}.key:active{filter:brightness(1.35)}.shop-screen{overflow-y:auto}.shop-items{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.shop-item{background:var(--panel-2);border-top:3px solid var(--rare-common);text-align:left;border-radius:.5rem;flex-direction:column;gap:.25rem;min-height:6.5rem;padding:.5rem;display:flex}.shop-item.rarity-uncommon{border-top-color:var(--rare-uncommon)}.shop-item.rarity-rare{border-top-color:var(--rare-rare)}.shop-item.rarity-legendary{border-top-color:var(--rare-legendary)}.shop-item.broke{opacity:.45}.shop-item.sold{border:1px dashed var(--line);color:var(--muted);background:0 0;justify-content:center;align-items:center;font-size:.75rem}.shop-item-name{font-size:.8125rem;font-weight:700}.shop-item-text{color:var(--muted);flex:1;font-size:.6875rem;line-height:1.3}.shop-item-cost{color:var(--gold);font-size:.875rem;font-weight:800}.shop-actions{gap:.5rem;display:flex}.owned-label{color:var(--muted);padding:.25rem 0;font-size:.6875rem}.primary,.secondary,.danger{background:var(--green);border-radius:.5rem;flex:1;padding:.75rem 1rem;font-weight:700}.secondary{background:var(--panel-2)}.danger{border:1px solid color-mix(in srgb, var(--mult) 50%, transparent);color:var(--mult);background:0 0}.primary:disabled,.secondary:disabled{opacity:.4}.panel{background:var(--panel);border-radius:.75rem;flex-direction:column;gap:.5rem;width:min(100%,22rem);padding:1rem;display:flex}.reward-line{color:var(--muted);justify-content:space-between;font-size:.875rem;display:flex}.reward-line.total{border-top:1px solid var(--line);color:var(--gold);padding-top:.5rem;font-size:1rem;font-weight:800}.banner{letter-spacing:.04em;font-size:1.75rem;font-weight:800}.banner.win{color:var(--green)}.banner.lose{color:var(--mult)}.answer-note{letter-spacing:.06em;font-size:1rem;font-weight:700}.score-note{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.intro{cursor:pointer}.intro-ante{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.intro-card{border:2px solid var(--line);background:linear-gradient(160deg, var(--panel-2), var(--panel));border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;width:min(100%,20rem);padding:1.5rem 1rem;animation:.32s cubic-bezier(.2,1.1,.4,1) deal;display:flex}.intro-card.boss-card{border-color:var(--mult);background:linear-gradient(160deg, color-mix(in srgb, var(--mult) 22%, var(--panel)), var(--panel))}@keyframes deal{0%{opacity:0;transform:translateY(12px)scale(.94)}}.intro-name{letter-spacing:.02em;font-size:1.5rem;font-weight:800}.intro-rule{text-align:center;color:color-mix(in srgb, var(--mult) 55%, var(--fg));padding:0 .5rem;font-size:.8125rem}.intro-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.75rem;font-size:.6875rem}.intro-target{color:var(--chips);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800;line-height:1.1}.intro-meta{color:var(--muted);font-size:.75rem}.mute{color:var(--muted);background:var(--panel);border-radius:999px;padding:.375rem .75rem;font-size:.75rem}.screen.center .primary,.screen.center .secondary{flex:none;width:min(100%,22rem)}.title-name{letter-spacing:.15em;text-indent:.15em;color:var(--green);font-size:3.5rem;font-weight:800}.title-tag{color:var(--muted);margin-top:-.75rem;font-size:.875rem}.overlay{z-index:10;padding:1rem;padding-bottom:calc(var(--safe-bottom) + 1rem);background:#000a;justify-content:center;align-items:flex-end;animation:.14s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:1rem;flex-direction:column;gap:.75rem;width:min(100%,26rem);max-height:min(80dvh,40rem);padding:1.25rem;animation:.18s cubic-bezier(.2,.8,.3,1) rise-sheet;display:flex}@keyframes rise-sheet{0%{opacity:0;transform:translateY(1.5rem)}}.sheet-title{font-size:1.25rem;font-weight:800}.sheet-body{min-height:0;color:var(--muted);overscroll-behavior:contain;flex-direction:column;gap:.625rem;font-size:.875rem;line-height:1.45;display:flex;overflow-y:auto}.sheet-lead{color:var(--fg)}.sheet-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:.375rem;font-size:.75rem}.rule strong{color:var(--fg)}.sheet-actions{flex-direction:column;gap:.5rem;display:flex}.menu-button{background:var(--panel-2);width:2rem;height:2rem;color:var(--muted);border-radius:.375rem;flex:none;place-items:center;font-size:.875rem;display:grid}.toast{left:50%;bottom:calc(var(--safe-bottom) + 1rem);border:1px solid var(--line);text-align:center;opacity:0;pointer-events:none;background:#000c;border-radius:.5rem;max-width:90vw;padding:.5rem .875rem;font-size:.75rem;position:fixed;transform:translate(-50%)}.toast.show{animation:2.2s forwards toast}@keyframes toast{0%,85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}