:root{--bg:#111;--fg:#fff;--muted:#888;--card-w:150px;--radius:12px;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}body{min-height:100vh;margin:0}button{font:inherit;cursor:pointer;border:2px solid var(--fg);color:var(--fg);background:0 0;border-radius:6px;padding:10px 18px}button:hover:not(:disabled){background:var(--fg);color:#000}button:disabled{opacity:.35;cursor:not-allowed}button.primary{background:var(--fg);color:#000}button.primary:hover:not(:disabled){background:#ddd}input{font:inherit;border:2px solid var(--fg);color:var(--fg);background:0 0;border-radius:6px;width:100%;max-width:320px;padding:10px 14px}input::placeholder{color:var(--muted);font-weight:400}input.code{text-transform:uppercase;letter-spacing:.3em;text-align:center}.app{max-width:960px;margin:0 auto;padding:24px 16px 48px}.title{margin:0 0 4px;font-size:clamp(28px,6vw,48px);line-height:1}.sub{color:var(--muted);margin:0 0 32px;font-weight:400}.stack{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted{color:var(--muted);font-weight:400}.err{font-weight:400;text-decoration:underline}.code-big{letter-spacing:.2em;margin:8px 0 16px;font-size:56px}.home{grid-template-rows:auto 1fr auto;gap:40px;min-height:100vh;display:grid}.hero-title{letter-spacing:-.035em;margin:0;font-size:clamp(40px,8.5vw,88px);line-height:.88}.hero-title span{display:block}.ghost-link{color:var(--muted);padding-top:6px;font-weight:400;text-decoration:none}.ghost-link:hover{color:var(--fg)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.lede{max-width:32ch;margin:0;font-size:20px}.menu input:not(.code){font-size:18px}.menu>button{padding:14px 36px;font-size:18px}.menu{align-self:stretch;max-width:320px}.menu>input,.menu>button,.submenu,.submenu>button{width:100%}.submenu{border-left:2px solid var(--muted);gap:8px;padding-left:12px}.submenu .row{flex-wrap:nowrap}.submenu .code{flex:1;min-width:0}.menu>button:not(.primary){background:#1c1c1c;box-shadow:inset 0 0 0 1px #000}.menu>button:not(.primary):hover:not(:disabled){color:var(--fg);background:#2e2e2e}.rule{border:0;border-top:2px solid #333;width:100%;margin:4px 0}footer.muted{font-size:14px}@media (width<=760px){.hero{grid-template-columns:1fr;gap:32px}.home{gap:28px}}.deal{flex-direction:column;gap:20px;display:flex}.deal-cards{align-items:flex-start;padding:12px 0 12px 8px;display:flex}.deal-cards .card{box-shadow:0 18px 40px #0009}.deal-cards .card:first-child{animation:.5s cubic-bezier(.2,.8,.2,1) both deal-in;transform:rotate(-5deg)}.deal-cards .card:last-child{animation:.5s cubic-bezier(.2,.8,.2,1) .12s both deal-in;transform:rotate(4deg)translate(-14px,14px)}@keyframes deal-in{0%{opacity:0;transform:translateY(48px)rotate(0)}}.deal-line{max-width:34ch;min-height:2.6em;margin:0;font-size:22px;line-height:1.3}.caret{background:var(--fg);vertical-align:-.1em;width:3px;height:.9em;margin-left:3px;animation:.8s steps(2,jump-none) infinite blink;display:inline-block}@keyframes blink{to{opacity:0}}@media (prefers-reduced-motion:reduce){.deal-cards .card,.caret,.overlay,.confetti span{animation:none}}.overlay{z-index:10;background:#000000d1;place-items:center;padding:24px;animation:.25s both fade-in;display:grid;position:fixed;inset:0;overflow:hidden}.overlay-body{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.overlay-body .status{margin:0;font-size:26px}.overlay-body .quote{max-width:34ch;margin:0 0 -8px}.overlay-body .deal-cards{padding:12px 20px 16px 8px}.overlay-body .deal-cards .card:first-child{animation:.45s cubic-bezier(.2,.8,.2,1) both deal-in}.overlay-body .deal-cards .card:last-child{animation:.45s cubic-bezier(.2,.8,.2,1) .1s both deal-in}@keyframes fade-in{0%{opacity:0}}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{opacity:0;border-radius:2px;animation:linear both confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(110vh) rotate(var(--spin));opacity:.8}}.card{width:var(--card-w);aspect-ratio:5/7;border-radius:var(--radius);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:14px;font-size:15px;line-height:1.25;transition:transform .12s;display:flex;position:relative}.card .gloss{opacity:.55;margin-top:8px;font-size:10px;font-weight:400;line-height:1.3}.card.big .gloss{margin-top:10px;font-size:12px}.card .brand{opacity:.6;letter-spacing:.02em;font-size:8px;font-weight:700}.card.black{color:#fff;background:#000;border:1px solid #333}.card.white{color:#000;background:#fff}.card.big{--card-w:220px;padding:20px;font-size:22px}.card.big .brand{font-size:10px}.card.pickable{cursor:pointer}.card.pickable:hover{transform:translateY(-8px)rotate(-1deg);box-shadow:0 12px 30px #0009}.card.winner{outline-offset:3px;outline:4px solid #fff;transform:translateY(-10px)}.hand.reveal .card:not(.winner){opacity:.4}.card.hidden{color:#0000;background:#fff}.card.hidden:after{content:"";background:repeating-linear-gradient(45deg,#eee 0 8px,#fff 8px 16px);border-radius:6px;position:absolute;inset:14px}.hand{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.pitch{flex-wrap:wrap;align-items:flex-start;gap:10px;margin:16px 0;display:flex}.quote{margin:0 0 12px;font-size:22px}.blank{text-decoration:underline;text-decoration-thickness:3px}.score{flex-wrap:wrap;gap:16px;margin:16px 0 0;padding:0;font-weight:400;list-style:none;display:flex}.score li b{margin-right:6px;font-size:20px}.score li.czar:after{content:" (Czar)";color:var(--muted)}.score li.done:before{content:"✓ "}.section{margin-top:28px}.status{margin:16px 0 8px;font-size:20px}@media (width<=480px){:root{--card-w:130px}.card{font-size:14px}.deal-cards .card.big{--card-w:150px;padding:14px;font-size:16px}.deal-line{font-size:19px}}
