:root{--ink: #F1EDE4;--muted: #9FB3B6;--teal: #2A4349;--deep: #0E1D21;--deeper: #091317;--mint: #8ACABE;--gold: #E4B868;--red1: #6E1A21;--red2: #3A0B10;--f-body: "Fira Sans", system-ui, sans-serif;--f-head: "Fira Sans Condensed", "Arial Narrow", sans-serif;--f-disp: "Fira Sans Extra Condensed", "Fira Sans Condensed", "Arial Narrow", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:#050a0c;color:var(--ink);font:400 15px/1.4 var(--f-body);-webkit-tap-highlight-color:transparent}#root{max-width:440px;margin:0 auto;min-height:100dvh;background:var(--deep);position:relative;overflow-x:clip}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--mint);outline-offset:2px}.btn{border-radius:999px;padding:12px 16px;font:700 .9rem/1 var(--f-head);letter-spacing:.05em;text-transform:uppercase;border:2px solid rgba(197,157,95,.4);background:linear-gradient(180deg,#213a45,#0d1820);color:#e9e2d0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px}.btn.gold{background:linear-gradient(180deg,#f6dc97,#e4b868 46%,#ba873d);color:#13252c;border-color:#6b4718;box-shadow:0 0 0 3px #2a0609,0 0 0 4.5px #eabf7e99,inset 0 1px #ffffff73}.btn.gold:disabled{filter:grayscale(.8) brightness(.55)}.btn.big{width:100%;min-height:54px;font-size:1rem}.btn:active:not(:disabled){transform:scale(.97)}.start{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px;background:radial-gradient(120% 60% at 50% 0%,#1B3237,var(--deep))}.start .logo{width:82%;margin:0 auto 18px;display:block}.start label{display:grid;gap:4px;font:600 .8rem/1 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.start input{font:600 1rem/1 var(--f-body);padding:12px 14px;border-radius:12px;border:1.5px solid #2E4A51;background:var(--deeper);color:var(--ink)}.start .note{color:var(--muted);font-size:.8rem;text-align:center;margin-top:10px}.versus{position:relative;height:100dvh;overflow:hidden;background:var(--deeper);cursor:pointer}.vside{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;animation:vin .5s cubic-bezier(.2,.85,.25,1) both}.vside.me{clip-path:polygon(0 0,66% 0,34% 100%,0 100%);--from: -75% }.vside.them{clip-path:polygon(66% 0,100% 0,100% 100%,34% 100%);--from: 75% }@keyframes vin{0%{translate:var(--from) 0}}.vbg{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;background:center / cover;animation:drift 10s ease-in-out infinite alternate}@keyframes drift{to{scale:1.07}}.vside.me:after,.vside.them:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vside.me:after{background:linear-gradient(160deg,#8acabe38,#09131726 45%,#091317b3)}.vside.them:after{background:linear-gradient(340deg,#e4cb813d,#09131726 45%,#091317b3)}.vfig{position:absolute;width:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6));animation:vin .6s .15s cubic-bezier(.2,.9,.3,1.12) both;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--ft),#000 calc(100% - var(--fb)),transparent),linear-gradient(to right,transparent,#000 var(--fs),#000 calc(100% - var(--fs)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent,#000 var(--ft),#000 calc(100% - var(--fb)),transparent),linear-gradient(to right,transparent,#000 var(--fs),#000 calc(100% - var(--fs)),transparent);mask-composite:intersect}.me .vfig{--from: -40% }.them .vfig{--from: 40% }.vfig.flip{transform:scaleX(-1)}.veil{position:absolute;left:0;right:0;height:21%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.veil.me{top:0;background:linear-gradient(162deg,rgba(9,19,23,.82),rgba(9,19,23,.3) 35%,transparent 58%);mask-image:linear-gradient(162deg,#000 22%,transparent 58%);-webkit-mask-image:linear-gradient(162deg,#000 22%,transparent 58%)}.veil.them{bottom:0;background:linear-gradient(342deg,rgba(9,19,23,.82),rgba(9,19,23,.3) 35%,transparent 58%);mask-image:linear-gradient(342deg,#000 22%,transparent 58%);-webkit-mask-image:linear-gradient(342deg,#000 22%,transparent 58%)}.bolt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 5px rgba(240,221,166,.95)) drop-shadow(0 0 16px rgba(228,203,129,.6))}.bolt path{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.bolt .rod{stroke:#091317d9;stroke-width:7}.bolt .strike{stroke:#fff6da;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;animation:strike .2s .48s ease-in forwards}@keyframes strike{to{stroke-dashoffset:0}}.vname{position:absolute;z-index:3;font:800 2.3rem/1 var(--f-disp);text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.7)}.vname.me{left:22px;top:4.5%}.vname.them{right:22px;bottom:9%;text-align:right}.vname:after{content:"";display:block;width:52px;height:4px;margin-top:8px;border-radius:2px;background:var(--mint);transform-origin:left;animation:bar .45s 1.05s cubic-bezier(.3,1.4,.4,1) both}.vname.them:after{margin-left:auto;background:var(--gold);transform-origin:right}@keyframes bar{0%{transform:scaleX(0)}}.vname span{display:inline-block;animation:drop .5s cubic-bezier(.3,1.6,.4,1) both,glint 3.2s ease-in-out infinite;animation-delay:calc(.62s + var(--i) * 55ms),calc(1.7s + var(--i) * 70ms)}@keyframes drop{0%{transform:translateY(-70%) scale(1.8) rotate(-10deg);opacity:0}}@keyframes glint{0%,14%,to{color:var(--ink)}6%{color:#fff8dc;text-shadow:0 0 12px rgba(246,220,151,.95)}}.vload{position:absolute;z-index:4;left:50%;bottom:20px;translate:-50% 0;display:flex;gap:10px;padding:7px 12px;border-radius:999px;background:#09131799}.vload img{width:20px;height:20px;opacity:.3;filter:grayscale(1);animation:light .3s forwards;animation-delay:calc(.9s + var(--i) * .42s)}@keyframes light{to{opacity:1;filter:none;scale:1.18}}.reelwrap{height:100dvh;display:grid;place-items:center;background:radial-gradient(90% 60% at 50% 40%,#1B3237,var(--deeper));cursor:pointer}.mach{position:relative;padding:28px 22px 18px;border:26px solid transparent;border-image:url(../img/frame_reapers_h5.webp) 44 stretch;background:radial-gradient(110% 70% at 50% 0%,#7a2226,#44111a 55%,#1e080c) border-box}.plate{position:absolute;left:50%;top:-14px;translate:-50% 0;padding:4px 14px;border-radius:6px;background:linear-gradient(#b02a33,#6a0f17);color:#f6d27e;font:800 .95rem/1.1 var(--f-disp);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 0 2px #e4b868}.reels{display:flex;gap:12px}.rw{position:relative;width:108px;height:180px;overflow:hidden;border-radius:10px;background:linear-gradient(#0e1d21,#1b3237 50%,#0e1d21);box-shadow:inset 0 0 0 2px #e4b8688c}.rw:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(9,19,23,.85),transparent 30%,transparent 70%,rgba(9,19,23,.85));pointer-events:none}.rs{animation:spin var(--d) cubic-bezier(.3,0,.25,1) forwards}@keyframes spin{0%{transform:translateY(0)}90%{transform:translateY(-1900px)}to{transform:translateY(-1878px)}}.rc{height:96px;display:grid;place-items:center}.bi,.bet{width:72px;height:72px;border-radius:14px;background:#f1ede4;box-shadow:inset 0 0 0 2.5px #c4a056;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--teal);position:relative;border:0;padding:0}.betnames{display:flex;gap:12px;margin-top:12px}.betnames b{width:108px;text-align:center;font:700 .78rem/1.2 var(--f-head);color:#f6d27e}.bt{font:800 1.15rem/1 var(--f-disp);color:var(--teal)}.bplus{padding:4px 8px;border-radius:0 10px 10px 0;background:#c4a056;color:var(--teal);font:800 1rem/1 var(--f-disp)}.bsym{width:60%;height:60%}.bedge{width:52%;height:70%;border-radius:6px;background:#f1ede4;box-shadow:inset 9px 0 0 var(--c),0 0 0 1px #2a434940}.gemi{width:18px;height:18px}.chipi{width:22px;height:22px}.ficon{object-fit:contain;vertical-align:middle}.draft{min-height:100dvh;display:flex;flex-direction:column;background:var(--deeper)}.dbets{display:flex;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(var(--red1),var(--red2));border-bottom:3px solid #E4B868}.dbets .bet{width:44px;height:44px;border-radius:9px;transform:scale(.9)}.dbets .bet .bsym{width:70%}.dbets i{font:600 .8rem/1.2 var(--f-head);color:#f6d27e;font-style:normal}.dgrid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px;align-content:center}.dc{position:relative;padding:0;border:0;background:none;aspect-ratio:1428 / 1981;perspective:900px;transition:transform .2s}.dc .fl{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .5s}.dc .fl img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:6px/4.3%;box-shadow:0 8px 16px -4px #000000b3}.dc .fl .bk,.dc.flipped .fl{transform:rotateY(180deg)}.dc.chosen{transform:translateY(-8px) scale(1.04)}.dc.chosen .fl img{box-shadow:0 0 0 3px var(--mint),0 0 18px 3px #8acabe80}.dc .tick{position:absolute;z-index:2;right:-7px;top:-7px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal);font-style:normal;font-weight:800;scale:0;transition:scale .2s}.dc.chosen .tick{scale:1}.dbar,.bar{display:flex;align-items:center;gap:10px;padding:10px 14px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(var(--red1),var(--red2));border-top:3px solid #C9963F}.side2{display:flex;padding:3px;gap:3px;border-radius:999px;background:#0a04068c}.side2 button{width:46px;height:40px;border:0;border-radius:999px;background:none;color:#eabf7e;font-size:1.1rem}.side2 button img{width:22px}.side2 button[aria-pressed=true]{background:linear-gradient(180deg,#f6dc97,#ba873d);color:var(--teal)}.dok{flex:1}.dots{display:inline-flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--mint)}.dots i.on{background:var(--mint)}.waiting,.pass{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.waiting img,.pass img{width:96px;height:96px;border-radius:50%}.pass b{font:800 2.2rem/1 var(--f-disp);text-transform:uppercase}.pass .btn{margin-top:18px}.board{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:linear-gradient(#091317db,#091317db),var(--scene) center / cover fixed,var(--deep)}.topbar{position:relative;z-index:10;display:flex;align-items:center;gap:10px;padding:calc(6px + env(safe-area-inset-top)) 12px 8px;background:linear-gradient(var(--red1),var(--red2));border-bottom:3px solid #C9963F}.homebtn{width:40px;height:40px;border-radius:50%;border:0;background:linear-gradient(180deg,#213a45,#0d1820);color:#eabf7e;font-size:1.2rem;box-shadow:0 0 0 2px #c59d5fbf}.bets{display:flex;gap:8px;margin:0 auto}.topbar .bet{width:46px;height:46px;border-radius:10px;font-size:13px}.topbar .bet .bsym{width:72%}.topbar .bet .bt{font-size:.85rem}.topbar .bet .ficon{width:20px!important;height:20px!important}.betn{position:absolute;right:-8px;bottom:-6px;padding:2px 5px;border-radius:9px;background:#c4a056;color:var(--teal);font:800 .7rem/1 var(--f-head);box-shadow:0 0 0 2px #091317}.faces{display:flex;gap:8px}.face{position:relative;width:46px;height:46px;border-radius:50%;border:0;padding:0;background:none;opacity:.6}.face img{width:100%;height:100%;border-radius:50%;display:block}.face b{position:absolute;left:50%;bottom:-8px;translate:-50% 0;padding:1px 6px;border-radius:8px;background:var(--deeper);font:800 .75rem/1.2 var(--f-head);color:#f6d27e}.face.turn{opacity:1}.face.you.turn{box-shadow:0 0 0 3px var(--mint),0 0 14px #8acabe99}.face.opp.turn{box-shadow:0 0 0 3px var(--gold),0 0 14px #e4b86880}.slip{position:absolute;left:12px;right:12px;top:100%;margin-top:8px;padding:12px 14px;border-radius:14px;background:#f1ede4;color:var(--teal);box-shadow:0 10px 24px -8px #000;display:grid;gap:6px}.slip i{font:600 .66rem/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:#9a7b3c;font-style:normal}.slip b{font:800 1.15rem/1.1 var(--f-disp)}.slip p{margin:0;font-size:.85rem}.slipscore{display:flex;gap:8px}.slipscore span{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:10px;background:#e6dfd0;font:800 1.1rem/1 var(--f-disp)}.slipscore img{width:28px;border-radius:50%}.crew{position:relative;min-height:0;container-type:size;padding:8px 12px 4px}.crew.theirs{background:#2d2b1f8c}.crewcol{--sw: min(100cqw, 100cqh * 1428 / 292 / 7);--sh: calc(var(--sw) * 292 / 1428);width:var(--sw);margin:0 auto;display:flex;flex-direction:column}.whose{position:absolute;left:50%;bottom:8px;translate:-50% 0;white-space:nowrap;padding:5px 10px;border-radius:999px;background:#091317d9;font:600 .7rem/1 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.stripwrap{position:relative}.stripwrap.now{z-index:2;transform:scale(1.02);filter:drop-shadow(0 0 10px rgba(138,202,190,.7))}.strip{position:relative;display:block;width:100%;height:var(--sh);overflow:hidden;padding:0;border:0;border-radius:9px 9px 0 0;background:none;box-shadow:0 -3px 4px #00000073}.strip>img:first-child{display:block;width:100%}.strip.hang{height:min(calc(var(--sh) * var(--rows)),calc(var(--sw) * 1981 / 1428));border-radius:9px}.chiplayer{position:absolute;left:0;top:0;width:100%;height:var(--sh);pointer-events:none}.chip{position:absolute;aspect-ratio:1;translate:-50% -50%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.strip .cashed{position:absolute;left:3%;bottom:8%;padding:2px 8px;border-radius:9px;background:#c4a056;color:var(--teal);font:800 .95rem/1.1 var(--f-disp)}.nest{margin-bottom:0}.nest .sc{position:absolute;left:50%;right:3%;top:17%;bottom:2%;display:flex;align-items:center;justify-content:center;gap:6px}.nest .sc b{font:800 calc(var(--sh) * .5)/1 var(--f-disp);color:#f1ede4}.nest .sc img{width:calc(var(--sh) * .4)}.strip.lit{box-shadow:0 0 0 3px var(--mint),0 0 14px #8acabe99;z-index:1}.stripwrap.sel .strip,.strip.nest.sel{box-shadow:0 0 0 3px #f6d27e}.ghost{height:var(--sh);flex:none;border-radius:9px;border:2px dashed rgba(180,188,189,.22);background-clip:padding-box;box-sizing:border-box;margin-top:0}.ghost.next{border-color:#b4bcbd73}.supply{display:grid;grid-template-columns:19% repeat(4,minmax(0,1fr));gap:6px;align-items:center;padding:8px 12px;background:#091317b3;border-top:1px solid rgba(228,184,104,.4);transition:box-shadow .2s}.supply.drawing{box-shadow:inset 0 0 0 2px var(--mint)}.decks{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;padding-right:4px}.deck{position:relative;width:100%;aspect-ratio:320 / 444;padding:0;border:0;background:none;border-radius:3px}.deck img{display:block;width:100%;height:100%;border-radius:3px;box-shadow:1.5px 1.5px #1b3237,3px 3px #13252c}.deck b{position:absolute;right:-7px;bottom:-6px;padding:1px 4px;border-radius:7px;background:#f0dda6;color:var(--teal);font:800 .58rem/1.2 var(--f-head)}.up{width:100%;aspect-ratio:1428 / 1981;padding:0;border:0;background:none;border-radius:6px}.up img{display:block;width:100%;height:100%;border-radius:6px/4.3%;box-shadow:0 6px 12px -4px #000}.deck.lit img,.up.lit img{box-shadow:0 0 0 3px var(--mint),0 0 14px #8acabe99}.empty{display:block;width:100%;height:100%;border-radius:6px;border:2px dashed rgba(180,188,189,.25)}.dock{position:relative;z-index:9;height:calc(clamp(150px,22dvh,210px) + env(safe-area-inset-bottom));--barh: calc(68px + env(safe-area-inset-bottom)) }.hand{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:6px;padding:8px 12px 0;background:linear-gradient(transparent,#091317f2 18px)}.fruitrow{position:relative;z-index:8;flex:none;width:88px;display:flex;gap:8px 9px;flex-wrap:wrap;align-content:flex-start}.fruitrow.open{position:absolute;left:8px;right:8px;bottom:calc(100% - 4px);width:auto;padding:10px 10px 8px;border-radius:12px 12px 0 0;background:#091317f2;box-shadow:0 -2px #e4b86880}.fc{position:relative;width:23px;padding:0;border:0;background:none;transition:translate .15s}.fc img{width:100%;display:block;border-radius:3px;box-shadow:0 2px 4px #00000080}.fc i{position:absolute;right:-8px;bottom:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#f0dda6;color:var(--teal);font:800 .66rem/1 var(--f-head);font-style:normal}.fruitrow.open .fc{width:32px}.fc.sel{translate:0 -8px}.fc.sel img{box-shadow:0 0 0 2.5px var(--mint)}.fc.off{opacity:.35}.fan{position:relative;flex:1;min-width:0;display:flex;justify-content:center}.hc{position:relative;flex:none;width:min(31%,96px);margin:0 calc(-1*max(4%,(var(--n) * 31% - 100%) / var(--n) / 2));padding:0;border:0;background:none;transform-origin:50% 100%;transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3deg));transition:transform .2s}.hc img{display:block;width:100%;border-radius:6px/4.3%;box-shadow:0 6px 14px -4px #000000b3}.hc.can{z-index:2;transform:translateY(-10px)}.hc.can img{box-shadow:0 0 0 2.5px var(--mint),0 8px 18px -4px #000}.hc.chosen{transform:translateY(-18px) scale(1.06);z-index:3}.hc.dim{filter:brightness(.45) saturate(.5)}.dock>.bar{position:absolute;left:0;right:0;bottom:0;z-index:10;min-height:var(--barh)}.bar{min-height:68px;flex-wrap:wrap}.bar.three{display:grid;grid-template-columns:repeat(3,1fr)}.bar.three .btn,.bar>.btn{flex:1}.bar.ask p,.bar.wait b{flex:1;margin:0;font:700 .95rem/1.2 var(--f-head);color:#f6d27e}.bar.wait img{width:34px;height:34px;border-radius:50%}.btn.pay .pi{width:18px;height:24px;object-fit:contain}.bar.power{flex-direction:column;align-items:stretch;gap:8px}.ptitle{display:flex;gap:10px;align-items:center}.ptitle img{width:38px;height:38px;border-radius:50%}.ptitle b{display:block;font:800 1rem/1.1 var(--f-disp);color:#f6d27e}.ptitle span{font-size:.82rem;color:var(--ink)}.prow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prow .btn{flex:1 1 auto}.prow .step{flex:1;margin:0;font:700 .95rem/1.2 var(--f-head);color:#f6d27e}.btn.copy img{width:24px;height:24px;border-radius:50%}.elab{display:inline-flex;align-items:center;gap:4px}.elab+.elab:before{content:"+";margin-right:4px}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#091317db}.zoom img{max-width:min(100%,420px);max-height:90dvh;border-radius:4.5%/3.3%}.results{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px;background:#091317f0;max-width:440px;margin:0 auto}.results h2{margin:0;text-align:center;font:800 2.4rem/1 var(--f-disp);text-transform:uppercase;color:#f6d27e}.results table{width:100%;border-collapse:collapse;font-size:.95rem}.results th,.results td{padding:7px 6px;border-bottom:1px solid #2E4A51;text-align:right}.results th:first-child{text-align:left;font-weight:500;color:var(--muted)}.results thead th{text-align:center}.results thead img{width:40px;border-radius:50%;display:block;margin:0 auto 4px}.results tr.total td,.results tr.total th{font:800 1.3rem/1 var(--f-disp);color:#f6d27e;border:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01s!important;animation-delay:0s!important;transition-duration:.01s!important}}.crash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;text-align:center;color:#f3e9d2}.crash b{font:800 22px/1.1 Fira Sans Condensed,sans-serif;text-transform:uppercase}.crash p{margin:0;opacity:.8}.crash code{max-width:100%;overflow-wrap:anywhere;font-size:12px;opacity:.6;background:#ffffff0f;padding:8px 10px;border-radius:8px}