.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}.card{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .08);border:1px solid var(--card-edge,#c9cfc6);background:var(--card,#fdfdfb);font:inherit;padding:0;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000059,0 5px 12px #00000038}button.card{cursor:pointer}.card:not(.back){background-image:repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000004 0 1px,#0000 1px 3px)}.card:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(155deg,#fff3,#fff0 28%),linear-gradient(#0000 88%,#0000000f);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80}.card.back:after{box-shadow:none;background:linear-gradient(155deg,#ffffff47,#fff0 38%)}.card{container-type:inline-size}.card .face{pointer-events:none;background:50%/100% 100% no-repeat;display:none;position:absolute;inset:0}@container (width>=72px){.card .face{display:block}.card .corner,.card .pip{display:none}}@container (width>=44px) and (width<=71.99px){.card .face.court{background-position:50% 58%;background-size:150% 142%;border-radius:4px;display:block;inset:30% 7% 5%;box-shadow:inset 0 0 0 1px #0000001f}.card .face.court~.pip{display:none}.card .pip:has(~.face.court){display:none}}.card.red{color:var(--red,#c0262d)}.card.black{color:var(--black,#16181a)}.card .corner{letter-spacing:-.02em;font-weight:700;line-height:1;font-size:calc(var(--cw) * .24);position:absolute;top:3%;left:6%}.card .pip{font-size:calc(var(--cw) * .5);line-height:1;position:absolute;bottom:4%;right:8%}.card.back{background:var(--card-back-image,repeating-linear-gradient(45deg, var(--back-a,#2d4f9e) 0 6px, var(--back-b,#22407f) 6px 12px)) center / 100% 100% no-repeat;border:2px solid var(--card,#fdfdfb)}.card:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:1px}:root{--lamp:radial-gradient(ellipse 70% 50% at 50% 42%, #fffae121, transparent 70%);--vignette:radial-gradient(ellipse 120% 90% at 50% 45%, transparent 55%, #00000080)}@property --cw{syntax:"<length>";inherits:true;initial-value:60px}@property --ch{syntax:"<length>";inherits:true;initial-value:84px}:root{--bg:#13235b;--bg-edge:#0b1640;--ink:#f5f6fb;--muted:#f5f6fbb3;--table:#00000047;--line:#ffffff1f;--current:#f2c14e38;--won:#f2c14e;--won-ink:#2a1d00;--btn:#ffffff1f;--primary:#f2c14e;--primary-ink:#2a1d00;--held:#f2c14e;--good:#8ee39a;--focus:#ffd54a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#1d3380;--bg-edge:#12235e}}:root[data-theme=light]{--bg:#1d3380;--bg-edge:#12235e}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--lamp), var(--vignette), var(--felt-texture,none), radial-gradient(ellipse at top, var(--bg), var(--bg-edge));color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font:15px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{--cw:min(calc((100vw - 24px - 4 * 8px - 2 * clamp(16px, 5.2vw, 36px)) / 5), 110px, calc((100dvh - 380px) / 1.4));--ch:calc(var(--cw) * 1.4);--hb:clamp(10px, 3.2vw, 22px);--hp:clamp(6px, 2vw, 14px);--hpv:12px;--cw-max:110px;--tagh:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100dvh;padding:8px 12px;display:flex}.vp-stage{--chrome-v:calc(2 * var(--hb) + var(--hpv) + var(--tagh));--chrome-h:calc(2 * var(--hb) + 2 * var(--hp) + 4 * 8px);width:100%;min-height:0;max-height:calc(var(--cw-max) * 1.4 + var(--chrome-v) + 8px);flex:1 1 0;justify-content:center;align-items:center;display:flex;container-type:size}.vp-stage .vp-hand{--cw:max(14px, min(var(--cw-max), calc((100cqw - var(--chrome-h)) / 5), calc((100cqh - var(--chrome-v)) / 1.4)));--ch:calc(var(--cw) * 1.4)}.paytable{border-collapse:collapse;background:var(--table);font-variant-numeric:tabular-nums;border-radius:10px;width:min(100%,560px);font-size:clamp(11px,2.8vw,14px);overflow:hidden}.paytable th{text-align:left;padding:2px 8px;font-weight:600}.paytable td{text-align:right;border-left:1px solid var(--line);padding:2px 8px}.paytable td.current{background:var(--current)}.paytable tr.won th,.paytable tr.won td{background:var(--won);color:var(--won-ink)}@media (max-height:640px){.paytable{font-size:clamp(10px,2.8vw,12px);line-height:1.2}.paytable th,.paytable td{padding-top:1px;padding-bottom:1px}}.info{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 10px;width:min(100%,560px);font-weight:700;display:flex}.info .credits{margin-right:auto}.info span{white-space:nowrap}.cards{justify-content:center;gap:8px;display:flex}.slot{width:var(--cw);flex-direction:column;align-items:center;gap:4px;display:flex}.slot .card{transition:translate .14s ease-out}.slot.held .card{box-shadow:0 0 0 2px var(--held), 0 8px 12px #00000073;translate:0 -8px}.vp-hand{padding:8px var(--hp) 4px;border:var(--hb) solid transparent;border-image:url(./slot-frame-BVfaL4bb.webp) 140 / var(--hb) round;background:radial-gradient(at 50% 30%,#ffffff1a,#00000059 80%),#040818b3;position:relative;box-shadow:0 14px 26px #00000080}.vp-hand:after{content:"";pointer-events:none;background:linear-gradient(165deg,#ffffff24,#0000 35%);position:absolute;inset:0}.vp-deck{width:calc(min(var(--cw), 80px) * .36);height:calc(min(var(--cw), 80px) * .5);flex:none;position:relative}.vp-deck .card{--cw:calc(var(--cw) * .36);width:100%;height:100%;position:absolute;inset:0}.vp-deck .card:nth-child(2){translate:1px -1px}.vp-deck .card:nth-child(3){translate:2px -2px}.card.hinted{box-shadow:0 0 0 3px var(--good)}.tag{font-size:min(12px, calc(var(--cw) * .2));white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--held);visibility:hidden;font-weight:700}.tag.on{visibility:visible}.message{text-align:center;min-height:1.3em;color:var(--muted);margin:0}.message.good{color:var(--good);font-size:18px;font-weight:700}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.question{text-align:center;width:100%;margin:0}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:600}.btn.primary{background:var(--primary);color:var(--primary-ink);min-width:96px}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.disclaimer{color:var(--muted);text-align:center;margin:0;font-size:11px}@media (max-height:480px) and (min-aspect-ratio:5/4){#app{--cw:min(calc((100vw - 270px) / 5.6), 70px, calc((100dvh - 170px) / 1.4));--hb:10px;--hp:6px;--hpv:7px;--cw-max:80px;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-columns:auto minmax(0,1fr);place-content:center;gap:6px 12px;display:grid}.paytable{grid-area:1/1/5;align-self:center;width:auto;font-size:11px}.paytable td:not(.current){display:none}.paytable th{white-space:nowrap}.info,.vp-stage,.message,.controls{grid-column:2}.vp-stage{align-self:center;height:100%}.vp-hand{padding:5px var(--hp) 2px}.btn{min-height:34px;padding:6px 10px}.disclaimer{grid-column:1/3;font-size:10px}.info{gap:8px;font-size:13px}.controls .btn{min-width:0;padding:6px 9px}.info .sound-toggle{width:30px;min-width:30px;height:30px}}@keyframes vp-appear{0%{opacity:0}}.message.later{animation:.2s ease-out .62s backwards vp-appear}@keyframes vp-row{0%{color:inherit;background:0 0}}@keyframes vp-blink{to{filter:brightness(1.35);box-shadow:inset 0 0 12px #fff9}}.paytable tr.won th,.paytable tr.won td{animation:.35s ease-in-out 4 alternate vp-blink}.paytable tr.won.later th,.paytable tr.won.later td{animation:.25s ease-out .62s backwards vp-row,.35s ease-in-out .9s 4 alternate vp-blink}@media (prefers-reduced-motion:reduce){.later,.paytable tr.won th,.paytable tr.won td{animation:none!important}}@media (max-width:380px){.controls .btn.primary{flex-basis:100%}}@media (max-height:300px) and (min-aspect-ratio:5/4){#app:not(.multi){--hb:8px;--hp:4px;--hpv:5px;--tagh:14px;gap:3px 8px;padding:4px 8px}#app:not(.multi) .paytable{max-width:38vw;max-height:calc(100dvh - 34px);font-size:9px;display:block;overflow:auto}#app:not(.multi) .paytable th{white-space:normal}#app:not(.multi) .paytable th,#app:not(.multi) .paytable td{padding:0 4px;line-height:1.15}.info{gap:2px 6px;font-size:11px}.info .sound-toggle{width:24px;min-width:24px;height:24px}.tag{font-size:min(9px, calc(var(--cw) * .2))}.slot{gap:2px}.message{font-size:11px}.message.good{font-size:13px}.controls{gap:4px}.btn,.controls .btn{min-height:26px;padding:2px 7px;font-size:12px}.btn.primary{min-width:0}.disclaimer{font-size:9px}}.card.joker{color:#7b2cbf;background:var(--card,#fdfdfb);place-items:center;display:grid}.card.joker .corner{font-size:calc(var(--cw) * .26);position:absolute;top:3%;left:6%}.card.joker .pip{font-size:calc(var(--cw) * .16);letter-spacing:.08em;font-weight:800;position:static}.card.wild{box-shadow:0 0 0 2px #b77cff,0 1px 2px #00000059}.card.wild.hinted{box-shadow:0 0 0 3px var(--good)}#app.multi{--mw:min(calc((100vw - 24px - 150px) / 5.6), 40px);--cw:min(calc((100vw - 24px - 4 * 8px) / 5), 96px, calc((100dvh - 290px - 4 * (var(--mw) * 1.4 + 4px)) / 1.4));gap:6px}.paytable.compact{width:auto;min-width:min(100%,240px);font-size:12px}.paytable.compact th,.paytable.compact td{padding:1px 8px}.extra-hands{flex-direction:column;align-items:center;gap:4px;width:min(100%,560px);display:flex}.mini-hand{--cw:var(--mw);--ch:calc(var(--mw) * 1.4);align-items:center;gap:3px;display:flex}.mini-result{width:132px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:12px;font-weight:700;overflow:hidden}.mini-result.good{color:var(--good)}@media (max-height:480px){#app.multi{--mw:min(calc((100dvh - 230px) / 4 / 1.4), 20px);--cw:min(calc((100vw - 24px - 230px) / 5.6), 60px, calc((100dvh - 180px) / 1.4));grid-template:"pay info""pay cards""extra message""extra controls""foot foot"/auto auto;column-gap:16px}#app.multi .paytable{grid-area:pay;align-self:end;min-width:0;font-size:10px}#app.multi .extra-hands{grid-area:extra;align-self:start;align-items:flex-start;gap:2px}#app.multi .info{grid-area:info}#app.multi .cards{grid-area:cards}#app.multi .message{grid-area:message}#app.multi .controls{grid-area:controls}#app.multi .disclaimer{grid-area:foot}#app.multi .mini-result{width:64px;margin-left:4px;font-size:9px}#app.multi .btn{padding:6px 8px}}@media (orientation:portrait) and (max-height:640px){#app.multi{--mw:18px;--cw:min(calc((100vw - 24px - 4 * 8px) / 5), 96px, calc((100dvh - 330px - 4 * (var(--mw) * 1.4 + 4px)) / 1.4));gap:4px}#app.multi .paytable.compact{font-size:10px}#app.multi .paytable.compact th,#app.multi .paytable.compact td{padding:0 6px;line-height:1.2}#app.multi .btn{min-height:38px;padding:6px 10px}}@media (orientation:landscape) and (min-height:481px) and (max-height:640px){#app.multi{--mw:min(calc((100vw - 24px - 150px) / 5.6), 36px);--cw:min(calc((100vw - 24px - 4 * 8px) / 5), 96px, calc((100dvh - 316px - 4 * (var(--mw) * 1.4 + 4px)) / 1.4))}}@media (max-height:480px) and (max-width:560px){#app.multi{--mw:min(calc((100dvh - 330px) / 4 / 1.4), 20px);--cw:min(calc((100vw - 24px - 32px) / 5), 60px, calc((100dvh - 320px) / 1.4));flex-direction:column;gap:4px;display:flex}#app.multi .paytable{display:none}#app.multi .extra-hands{align-items:center}}.info .wild-note{color:#f1e4ff;background:#b77cff47;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px #b77cff99}.info .sound-toggle{order:2}.card.extra-ace:after{content:"★";font-size:calc(var(--cw,60px) * .24);color:#c9a227;text-shadow:0 1px #00000040;position:absolute;bottom:5%;right:7%}.mult-badge{z-index:2;top:calc(var(--hb) / -2);white-space:nowrap;background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;padding:1px 10px;font-size:clamp(11px,3vw,14px);font-weight:900;position:absolute;left:50%;transform:translate(-50%)translateY(-50%)}.mult-badge.hot{color:#3a2400;background:linear-gradient(#ffd54a,#e8a600);border-color:#fff3b0}