:root{--cream:#F4EBD9;--red:#B44636;--ink:#241A15;--sans:"Libre Baskerville",Georgia,"Times New Roman",serif;--disp:"Libre Baskerville",Georgia,"Times New Roman",serif;--h:20px;--t:13.5px;--s:10px;--black:"Manufacturing Consent","Old English Text MT",Georgia,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;touch-action:pan-y;width:min(92vw,calc((100dvh - 110px)*.7143),440px)}.deck{position:absolute;left:0;top:0;width:360px;height:504px;perspective:1700px;zoom:var(--k, 1)}.stage{aspect-ratio:63.5/88.9}.card{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.card.top{z-index:3;transform:translate(0) rotate(0) rotateY(0)}.card.mid{z-index:2;transform:translate(-12px,7px) rotate(-3.6deg) rotateY(180deg)}.card.bot{z-index:1;transform:translate(15px,11px) rotate(5.5deg) rotateY(180deg)}.back:before{content:"";position:absolute;inset:0;border-radius:12px;z-index:1;background:var(--ink);opacity:0;transition:opacity .35s;pointer-events:none}.card.mid .back:before{opacity:.15}.card.bot .back:before{opacity:.3}@keyframes leaveF{0%{transform:translate(0) rotate(0) rotateY(0);z-index:4}48%{transform:translate(108%,-4%) rotate(9deg) rotateY(180deg);z-index:4}49%{transform:translate(108%,-4%) rotate(9deg) rotateY(180deg);z-index:1}to{transform:translate(15px,11px) rotate(5.5deg) rotateY(180deg);z-index:1}}@keyframes arriveF{0%{transform:translate(-12px,7px) rotate(-3.6deg) rotateY(180deg);z-index:3}to{transform:translate(0) rotate(0) rotateY(360deg);z-index:3}}@keyframes settle{0%{transform:translate(15px,11px) rotate(5.5deg) rotateY(180deg);z-index:1}10%{transform:translate(15px,11px) rotate(5.5deg) rotateY(180deg);z-index:1}11%{transform:translate(15px,11px) rotate(5.5deg) rotateY(180deg);z-index:2}to{transform:translate(-12px,7px) rotate(-3.6deg) rotateY(180deg);z-index:2}}@keyframes leaveB{0%{transform:translate(0) rotate(0) rotateY(0);z-index:4}48%{transform:translate(-108%,-4%) rotate(-9deg) rotateY(-180deg);z-index:4}49%{transform:translate(-108%,-4%) rotate(-9deg) rotateY(-180deg);z-index:1}to{transform:translate(15px,11px) rotate(5.5deg) rotateY(-180deg);z-index:1}}@keyframes arriveB{0%{transform:translate(-12px,7px) rotate(-3.6deg) rotateY(180deg);z-index:3}to{transform:translate(0) rotate(0) rotateY(0);z-index:3}}.card.top.fwd{animation:leaveF .8s cubic-bezier(.5,0,.25,1) both}.card.mid.fwd{animation:arriveF .8s cubic-bezier(.5,0,.25,1) both}.card.top.bwd{animation:leaveB .8s cubic-bezier(.5,0,.25,1) both}.card.mid.bwd{animation:arriveB .8s cubic-bezier(.5,0,.25,1) both}.card.bot.fwd,.card.bot.bwd{animation:settle .8s cubic-bezier(.5,0,.25,1) both}@keyframes dealA{0%{transform:translate(120vw,-60vh) rotate(24deg) rotateY(180deg)}to{transform:translate(15px,11px) rotate(5.5deg) rotateY(180deg)}}@keyframes dealB{0%{transform:translate(120vw,-60vh) rotate(14deg) rotateY(180deg)}to{transform:translate(-12px,7px) rotate(-3.6deg) rotateY(180deg)}}@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 .card.bot{animation:dealA .5s cubic-bezier(.2,.7,.2,1) .1s both}.intro-deal .card.mid{animation:dealB .5s cubic-bezier(.2,.7,.2,1) .4s both}.intro-deal .card.top{animation:dealTop .5s cubic-bezier(.2,.7,.2,1) .7s both}.intro-reveal .card.top{animation:reveal .8s cubic-bezier(.55,0,.2,1) both}@media(prefers-reduced-motion:reduce){.intro-deal .card,.intro-reveal .card,.card.fwd,.card.bwd{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);--click:var(--red);padding:24px 26px 26px;text-align:center}.face.red{background:var(--red);color:var(--cream);--click:var(--cream)}.back{transform:rotateY(180deg) translateZ(1px);background:var(--red)}.ornate-wrap{display:contents}.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:400 var(--s)/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:var(--click);cursor:pointer;font:400 var(--h)/1 var(--black);letter-spacing:0;text-transform:none;padding:2px 4px}.barmark:hover{opacity:.85}.barmark:active{transform:scale(.96)}.help p{font-size:var(--s);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;overflow-x:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 18px),transparent 100%)}.body::-webkit-scrollbar{display:none}.body.even{justify-content:space-between;padding-top:0}.body.even .wordmark:first-child{margin-top:-3.5px}.body.even .count{margin-top:4px}.homecol{width:88%;margin:0 auto}.body.mid{justify-content:safe center;-webkit-mask-image:none}h1{font:700 var(--h)/1.1 var(--disp);text-transform:capitalize}h2{font:700 var(--h)/1.15 var(--disp);text-transform:capitalize}p{font-size:var(--t)}.small{font-size:var(--s);opacity:.72}.tiny{font-size:var(--s);opacity:.6}.huge{font:700 var(--h)/1 var(--disp);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}.shuf{position:relative;width:78px;height:109px;margin:0 auto 18px}.shuf-c{position:absolute;inset:0;border-radius:5px;overflow:hidden;box-shadow:0 2px 6px #241a1547;animation:shuffle 3.3s cubic-bezier(.45,0,.2,1) infinite}.shuf-c svg{width:100%;height:100%;display:block}@keyframes shuffle{0%{transform:translate(0) rotate(0);z-index:3}20%{transform:translate(0) rotate(0);z-index:3}36%{transform:translate(118px,-16px) rotate(12deg);z-index:3}36.5%{transform:translate(118px,-16px) rotate(12deg);z-index:1}50%{transform:translate(118px,-16px) rotate(12deg);z-index:1}66%{transform:translate(5px,-4px) rotate(4deg);z-index:1}66.5%{transform:translate(5px,-4px) rotate(4deg);z-index:2}72%{transform:translate(5px,-4px) rotate(4deg);z-index:2}82%{transform:translate(-4px,3px) rotate(-3deg);z-index:2}88%{transform:translate(-4px,3px) rotate(-3deg);z-index:2}to{transform:translate(0) rotate(0);z-index:2}}@media(prefers-reduced-motion:reduce){.shuf-c{animation:none}.shuf-c:nth-child(2){transform:translate(-4px,3px) rotate(-3deg)}.shuf-c:nth-child(3){transform:translate(5px,-4px) rotate(4deg)}}.grow{flex:1;min-height:6px}.brand{font:400 var(--h)/1 var(--black);margin-bottom:2px}.wordmark{display:block;width:88%;height:auto;flex:none;margin:0 auto;color:currentColor}.tagline{opacity:.9;margin-top:-6px}.err{font-size:var(--s);color:var(--red);border-top:2.5px solid var(--red);padding-top:9px}.face.red .err{color:inherit;border-color:currentColor}a{color:var(--click);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:var(--click);font:700 var(--s)/1 var(--sans);letter-spacing:.04em;padding:7px 2px;cursor:pointer;opacity:.45}.nav button.on{opacity:1;color:var(--red)}.act{width:100%;padding:14px;border:1.5px solid var(--click);background:var(--click);color:var(--cream);font:700 var(--t)/1 var(--sans);letter-spacing:.02em;text-transform:capitalize;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:var(--click)}.face.red .act.ghost{background:transparent;color:var(--click);border-color:var(--click)}.act.quiet{border-color:transparent;background:transparent;color:var(--click);opacity:.85;text-transform:capitalize;letter-spacing:0;font:700 var(--t)/1.15 var(--disp);padding:9px}.face.red .act.quiet{background:transparent;color:var(--click);border-color:transparent}.in{font:400 var(--t)/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 var(--h)/1 var(--disp);letter-spacing:.3em;text-align:center}.linky{border:0;background:transparent;color:var(--click);cursor:pointer;font:400 var(--s)/1.2 var(--sans);letter-spacing:.02em;opacity:.8;padding:8px 4px;text-decoration:underline;text-underline-offset:3px}.linky:hover{opacity:.75}.win{display:flex;flex-direction:column;align-items:center;line-height:1;color:var(--red)}.win-word{font:700 var(--h)/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;margin-left:.3em}.win-amt{font:700 42px/1 var(--sans);letter-spacing:-.02em}.won{border:1.5px solid var(--red);border-radius:5px;padding:12px 10px;text-align:center;display:flex;flex-direction:column;gap:4px}.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:var(--click);width:100%;text-align:left;font:inherit}.row .nm{font:700 var(--t)/1.2 var(--disp)}.row .sub{font-size:var(--s);opacity:.65}.row .arw{font-weight:700;opacity:.5}.chip{display:inline-block;font:700 var(--s)/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 var(--h)/1 var(--disp);color:var(--red)}.figs span{font-size:var(--s);letter-spacing:.08em;text-transform:uppercase;opacity:.65}textarea.in{resize:none;height:88px;font-size:var(--t);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 var(--click);color:var(--click);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 var(--click);border-radius:3px;display:grid;place-items:center;font:700 var(--s)/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:var(--s);line-height:1.35;text-align:left;flex:1;display:block;min-width:0}.tick input.in.credit{position:static;opacity:1;pointer-events:auto;display:block;padding:4px 0;margin-top:2px;text-align:left;font-size:var(--t)}.tick a{font-weight:700}.smark{width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--click);display:block;flex:0 0 24px;line-height:0}.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:2px;text-align:center}.count b{display:block;font:700 var(--h)/1 var(--disp)}.count span{font-size:var(--s);letter-spacing:.14em;text-transform:uppercase;opacity:.65}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.thumb{border:1.5px solid var(--click);border-radius:4px;aspect-ratio:63.5/88.9;position:relative;background:var(--cream) center/contain no-repeat;color:var(--click);cursor:pointer;padding:0;overflow:hidden}.thumb.pick{border-color:var(--red);box-shadow:0 0 0 2px var(--red) inset}.thumb.hid{opacity:.45;border-style:dashed}.thumb-tag.hid{background:var(--ink);color:var(--cream)}.thumb-tag{position:absolute;left:0;right:0;bottom:0;background:var(--red);color:var(--cream);font:700 var(--s)/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}.fan-title{letter-spacing:.16em;text-transform:uppercase;margin-bottom:-10px}.fan{position:relative;flex:none;height:128px;margin:0;touch-action:pan-y;-webkit-user-select:none;user-select:none}.fan-c{position:absolute;left:50%;top:6px;width:86px;height:120px;margin-left:-43px;border-radius:6px;overflow:hidden;border:1.5px solid var(--click);background:var(--cream) center/contain no-repeat;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #241a154d;cursor:pointer}.fan-c .fan-back{position:absolute;inset:0}.fan-c .fan-back svg{width:100%;height:100%;display:block}.fan-c.up{border-color:var(--red)}.fan-ctl{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:0;position:relative;z-index:20}.smark.big{width:44px;height:44px;flex:0 0 44px}.smark:disabled{opacity:.3;cursor:default}.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 var(--click);background:var(--cream) center/contain no-repeat;color:var(--click);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 var(--s)/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:var(--t);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:700 var(--t)/1.2 var(--disp)}.entry .sub{font-size:var(--s);opacity:.65}
