:root{--cream:#F4EBD9;--red:#B44636;--ink:#241A15;--sans:"Space Grotesk",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;--disp:"Bricolage Grotesque","Space Grotesk",Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100vh;min-height:100dvh}body{font-family:var(--sans);background:var(--ink);color:var(--cream);line-height:1.4;overflow-x:hidden}#root{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:max(14px,env(safe-area-inset-top)) 16px 34px}@media(min-height:900px){#root{padding-top:48px}}.stage{position:relative;perspective:1700px;width:min(92vw,calc((100dvh - 110px)*.7143),440px)}.under{position:absolute;inset:0;border-radius:12px;background:var(--red);overflow:hidden;box-shadow:0 12px 26px #00000080,inset 0 0 0 1px #241a1580;z-index:0}.under.a{transform:translate(15px,11px) rotate(5.5deg);filter:brightness(.7)}.under.b{transform:translate(-12px,7px) rotate(-3.6deg);filter:brightness(.85)}.card{position:relative;z-index:1;width:100%;aspect-ratio:63.5/88.9;transform-style:preserve-3d;will-change:transform}@keyframes fwd{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes bwd{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}.card.fwd{animation:fwd .78s cubic-bezier(.55,0,.2,1)}.card.bwd{animation:bwd .78s cubic-bezier(.55,0,.2,1)}@keyframes dealA{0%{transform:translate(120vw,-60vh) rotate(24deg);opacity:0}to{transform:translate(15px,11px) rotate(5.5deg);opacity:1}}@keyframes dealB{0%{transform:translate(120vw,-60vh) rotate(14deg);opacity:0}to{transform:translate(-12px,7px) rotate(-3.6deg);opacity:1}}@keyframes dealTop{0%{transform:translate(120vw,-60vh) rotate(18deg) rotateY(180deg)}to{transform:translate(0) rotate(0) rotateY(180deg)}}@keyframes reveal{0%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.intro-deal .under.a{animation:dealA .5s cubic-bezier(.2,.7,.2,1) .1s both}.intro-deal .under.b{animation:dealB .5s cubic-bezier(.2,.7,.2,1) .4s both}.intro-deal .card{animation:dealTop .5s cubic-bezier(.2,.7,.2,1) .7s both}.intro-reveal .card{animation:reveal .8s cubic-bezier(.55,0,.2,1) both}@media(prefers-reduced-motion:reduce){.intro-deal .under,.intro-deal .card,.intro-reveal .card{animation:none}}.side{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;transform:translateZ(1px);box-shadow:0 20px 44px #0000008c,0 4px 12px #0006,inset 0 0 26px #241a1521,inset 0 0 2px #241a1540}.side:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:12px;opacity:.11;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.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.back:after{opacity:.16}.side *{backface-visibility:hidden;-webkit-backface-visibility:hidden}.face{background:var(--cream);color:var(--ink);padding:24px 26px 26px;text-align:center}.face.red{background:var(--red);color:var(--cream)}.back{transform:rotateY(180deg) translateZ(1px);background:var(--red)}.ornate{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:currentColor}.bar,.body,.nav{position:relative;z-index:1}.bar{display:flex;justify-content:space-between;align-items:center;height:24px;font:600 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}.slot-l,.slot-r{flex:0 0 24px;display:flex;align-items:center}.slot-r{justify-content:flex-end}.barmark{flex:1;border:0;background:transparent;color:inherit;cursor:pointer;font:700 10px/1 var(--sans);letter-spacing:.26em;opacity:.55;padding:6px 4px}.barmark:hover{opacity:.85}.barmark:active{transform:scale(.96)}.help p{font-size:12.5px;margin-bottom:10px}.help p:last-child{margin-bottom:0}.body{flex:1;display:flex;flex-direction:column;gap:11px;padding:10px 0 20px;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 18px),transparent 100%)}.body::-webkit-scrollbar{display:none}.body.mid{justify-content:safe center;-webkit-mask-image:none}h1{font:700 33px/1.02 var(--disp);letter-spacing:-.03em}h2{font:600 23px/1.1 var(--disp);letter-spacing:-.02em}p{font-size:15px}.small{font-size:13px;opacity:.72}.tiny{font-size:11.5px;opacity:.6}.huge{font:700 58px/.86 var(--disp);letter-spacing:-.04em;color:var(--red)}@keyframes riffle{0%{transform:translateY(-14px) rotate(-7deg) scale(.86)}14%{transform:translateY(2px) rotate(4deg) scale(1.04)}28%{transform:translateY(-5px) rotate(-3deg) scale(.97)}42%{transform:translateY(2px) rotate(2.5deg) scale(1.03)}56%{transform:translateY(-2px) rotate(-1.6deg) scale(.99)}70%{transform:translateY(1px) rotate(1deg) scale(1.02)}84%{transform:translateY(0) rotate(-.4deg) scale(1)}92%{transform:translateY(-3px) rotate(0) scale(1.06)}to{transform:translateY(0) rotate(0) scale(1)}}.huge.riffle{display:inline-block;animation:riffle .78s cubic-bezier(.3,.8,.3,1) .42s both}@media(prefers-reduced-motion:reduce){.huge.riffle{animation:none}}.face.red .huge,.face.red .small,.face.red .tiny{color:inherit}.grow{flex:1;min-height:6px}.brand{font:700 42px/1 var(--disp);letter-spacing:.02em;margin-bottom:2px}.wordmark{display:block;width:87%;height:auto;margin:0 auto 2px;color:currentColor}.tagline{font:600 21px/1.15 var(--disp);letter-spacing:-.01em;opacity:.9}.err{font-size:12.5px;color:var(--red);border-top:2.5px solid var(--red);padding-top:9px}.face.red .err{color:inherit;border-color:currentColor}a{color:inherit;text-underline-offset:2px}.nav{display:flex;border-top:1.5px solid currentColor;padding-top:9px;margin-top:10px}.nav button{flex:1;border:0;background:transparent;color:inherit;font:600 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:7px 2px;cursor:pointer;opacity:.45}.nav button.on{opacity:1;color:var(--red)}.act{width:100%;padding:15px;border:1.5px solid currentColor;background:var(--ink);color:var(--cream);font:600 13.5px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;border-radius:4px;cursor:pointer}.act:disabled{opacity:.5;cursor:default}.face.red .act{background:var(--cream);color:var(--red);border-color:var(--cream)}.act.ghost{background:transparent;color:inherit}.face.red .act.ghost{background:transparent;color:inherit;border-color:currentColor}.act.quiet{border-color:transparent;background:transparent;color:inherit;opacity:.72;text-transform:none;letter-spacing:0;font:600 16px/1.15 var(--disp);padding:9px}.face.red .act.quiet{background:transparent;color:inherit;border-color:transparent}.in{font:500 17px/1.3 var(--sans);color:inherit;background:transparent;border:0;border-bottom:1.5px solid currentColor;padding:10px 0;width:100%;outline:0;text-align:center}.in::placeholder{color:currentColor;opacity:.35}.in.code{font:700 26px/1 var(--disp);letter-spacing:.3em;text-align:center}.linky{border:0;background:transparent;color:inherit;cursor:pointer;font:600 12.5px/1.2 var(--sans);letter-spacing:.02em;opacity:.5;padding:8px 4px;text-decoration:underline;text-underline-offset:3px}.linky:hover{opacity:.75}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1.5px solid currentColor;padding:11px 0;cursor:pointer;background:transparent;border-top:0;border-left:0;border-right:0;color:inherit;width:100%;text-align:left;font:inherit}.row .nm{font:600 16px/1.2 var(--disp)}.row .sub{font-size:12.5px;opacity:.65}.row .arw{font-weight:700;opacity:.5}.chip{display:inline-block;font:600 8.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border:1.5px solid var(--red);color:var(--red);padding:4px 6px;border-radius:3px}.chip.fill{background:var(--red);color:var(--cream)}.figs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center;border:1.5px solid currentColor;border-radius:5px;padding:13px 8px}.figs b{display:block;font:700 24px/1 var(--disp);letter-spacing:-.03em;color:var(--red)}.figs span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}textarea.in{resize:none;height:88px;font-size:14.5px;border:1.5px solid currentColor;border-radius:4px;padding:11px;font-family:var(--sans);text-align:left}label span.small{display:block;margin-bottom:-4px}.drop{border:1.5px dashed currentColor;border-radius:6px;flex:1;min-height:130px;display:grid;place-items:center;text-align:center;cursor:pointer;padding:14px;position:relative;overflow:hidden}.drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.tick{display:flex;gap:10px;align-items:flex-start;cursor:pointer;position:relative}.tick input{position:absolute;opacity:0;pointer-events:none}.tick .box{flex:0 0 21px;height:21px;border:1.5px solid currentColor;border-radius:3px;display:grid;place-items:center;font:700 13px/1 var(--sans)}.tick .box:after{content:"✓";opacity:0}.tick input:checked+.box{background:var(--red);border-color:var(--red);color:var(--cream)}.tick input:checked+.box:after{opacity:1}.tick .txt{font-size:12.5px;line-height:1.35;text-align:left}.tick a{font-weight:700}.smark{width:24px;height:24px;padding:0;border:0;background:transparent;color:inherit;display:block;flex:0 0 24px;line-height:0;opacity:.85}.smark svg{display:block;width:100%;height:100%}button.smark{cursor:pointer}button.smark:active{transform:scale(.9)}.count{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.count b{display:block;font:700 34px/1 var(--disp);letter-spacing:-.03em}.count span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.thumb{border:1.5px solid currentColor;border-radius:4px;aspect-ratio:63.5/88.9;position:relative;background:var(--cream) center/contain no-repeat;color:inherit;cursor:pointer;padding:0;overflow:hidden}.thumb.pick{border-color:var(--red);box-shadow:0 0 0 2px var(--red) inset}.thumb-tag{position:absolute;left:0;right:0;bottom:0;background:var(--red);color:var(--cream);font:700 8px/1 var(--sans);letter-spacing:.14em;text-align:center;padding:4px 0}.hero{border:1.5px solid currentColor;border-radius:4px;flex:1;min-height:150px;background:var(--cream) center/contain no-repeat}.hand{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;justify-items:center}.slot{width:100%;aspect-ratio:63.5/88.9;border-radius:5px;position:relative;padding:0;border:1.5px solid currentColor;background:var(--cream) center/contain no-repeat;color:inherit;cursor:pointer;overflow:hidden;display:grid;place-items:center}.slot.empty{border-style:dashed;opacity:.5}.slot.empty svg{width:52%;height:52%}.slot.played{border-color:var(--red)}.slot .tag{position:absolute;left:0;right:0;bottom:0;background:var(--red);color:var(--cream);font:700 7.5px/1.25 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:3px 2px}.slot.sel{box-shadow:0 0 0 2.5px var(--red) inset}.cap{border-left:2.5px solid var(--red);padding:2px 0 2px 11px;font-size:13.5px;white-space:pre-wrap;text-align:left}.entry{display:flex;gap:11px;align-items:center;border-bottom:1.5px solid currentColor;padding:10px 0;text-align:left}.entry .thumb{width:50px;flex:0 0 50px}.entry .nm{font:600 16px/1.2 var(--disp)}.entry .sub{font-size:12.5px;opacity:.65}