:root{--ink: #16130f;--ink-2: #211d17;--chalk: #f2ead8;--chalk-dim: #9b937f;--red: #e8442e;--red-deep: #b32a18;--card-face: #faf5e8;--card-ink: #1c1813;--line: #3a342a;--font-display: "Anton", "Arial Narrow", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--chalk);font-family:var(--font-mono);min-height:100dvh;background-image:radial-gradient(120% 90% at 50% 0%,#241f17 0%,var(--ink) 55%,#0e0c09 100%)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.shell{position:relative;min-height:100dvh;overflow-x:hidden}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.screen{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:clamp(20px,5vw,36px) 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:26px;min-height:100dvh}.masthead{text-align:left;padding-top:8px}.overline{font-size:11px;letter-spacing:.32em;color:var(--red);font-weight:700;margin-bottom:6px}.masthead h1{font-family:var(--font-display);font-size:clamp(88px,26vw,132px);line-height:.92;letter-spacing:.01em;color:var(--chalk);text-transform:uppercase;animation:rise .55s cubic-bezier(.2,.9,.25,1) both}.masthead h1.smaller{font-size:clamp(64px,20vw,104px)}.masthead .dot{color:var(--red)}.tagline{margin-top:12px;font-size:11px;letter-spacing:.18em;color:var(--chalk-dim);line-height:1.8;max-width:34ch}.legend{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff08,#00000040);padding:6px 18px 14px}.legend-row{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px dashed var(--line);animation:rise .5s cubic-bezier(.2,.9,.25,1) both}.legend-row:nth-child(1){animation-delay:.05s}.legend-row:nth-child(2){animation-delay:.12s}.legend-row:nth-child(3){animation-delay:.19s}.legend-row:nth-child(4){animation-delay:.26s}.legend-suit{font-size:30px;line-height:1;width:36px;text-align:center}.legend-row.red .legend-suit{color:var(--red)}.legend-row.dark .legend-suit{color:var(--chalk)}.legend-name{font-family:var(--font-display);font-size:24px;letter-spacing:.06em;text-transform:uppercase}input.legend-name{flex:1;min-width:0;background:none;border:none;border-bottom:1px dashed transparent;border-radius:0;padding:0 0 2px;color:var(--chalk);caret-color:var(--red);transition:border-color .15s}input.legend-name:focus{outline:none;border-bottom-color:var(--red)}.legend-note{padding-top:14px;font-size:10px;letter-spacing:.22em;color:var(--chalk-dim);text-align:center}.legend-note span{display:block;margin-top:6px;color:var(--red);opacity:.8}.legend-reset{display:block;margin:10px auto 4px;padding:6px 14px;font-size:9px;letter-spacing:.28em;color:var(--chalk-dim);border:1px solid var(--line)}.legend-reset:active{color:var(--chalk)}.stepper-block{text-align:center}.stepper-label{font-size:11px;letter-spacing:.32em;color:var(--chalk-dim);margin-bottom:12px}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--line);background:#0000004d}.stepper button{width:64px;font-size:28px;color:var(--red);transition:background .15s}.stepper button:active:not(:disabled){background:#e8442e2e}.stepper button:disabled{color:var(--line)}.stepper-value{font-family:var(--font-display);font-size:56px;line-height:1;min-width:96px;padding:10px 0 6px;border-inline:1px solid var(--line);color:var(--chalk)}.stepper-hint{margin-top:10px;font-size:10px;letter-spacing:.28em;color:var(--red)}.big-btn{margin-top:auto;display:block;width:100%;padding:20px 16px 17px;background:var(--red);color:#fff7ec;font-family:var(--font-display);font-size:26px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 0 var(--red-deep),0 14px 30px #00000073;transition:transform .08s,box-shadow .08s}.big-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--red-deep),0 8px 18px #00000073}.ghost-btn{width:100%;padding:12px;font-size:11px;letter-spacing:.28em;color:var(--chalk-dim);border:1px solid var(--line)}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);background:#0000004d}.hud-cell{padding:10px 8px 8px;text-align:center}.hud-cell+.hud-cell{border-left:1px solid var(--line)}.hud-label{display:block;font-size:9px;letter-spacing:.3em;color:var(--chalk-dim)}.hud-value{display:block;font-family:var(--font-display);font-size:28px;line-height:1.1;margin-top:2px}.progress{height:6px;background:var(--ink-2);border:1px solid var(--line)}.progress-fill{height:100%;background:repeating-linear-gradient(-45deg,var(--red) 0 8px,var(--red-deep) 8px 16px);transition:width .5s cubic-bezier(.2,.9,.25,1)}.table{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:6px 0;perspective:900px}.card{position:relative;width:clamp(74px,21vw,96px);aspect-ratio:5 / 7;background:linear-gradient(165deg,#fffbef 0%,var(--card-face) 60%,#efe6d2 100%);border-radius:9px;box-shadow:0 2px #ffffff40 inset,0 10px 22px #00000080;transform:rotate(var(--tilt));animation:deal .5s cubic-bezier(.2,.9,.25,1) both;animation-delay:calc(var(--i) * .1s)}.card.red{color:var(--red-deep)}.card.dark{color:var(--card-ink)}.card-corner{position:absolute;top:7px;left:8px;font-family:var(--font-display);font-size:18px;line-height:.95;text-align:center}.card-corner em{display:block;font-style:normal;font-size:13px}.card-corner.flip{top:auto;left:auto;bottom:7px;right:8px;transform:rotate(180deg)}.card-pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(34px,10vw,46px)}.orders{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff08,#00000040);padding:14px 18px 6px}.orders-title{font-size:10px;letter-spacing:.3em;color:var(--red);font-weight:700;padding-bottom:6px;border-bottom:1px solid var(--line)}.order-row{display:flex;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);animation:rise .45s cubic-bezier(.2,.9,.25,1) both}.order-row:nth-child(2){animation-delay:.3s}.order-row:nth-child(3){animation-delay:.4s}.order-row:nth-child(4){animation-delay:.5s}.order-row:nth-child(5){animation-delay:.6s}.order-row:last-child{border-bottom:none}.order-reps{font-family:var(--font-display);font-size:44px;line-height:1;min-width:64px;text-align:right;color:var(--chalk)}.order-row.red .order-reps{color:var(--red)}.order-name{font-size:13px;letter-spacing:.14em;text-transform:uppercase}.order-name em{font-style:normal;margin-left:8px;color:var(--chalk-dim)}.remaining{border:1px solid var(--line);background:#0000004d;padding:10px 12px 12px}.remaining-title{font-size:9px;letter-spacing:.3em;color:var(--chalk-dim);text-align:center;margin-bottom:8px}.remaining-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.remaining-cell{text-align:center;padding:8px 2px 6px;border:1px dashed var(--line)}.remaining-suit{display:block;font-size:14px;line-height:1}.remaining-cell.red .remaining-suit{color:var(--red)}.remaining-cell.dark .remaining-suit{color:var(--chalk)}.remaining-count{display:block;font-family:var(--font-display);font-size:24px;line-height:1.15;color:var(--chalk)}.remaining-name{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--chalk-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:2px}.finals{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff08,#00000040);padding:0 18px 8px}.final-hero{display:grid;grid-template-columns:1fr 1fr;text-align:center;border-bottom:1px solid var(--line);padding:18px 0 14px}.final-hero>div+div{border-left:1px solid var(--line)}.final-big{display:block;font-family:var(--font-display);font-size:clamp(40px,12vw,54px);line-height:1;color:var(--red)}.final-label{display:block;margin-top:6px;font-size:9px;letter-spacing:.3em;color:var(--chalk-dim)}.done .big-btn{margin-top:auto}@keyframes deal{0%{opacity:0;transform:translateY(46px) rotate(calc(var(--tilt) * 4)) scale(.7)}to{opacity:1;transform:translateY(0) rotate(var(--tilt)) scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.big-btn:hover{filter:brightness(1.1)}.stepper button:hover:not(:disabled){background:#e8442e1f}.ghost-btn:hover{color:var(--chalk);border-color:var(--chalk-dim)}}@media(min-width:700px){.screen{max-width:680px;gap:30px}.masthead h1{font-size:clamp(120px,18vw,168px)}.masthead h1.smaller{font-size:clamp(88px,14vw,128px)}.tagline{font-size:12px;max-width:none}.legend-name{font-size:28px}.legend-suit{font-size:34px;width:44px}.card{width:clamp(100px,14vw,126px)}.table{gap:16px}.card-corner{font-size:22px}.card-corner em{font-size:16px}.card-pip{font-size:clamp(46px,7vw,58px)}.hud-value{font-size:34px}.hud-label,.orders-title,.remaining-title{font-size:10px}.order-reps{font-size:54px;min-width:84px}.order-name{font-size:15px}.remaining-count{font-size:30px}.remaining-suit{font-size:17px}.remaining-name{font-size:10px}.big-btn{font-size:30px}}@media(min-width:1080px){.screen{max-width:1100px;padding-inline:40px}.screen.setup{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto auto;grid-template-areas:"masthead legend" "masthead stepper" "btn btn";column-gap:64px;align-items:start;align-content:start;min-height:0}.setup .big-btn{margin-top:24px}.setup .masthead{grid-area:masthead;position:sticky;top:36px}.setup .masthead h1{font-size:clamp(160px,18vw,220px)}.setup .legend{grid-area:legend}.setup .stepper-block{grid-area:stepper}.setup .big-btn{grid-area:btn;margin-top:12px}.screen.live{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:"hud hud" "progress progress" "table orders" "table remaining" "btn btn";column-gap:40px;align-content:start;min-height:0}.live .hud{grid-area:hud}.live .progress{grid-area:progress}.live .table{grid-area:table;align-content:start;align-items:flex-start;padding-top:14px;gap:20px}.live .table.hand-2,.live .table.hand-3,.live .table.hand-4{max-width:296px;margin-inline:auto}.live .orders{grid-area:orders}.live .remaining{grid-area:remaining;align-self:start}.live .big-btn{grid-area:btn;margin-top:16px}.live .card{width:clamp(118px,11vw,134px)}.hud-value{font-size:38px}.order-reps{font-size:60px;min-width:96px}.screen.done{max-width:760px}}@media(prefers-reduced-motion:reduce){.card,.legend-row,.order-row,.masthead h1{animation:none}}