@font-face{font-family:Titan;src:url('assets/TitanOne-Latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Nunito;src:url('assets/Nunito-Latin.woff2') format('woff2');font-weight:200 1000;font-display:swap}
:root{--ink:#062f3b;--cream:#fff6db;--yellow:#ffd969;--coral:#ff7159;--mint:#4cf2cd;--pink:#f948ad;--card-w:clamp(110px,11.7vw,168px);color-scheme:dark;font-family:Nunito,Arial,sans-serif;background:#061c2f;color:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 0,#144665,transparent 65%),#061c2f}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;filter:grayscale(.35);opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}button:hover:not(:disabled){filter:brightness(1.1)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.topbar{max-width:1432px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 28px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white}.brand img{width:50px;height:52px;object-fit:contain}.brand>span{font:27px Titan;text-shadow:2px 3px var(--ink)}.brand small{display:block;font:900 8px Nunito;letter-spacing:1.65px;margin-top:4px;color:var(--mint)}.balance{display:grid;grid-template-columns:auto auto;column-gap:13px;align-items:center}.balance>span{grid-column:1;font-size:9px;letter-spacing:1.5px;font-weight:1000;color:#c0e2e6}.balance strong{grid-column:2;grid-row:1/3;font:29px Titan;color:var(--yellow)}.balance small{grid-column:1;font-size:10px;color:#8ebdc8}.toolbar{display:flex;gap:7px}.tool{border:1px solid #7aacbe4f;background:#163b4a;border-radius:9px;color:var(--cream);padding:8px 11px;font-size:17px}.tool span{font-size:10px;font-weight:900;margin-left:3px}.tool[aria-pressed=true]{background:#4a334c;color:#ffc8c8}main{max-width:1432px;margin:auto;padding:0 24px 15px}.stage{position:relative;isolation:isolate;aspect-ratio:1672/941;border:3px solid #efb94b;border-radius:24px;overflow:hidden;background:url('assets/stage-opt-2d0215dc8695.webp') center/100% 100% no-repeat;box-shadow:0 0 0 5px #0c3a4b,0 20px 60px #0007}.stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(transparent 55%,#032b3544)}.marquee{position:absolute;left:24%;top:10.5%;width:51%;height:13.9%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-.3deg);text-align:center}.marquee>p{font-size:clamp(7px,.75vw,12px);font-weight:1000;letter-spacing:3px;color:var(--yellow)}.marquee h1{font:clamp(29px,4.1vw,60px)/1.02 Titan;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);letter-spacing:1px;white-space:nowrap}.marquee h1 span{color:var(--yellow)}.marquee>div{font-size:clamp(6px,.62vw,10px);font-weight:1000;letter-spacing:2px;color:#a2f7e5;margin-top:5px}.show-status{position:absolute;top:33.5%;left:36%;width:42%;border:1px solid #fde3a84f;background:#072f42df;border-radius:30px;display:flex;gap:8px;align-items:center;justify-content:center;padding:9px 15px;min-height:36px;box-shadow:0 4px 10px #01203055;text-align:center}.show-status p{font-size:clamp(10px,1vw,14px);font-weight:900}.live-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px var(--mint);flex-shrink:0}.eyebrow{font-size:10px;font-weight:1000;letter-spacing:1.8px}.bet-ticket{position:absolute;left:3%;top:59%;width:21%;background:var(--cream);color:var(--ink);border:3px solid #093744;border-radius:14px;padding:14px 16px;box-shadow:0 5px 0 #032331,0 0 0 2px #ffcf63;transform:rotate(-2deg)}.bet-ticket>.eyebrow{font-size:9px;letter-spacing:1.4px}.bet-input{display:flex;align-items:center;background:#fffef2;border:2px solid #0a6170;border-radius:7px;margin-top:7px;padding:6px 7px;gap:4px}.bet-input input{color:var(--ink);color-scheme:light;background:none;border:0;min-width:0;width:100%;font:clamp(18px,2vw,25px) Titan;-moz-appearance:textfield}.bet-input input::-webkit-inner-spin-button{appearance:none}.bet-input span{font-size:7px;font-weight:1000;letter-spacing:.3px}.bet-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.bet-presets button{color:var(--ink);background:#c6f0dd;border:1px solid #095168;border-radius:5px;padding:4px 0;font-weight:1000;font-size:10px}.bet-presets button.selected{background:var(--yellow);box-shadow:0 2px var(--ink)}.bet-limit{font-size:9px;margin:6px 0 8px}.action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:2px solid var(--ink);border-radius:10px;padding:11px 13px;box-shadow:0 4px 0 var(--ink);font:clamp(13px,1.4vw,20px) Titan;color:var(--ink);transition:transform .16s,filter .16s}.action:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.coral{background:var(--coral)}.yellow{background:var(--yellow)}.action>span:last-child{margin-left:auto}.bank-total{margin-top:13px;border-top:1px dashed #2a63766b;padding-top:8px;text-align:center}.bank-total>span{display:block;font-size:8px;font-weight:1000;letter-spacing:1px}.bank-total strong{font:clamp(20px,2.2vw,30px) Titan;display:block;color:#056f71;line-height:1.15}.bank-total small{font-size:9px;font-weight:800}.error{font-size:10px;font-weight:900;color:#a52124;min-height:0}.error:not(:empty){margin-top:6px}
.cards-zone{position:absolute;top:42.5%;left:30%;width:48%;height:34%;display:flex;align-items:center;justify-content:center;flex-direction:column}.card-arena{display:flex;gap:clamp(13px,2vw,29px);align-items:center;justify-content:center;width:100%;perspective:1400px}.card-seat{position:relative}.card-caption{display:block;text-align:center;font-size:10px;letter-spacing:2px;font-weight:1000;margin-bottom:8px;text-shadow:1px 2px var(--ink)}.playing-card,.ready-deck,.cut-half{position:relative;width:var(--card-w);aspect-ratio:5/7;flex-shrink:0;transform-style:preserve-3d}.playing-card{border-radius:12px;box-shadow:4px 9px 0 #032f3b99,0 14px 18px #001b2b80;will-change:transform}.card-back{position:absolute;inset:0;border:5px solid #fff5d5;border-radius:12px;background:repeating-linear-gradient(45deg,transparent 0 12px,#1fe6b920 12px 14px),linear-gradient(145deg,#16c7b2,#087386 55%,#052c52);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 2px #fbd66c,inset 0 0 0 7px #02364480}.card-back:after{position:absolute;content:'';inset:13px;border:1px solid #ffe18baa;border-radius:40% 40% 6px 6px;pointer-events:none}.card-back img{height:57%;width:83%;object-fit:contain;filter:drop-shadow(1px 2px 0 #023b50);z-index:1}.card-back b{font:clamp(15px,1.6vw,22px) Titan;color:white;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:1px 2px var(--ink);z-index:1}.card-back small{font-size:7px;font-weight:1000;letter-spacing:1.8px;color:var(--yellow);margin-top:5px}.back-corner{position:absolute;top:8px;left:10px;color:var(--yellow);font-size:13px}.versus{font:22px Titan;color:var(--yellow);border:2px solid var(--yellow);background:#092d40;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;margin-top:24px;box-shadow:0 3px #022537}.card-face{position:absolute;inset:0;border-radius:12px;background:linear-gradient(120deg,#fffefa,#fff1d3);border:4px solid white;color:#132b3a;overflow:hidden;box-shadow:inset 0 0 0 1px #c4b48d;backface-visibility:hidden}.card-face.red{color:#c83a43}.card-corner{position:absolute;top:7px;left:9px;display:flex;align-items:center;flex-direction:column;font:clamp(22px,2.2vw,31px)/.9 Titan;gap:5px;z-index:2}.card-corner small{font:clamp(17px,1.7vw,23px)/1 Nunito}.card-corner.bottom{top:auto;left:auto;right:9px;bottom:7px;transform:rotate(180deg)}.pip-grid{position:absolute;inset:21% 26% 18%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;gap:0 3px;font-family:Georgia,serif;font-size:clamp(19px,2.3vw,33px)}.pip-grid.odd>.pip:last-child{grid-column:1/3}.card-watermark{position:absolute;inset:25% 15% 24%;width:70%;height:51%;object-fit:contain;opacity:.09}.face-mascot{position:absolute;left:18%;top:21%;width:64%;height:54%;object-fit:contain;filter:drop-shadow(1px 2px #08787d33)}.face-crown{position:absolute;top:11%;width:100%;text-align:center;font-size:clamp(15px,1.6vw,23px)}.ace-suit{position:absolute;inset:22% 20%;display:grid;place-items:center;font:clamp(57px,7vw,95px) Georgia,serif}.card-brand{position:absolute;bottom:8%;left:25%;right:25%;font:clamp(5px,.58vw,8px) Titan;text-align:center;color:#16848a;letter-spacing:.6px;white-space:nowrap}.history{height:26px;display:flex;gap:5px;justify-content:center;align-items:center;margin-top:12px;max-width:100%;overflow:hidden}.history span{background:var(--cream);padding:2px 6px;color:var(--ink);font-size:10px;font-weight:1000;border-radius:4px;border:1px solid #d9b467;flex-shrink:0}.history span.red{color:#c83a43}.card-flipping{animation:flip .72s cubic-bezier(.2,.6,.2,1) both}.card-settling{animation:settle .36s cubic-bezier(.2,.6,.2,1)}.win-card{filter:drop-shadow(0 0 18px #80ffbd88)}.lose-card{animation:shake .42s ease}
.welcome-panel{width:88%;max-width:420px;background:#062d43ee;border:2px solid #fed369;border-radius:17px;padding:21px 26px 18px;text-align:center;box-shadow:0 7px 0 #05252c,0 0 40px #11708877}.welcome-panel>.eyebrow{font-size:8px;color:var(--mint)}.welcome-panel h2{font:clamp(28px,3.3vw,47px)/1 Titan;margin:8px 0;color:white;text-shadow:2px 3px #061b37}.welcome-panel h2 span{color:var(--yellow)}.welcome-panel p{font-size:clamp(10px,1vw,14px);line-height:1.6;color:#d6f5ec;margin-bottom:13px}.welcome-panel small{display:block;font-size:8px;color:#b8d8df;margin-top:10px}.ready-panel{display:flex;gap:30px;align-items:center;text-align:center;font-size:15px;line-height:1.6;text-shadow:1px 2px var(--ink)}.ready-deck{transform:rotate(-8deg);box-shadow:4px 4px var(--cream),7px 7px #ccebdd,10px 10px #07243a80;border-radius:12px}.ready-panel strong{color:var(--yellow)}.cut-panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:9px}.cut-deck{width:calc(var(--card-w)*1.9);height:calc(var(--card-w)*1.15);position:relative;perspective:900px;margin-top:-15px}.cut-half{width:calc(var(--card-w)*.8);position:absolute;left:18%;top:0;transform:rotate(-12deg);box-shadow:3px 3px var(--cream),6px 6px #afd5ca,9px 9px #05243780;border-radius:12px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.back-half{left:36%;transform:rotate(9deg) translateY(7px)}.cut-deck.cutting .cut-half:first-child{transform:translate(-45px,-18px) rotate(-18deg)}.cut-deck.cutting .back-half{transform:translate(45px,20px) rotate(20deg)}.cut-panel>label{font:12px Titan;color:var(--yellow);margin-top:9px}.cut-panel>label span{font:900 9px Nunito;margin-left:8px;color:white}.cut-panel>input{width:65%;accent-color:var(--yellow);height:14px;margin:0}.cut-panel>.action{width:65%;padding:8px 12px}.cut-panel .card-back b{font-size:15px}.cut-panel .card-back small{font-size:5px}.prize-ladder{position:absolute;right:3.7%;top:36.5%;width:16.4%;background:linear-gradient(155deg,#093349f2,#032536f2);border:2px solid #ffc957;border-radius:15px;padding:12px;box-shadow:0 6px 0 #07262c,0 0 0 3px #0c374fa1;transform:rotate(1deg)}.ladder-heading{text-align:center}.ladder-heading>span{font-size:7px;font-weight:1000;letter-spacing:1.5px;color:var(--mint)}.ladder-heading h2{font:clamp(15px,1.5vw,23px)/1.05 Titan;color:white;margin:7px 0 3px}.ladder-heading h2 b{font-size:clamp(23px,2.6vw,36px);font-weight:400;color:var(--yellow)}.ladder-heading>small{font-size:8px;color:#aee4e3}.prize-ladder ol{padding:0;margin:10px 0 6px;list-style:none;display:flex;flex-direction:column;gap:5px}.prize-ladder li{display:flex;align-items:center;gap:6px;border:1px solid #78aea655;background:#234c58;padding:6px 5px;border-radius:6px;min-height:30px}.prize-ladder li>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#9bdfda;font:12px Titan;flex-shrink:0}.prize-ladder li>strong{font:clamp(10px,1.05vw,15px) Titan}.prize-ladder li>small{margin-left:auto;font-weight:1000;font-size:8px;color:#a8ddd1}.prize-ladder li.next{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 10px #ffd96933}.prize-ladder li.reached{background:#fbd366;color:var(--ink);border-color:var(--yellow)}.prize-ladder li.reached>small{color:var(--ink)}.prize-ladder>p{text-align:center;font-size:7px;color:#aed1d8;line-height:1.45}.call-dock{position:absolute;left:30%;width:48%;bottom:6.6%}.call-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.call-buttons .action{justify-content:flex-start;padding:8px 15px;gap:12px;font-size:clamp(17px,2vw,28px);min-height:57px;border-color:#f9efc9;box-shadow:0 5px #033342}.higher{background:var(--mint)}.lower{background:var(--coral)}.call-buttons .action>span:last-child{margin-left:0;flex-grow:1;text-align:center}.call-buttons .arrow{font-size:32px;line-height:1}.action small{display:block;font:900 8px Nunito;letter-spacing:.5px;margin-top:3px}.bank-line{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:11px;font-size:8px;font-weight:1000}.bank-line>button{background:#092e3e;color:var(--yellow);border:1px solid #ffe38ba3;border-radius:25px;padding:7px 13px;font-size:10px;font-weight:1000;display:flex;align-items:center;gap:8px}.bank-line>button strong{font:13px Titan}.stage-tag{position:absolute;bottom:2%;left:30%;width:48%;text-align:center;font-size:7px;font-weight:1000;letter-spacing:1.4px;color:#d0e9df;pointer-events:none}.finish-panel{position:absolute;left:30%;top:40%;width:48%;text-align:center;background:#052e45f2;border:2px solid var(--yellow);border-radius:17px;padding:23px 24px;z-index:4;box-shadow:0 6px 0 #041f2d}.finish-panel>span{font-weight:1000;font-size:10px;letter-spacing:2px;color:var(--mint)}.finish-panel h2{font:clamp(28px,3.8vw,49px)/1.08 Titan;color:var(--yellow);margin:7px 0}.finish-panel>strong{display:block;font:clamp(22px,2.6vw,34px) Titan;color:white}.finish-panel p{font-size:12px;line-height:1.5;margin:8px 0 14px;color:#c7eeec}.finish-panel .action{max-width:300px;margin:auto}.finish-panel.lost{border-color:var(--coral)}.finish-panel.lost h2{color:var(--coral)}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 8px 2px;color:#a2c7d1;font-size:10px}.footer p b{color:var(--yellow);font-size:8px;letter-spacing:1px;margin-right:13px}.footer p span{color:var(--mint);margin:0 7px}.footer>span{font-size:8px;font-weight:900;letter-spacing:1px;white-space:nowrap}.confetti{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:8px;height:15px;animation:confetti 2.8s ease-in forwards}.confetti i:nth-child(3n){border-radius:50%;height:9px}dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:2px solid var(--yellow);border-radius:20px;background:#072d3f;color:var(--cream);padding:28px;box-shadow:0 15px 60px #0009}dialog::backdrop{background:#001325b9;backdrop-filter:blur(7px)}dialog h2{font:30px Titan;margin:9px 0 15px;color:var(--yellow)}dialog p,dialog li{font-size:13px;line-height:1.7}dialog ul{padding-left:19px}dialog li{padding:3px 0}.rules-note{background:#133f4a;border-radius:8px;padding:10px;color:#b9d7d9}.dialog-close{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--cream);font-size:30px}.volume-label{display:flex;justify-content:space-between;font-size:12px;font-weight:900;margin-top:16px}#volume{width:100%;accent-color:var(--mint);margin:9px 0 18px}dialog .action{font-size:16px}audio{display:none}
@keyframes flip{0%{transform:rotateY(0) translateY(0)}49%{transform:rotateY(89deg) translateY(-12px)}50%{transform:rotateY(-89deg) translateY(-12px)}100%{transform:rotateY(0) translateY(0)}}@keyframes settle{0%{transform:translateY(-10px) rotate(-4deg)}100%{transform:none}}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes confetti{to{transform:translate(30px,950px) rotate(640deg);opacity:.2}}
@media(min-width:1500px){:root{--card-w:168px}}
@media(min-width:851px) and (max-height:800px){main{max-width:1150px}.topbar{max-width:1150px;min-height:64px;padding:6px 24px}.brand img{width:42px;height:44px}.brand>span{font-size:24px}:root{--card-w:125px}.welcome-panel{padding:14px 20px}.welcome-panel h2{font-size:34px}.welcome-panel p{font-size:11px}.bet-ticket{padding:11px 12px;top:57%;width:22%}.bank-total{margin-top:9px}.bet-input input{font-size:22px}.prize-ladder{padding:9px}.prize-ladder li{padding:4px;min-height:27px}.call-buttons .action{min-height:48px;font-size:22px;padding:5px 12px}.footer{padding-top:14px}.cut-deck{height:140px}.cut-half{width:100px}.cut-panel>label{margin-top:2px}}
@media(max-width:1050px){.topbar{gap:14px}.tool span{display:none}.show-status{left:32%;width:46%;top:33%}.bet-ticket{padding:10px 11px}.prize-ladder{right:2.5%;width:18%;padding:8px}.ladder-heading>small{font-size:7px}.prize-ladder li{min-height:25px;padding:3px}.call-buttons{gap:8px}.call-buttons .action{min-height:43px;padding:5px 10px}.call-buttons .arrow{font-size:27px}.bank-total{margin-top:8px}.bank-line{font-size:7px;gap:5px}.bank-line>button{padding:5px 9px}.ready-panel{gap:13px;font-size:12px}.footer{font-size:8px}.footer p b{margin-right:6px}}
@media(max-width:850px){:root{--card-w:135px}.topbar{padding:10px 16px;gap:8px}.brand>span{font-size:21px}.brand small{font-size:6px;letter-spacing:1px}.brand img{width:40px;height:43px}.balance{display:block;text-align:right}.balance>span{font-size:7px;letter-spacing:1px;display:block}.balance strong{font-size:23px}.balance small{display:none}.tool{padding:6px 9px}.toolbar{gap:4px}.rules-tool{display:none}main{padding:0 14px 16px;max-width:650px}.stage{aspect-ratio:auto;min-height:950px;background-size:auto 660px;background-position:top center;background-color:#06687a;border-radius:18px}.stage:after{background:linear-gradient(transparent 450px,#075768 680px,#032f42);z-index:-1}.marquee{top:73px;left:15%;width:70%;height:93px}.marquee h1{font-size:41px}.marquee>p{font-size:8px}.marquee>div{font-size:7px}.show-status{top:241px;left:15%;width:70%;padding:8px}.cards-zone{top:301px;left:5%;width:90%;height:250px}.card-caption{font-size:9px}.playing-card{width:135px}.card-corner{font-size:26px}.card-corner small{font-size:20px}.card-brand{font-size:6px}.pip-grid{font-size:27px}.card-back b{font-size:20px}.face-crown{font-size:20px}.ace-suit{font-size:77px}.call-dock{top:575px;bottom:auto;left:9%;width:82%}.call-buttons .action{min-height:54px;font-size:23px}.action small{font-size:8px}.bank-line{font-size:8px}.bank-line>button{font-size:10px;padding:7px 13px}.bet-ticket{top:710px;left:5%;width:47%;padding:15px;transform:rotate(-1deg)}.bet-ticket .action{font-size:16px;padding:8px}.bet-input input{font-size:25px}.bet-input span{font-size:8px}.bank-total strong{font-size:25px}.bet-ticket>.eyebrow{font-size:8px}.prize-ladder{top:700px;right:5%;width:39%;padding:11px;transform:rotate(1deg)}.ladder-heading h2{font-size:16px}.ladder-heading h2 b{font-size:26px}.ladder-heading>small{font-size:8px}.prize-ladder li{min-height:29px;padding:4px}.prize-ladder li>strong{font-size:13px}.prize-ladder>p{font-size:7px}.stage-tag{top:678px;bottom:auto;left:10%;width:80%;font-size:7px}.welcome-panel{max-width:340px;padding:20px 24px}.welcome-panel h2{font-size:39px}.welcome-panel p{font-size:12px}.welcome-panel .action{font-size:19px}.ready-panel{font-size:13px;gap:24px}.cut-deck{height:153px}.cut-half{width:106px}.cut-panel>.action{font-size:17px}.cut-panel>label{font-size:12px;margin-top:5px}.cut-panel>label span{font-size:9px}.finish-panel{top:302px;left:7%;width:86%;padding:22px}.finish-panel h2{font-size:39px}.finish-panel>strong{font-size:29px}.finish-panel .action{font-size:19px}.footer{flex-direction:column;gap:10px;text-align:center;font-size:9px;line-height:1.7}.footer p b{display:block;margin-bottom:3px}.history{margin-top:9px}.confetti i{animation-duration:3.4s}}
@media(max-width:420px){.brand small{display:none}.brand{gap:5px}.brand>span{font-size:18px}.brand img{width:34px;height:38px}.topbar{padding:8px 12px}.balance strong{font-size:20px}.tool{padding:5px 7px;font-size:15px}main{padding:0 9px 15px}.marquee{left:9%;width:82%;top:78px}.marquee h1{font-size:36px}.show-status{left:7%;width:86%}.cards-zone{left:2%;width:96%}.card-arena{gap:10px}.versus{width:30px;height:30px;font-size:18px}.bet-ticket{left:4%;width:49%;padding:11px}.prize-ladder{right:4%;width:38%;padding:8px}.bet-presets{gap:3px}.bet-presets button{font-size:9px}.call-dock{left:6%;width:88%}.bank-line>span:last-child{font-size:7px}.stage{min-height:970px}.welcome-panel{padding:19px}.finish-panel{padding:20px 16px}.finish-panel h2{font-size:33px}}
.marquee{top:8.9%;height:15%;transform:rotate(-.3deg)}.marquee h1{width:100%;height:100%;line-height:1;display:block;text-shadow:none;-webkit-text-stroke:0}.curved-logo{width:100%;height:100%;overflow:visible}.logo-kicker{font:1000 12px Nunito;letter-spacing:3px;fill:var(--yellow)}.logo-title{font:73px Titan;fill:var(--cream);stroke:var(--ink);stroke-width:3px;paint-order:stroke fill;filter:drop-shadow(2px 3px 0 #032b36)}.logo-gold{fill:var(--yellow)}.logo-subtitle{font:1000 9px Nunito;letter-spacing:2px;fill:#c3ffee}.show-status{top:30.8%}.footer>button,.reset-demo{background:none;border:0;border-bottom:1px dotted #8baebf;color:#d2e8e3;font-size:9px;padding:3px 0}.reset-demo{display:block;margin:16px auto 0;font-size:11px}.footer>button{display:none}
@media(max-width:850px){.stage{min-height:1040px}.marquee{top:58px;height:80px;left:15%;width:70%}.logo-kicker{font-size:18px;letter-spacing:2px;transform:translateY(-5px)}.logo-subtitle{font-size:16px;letter-spacing:1px;transform:translateY(10px)}.show-status{top:241px}.footer>button{display:block}}
@media(max-width:420px){.marquee{left:9%;width:82%;top:58px}.stage{min-height:1040px}}
/* The complete name and subtitle share the sign's curve with clear space between them. */
.logo-kicker{font-size:13px;letter-spacing:2.7px}
.logo-title{font-size:50px;letter-spacing:.5px;stroke-width:2.8px}
.logo-subtitle{font-size:14px;letter-spacing:1.2px;fill:#d8fff2;stroke:#073747;stroke-width:.5px;paint-order:stroke fill}
.premium-face{background:radial-gradient(ellipse at 50% 25%,#fffef6,#fff4db 80%);border:3px solid #fffdf1;border-radius:11px;box-shadow:inset 0 0 0 1px #ba9964,inset 0 0 0 6px #fff9e9;color:#133646}
.premium-face.red{color:#be344a}
.card-scroll{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c49b55;stroke-width:.7;pointer-events:none;opacity:.65}
.premium-face .card-corner{top:9px;left:10px;font:clamp(23px,2vw,29px)/1 Titan;gap:3px}
.premium-face .card-corner.bottom{top:auto;left:auto;right:10px;bottom:9px}
.card-suit{display:block;fill:currentColor;width:18px;height:18px;flex-shrink:0}
.number-art{position:absolute;inset:12% 24% 12%;isolation:isolate}
.number-watermark{position:absolute;top:27%;left:7%;width:86%;height:46%;object-fit:contain;opacity:.06;z-index:-1}
.positioned-pip{position:absolute;transform:translate(-50%,-50%)}
.positioned-pip.inverted{transform:translate(-50%,-50%) rotate(180deg)}
.positioned-pip .card-suit{width:clamp(16px,1.7vw,25px);height:clamp(16px,1.7vw,25px)}
.face-brand{position:absolute;bottom:6%;left:25%;width:50%;text-align:center;font:8px Titan;letter-spacing:1px;color:#0f7c86}
.ace-art{position:absolute;inset:15% 20%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ace-emblem{width:80%;height:65%;filter:drop-shadow(0 2px 0 #d1ae68)}
.ace-art>img{position:absolute;width:43%;height:35%;object-fit:contain;top:34%;filter:drop-shadow(0 1px 1px #062f3b);opacity:.95}
.ace-wreath{position:absolute;top:1%;font-size:17px;color:#ba8e46}
.ace-caption{font:6px Nunito;font-weight:1000;letter-spacing:1.2px;margin-top:8px;color:#54716a;white-space:nowrap}
.court-art{position:absolute;inset:14% 17% 13%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.court-crown{width:40%;height:17%;fill:#e8b747;stroke:#a2742a;stroke-width:1.5;flex-shrink:0}
.court-portrait{position:relative;width:91%;height:66%;border:2px solid #c79a47;border-radius:45% 45% 8% 8%;background:radial-gradient(circle at 50% 50%,#3bf0d8,#077a8d 70%,#073f57);overflow:hidden;box-shadow:0 0 0 2px #fff0c6,inset 0 0 0 3px #07526a}
.court-q .court-portrait{background:radial-gradient(circle at 50% 50%,#ffdb91,#d55775 70%,#692651)}
.court-j .court-portrait{background:radial-gradient(circle at 50% 50%,#84cdf4,#3267a9 70%,#173350)}
.court-portrait>img{position:absolute;width:92%;height:87%;object-fit:contain;top:10%;left:4%;filter:drop-shadow(1px 2px 0 #003344)}
.court-sun{position:absolute;width:120%;aspect-ratio:1;left:-10%;top:6%;background:repeating-conic-gradient(from 5deg,#fff1a133 0deg 5deg,transparent 5deg 20deg);border-radius:50%}
.court-suit{position:absolute;right:8%;bottom:5%;width:18%;height:18%;color:#ffecb4;filter:drop-shadow(0 1px 1px #003344)}
.court-caption{font:6px Nunito;font-weight:1000;letter-spacing:.9px;color:#645c43;margin-top:8px;text-align:center;white-space:nowrap}
.premium-back{border:3px solid #fff4d0;border-radius:11px;background:repeating-linear-gradient(45deg,#02344700 0px 9px,#77f8d30b 9px 10px),radial-gradient(ellipse at 50% 35%,#168d8d,#073e5b 80%);box-shadow:inset 0 0 0 2px #d8b963,inset 0 0 0 6px #053447}
.premium-back:after{inset:10px;border:1px solid #e9c46a99;border-radius:8px}
.premium-back .card-scroll{stroke:#ffdc86;opacity:.65}
.premium-back>img{width:79%;height:52%;margin-top:-5%;z-index:1}
.premium-back>b{font-size:clamp(16px,1.5vw,22px);margin-top:2px;letter-spacing:.5px}
.premium-back>small{display:flex;flex-direction:column;align-items:center;gap:2px;letter-spacing:1px;margin-top:7px;z-index:1}
.premium-back>small>span{font:900 6px Nunito;letter-spacing:1.8px;color:#b9ffec}
.premium-back>small>strong{font:11px Titan;color:#fff0b2;letter-spacing:.3px}
.back-star{position:absolute;left:46%;color:#f5d982;font-size:10px;line-height:1;z-index:1}
.star-top{top:7%}.star-bottom{bottom:7%}
.back-halo{position:absolute;width:85%;height:65%;top:9%;border-radius:50%;border:1px solid #dbd18255;box-shadow:0 0 0 7px #c9db9615,inset 0 0 22px #40f0d94d}
.cut-panel .premium-back>small{margin-top:2px}.cut-panel .premium-back>small>strong{font-size:8px}.cut-panel .premium-back>small>span{font-size:5px;letter-spacing:1px}.cut-panel .premium-back>b{font-size:13px}
@media(max-width:850px){.logo-kicker{font-size:18px;transform:none}.logo-title{font-size:50px}.logo-subtitle{font-size:22px;letter-spacing:.6px;transform:none}.premium-face .card-corner{font-size:25px}.positioned-pip .card-suit{width:21px;height:21px}.premium-back>small>strong{font-size:10px}.premium-back>b{font-size:19px}.court-caption,.ace-caption{font-size:5.5px}.face-brand{font-size:7px}.stage-tag{font-size:6.5px;letter-spacing:.65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable game toolbar, including rules on small screens. */
.toolbar{align-items:center}
.toolbar .tool,.toolbar .game-nav{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}
.toolbar .tool span{display:inline;font-size:11px;margin-left:0}
.toolbar .game-nav{padding:8px 11px;border:1px solid #7aacbe4f;border-radius:9px;background:#163b4a;color:var(--cream);font:900 11px Nunito;text-decoration:none}
.toolbar .game-nav:hover{background:#23586a}
.toolbar .game-nav:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
@media(max-width:1050px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:10px 16px;min-height:0}.topbar>.brand{grid-column:1;grid-row:1;min-width:0}.topbar>.balance{grid-column:2;grid-row:1}.toolbar{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}.toolbar .tool,.toolbar .game-nav,.toolbar .rules-tool{display:inline-flex;min-width:0;width:100%;min-height:44px;padding:6px 4px;font-size:13px}.toolbar .tool span{display:inline;font-size:11px}.toolbar .tool b{display:none}.toolbar .game-nav{font-size:11px}}
@media(max-width:420px){.topbar{padding:10px 12px}.toolbar{gap:5px}.toolbar .tool,.toolbar .game-nav{min-height:44px;font-size:11px}}
.game-nav[hidden]{display:none!important}
@media(max-width:1050px){.toolbar:has(.game-nav[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}}

.prize-ladder li>strong{font-size:clamp(8px,.8vw,12px);overflow-wrap:anywhere}.prize-ladder li>small{font-size:7px}.action small{letter-spacing:0}.bank-total strong,.balance strong{overflow-wrap:anywhere}.balance strong{font-size:clamp(17px,2.2vw,30px)}

@media(max-width:420px){.bet-input input{font-size:19px}.bet-input span{font-size:6px}.bank-line>button strong{font-size:11px}}

.recovery-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:14px;background:#ffda69;color:#073344;border:2px solid #062c3b;border-radius:12px;font-size:13px;font-weight:900}.recovery-notice button{min-height:44px;border:2px solid #073344;border-radius:8px;background:#073344;color:#fff5d9;padding:8px 14px;font:900 12px Nunito;white-space:nowrap}.action small{overflow-wrap:anywhere}.call-buttons .action>span:last-child{min-width:0}@media(max-width:420px){.recovery-notice{flex-direction:column;align-items:stretch}.recovery-notice button{width:100%}.playing-card{width:clamp(105px,32vw,135px)}.call-buttons .action{font-size:20px;gap:5px;padding:8px 7px}.bank-line{flex-wrap:wrap}.card-arena{gap:6px}}

@media(max-width:850px){.stage{min-height:1120px}}

/* Presentation follows the accepted card, even on a slow connection. */
.card-pending{animation:card-awaiting .7s ease-in-out infinite;filter:drop-shadow(0 0 12px #ffda6538)}
.final-call .versus{background:#ffda65;color:#063948;box-shadow:0 0 0 5px #ffda6518,0 0 28px #ffda6555}
.final-call .card-caption{color:#ffda65}.card-caption{min-height:15px}
@keyframes card-awaiting{50%{transform:translateY(-4px);filter:drop-shadow(0 0 20px #ffda6555)}}
@media(prefers-reduced-motion:reduce){.card-pending{animation:none}.playing-card{will-change:auto}}

/* The phone table flows with its content instead of shrinking a desktop stage. */
@media(max-width:850px){
 main{max-width:650px;padding:0 12px 20px}
 .stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "status" "arena" "calls" "bet" "prizes" "tag";gap:16px;min-height:0;aspect-ratio:auto;padding:18px 14px 20px;border-radius:20px;background-size:auto 590px;background-position:top center;overflow:hidden}
 .stage:after{background:linear-gradient(#04334700 105px,#043347b0 240px,#075566ed 450px,#032f42 770px)}
 .marquee{grid-area:title;position:relative;inset:auto;width:min(100%,490px);height:104px;margin:15px auto 12px;transform:none}
 .marquee h1{height:100%;font-size:inherit}.curved-logo{filter:drop-shadow(0 2px 2px #001b30)}.logo-title{font-size:50px}.logo-subtitle{font-size:21px;letter-spacing:.6px}
 .show-status{grid-area:status;position:relative;inset:auto;width:100%;min-height:48px;padding:10px 12px;border-radius:15px;gap:9px}.show-status p{font-size:13px;line-height:1.4}
 .cards-zone{grid-area:arena;position:relative;inset:auto;width:100%;height:auto;min-height:238px;justify-content:center;padding:8px 0}
 .card-arena{gap:12px;width:100%}.playing-card{width:clamp(112px,31vw,145px)}.card-caption{font-size:10px;letter-spacing:1px;min-height:15px;margin-bottom:9px}.versus{width:31px;height:31px;font-size:18px;margin-top:24px;flex-shrink:0}
 .premium-face .card-corner{font-size:25px;top:8px;left:8px}.premium-face .card-corner.bottom{right:8px;bottom:8px}.positioned-pip .card-suit{width:19px;height:19px}
 .history{height:auto;min-height:22px;max-width:100%;flex-wrap:wrap;overflow:visible;margin-top:14px;gap:6px}.history:empty{display:none}.history span{font-size:11px;padding:3px 6px}
 .welcome-panel{width:100%;max-width:420px;padding:22px 18px}.welcome-panel>.eyebrow{font-size:10px}.welcome-panel h2{font-size:clamp(32px,8vw,40px)}.welcome-panel p{font-size:14px;line-height:1.5;margin-bottom:17px}.welcome-panel small{font-size:11px;line-height:1.5;margin-top:13px}.welcome-panel .action{font-size:19px;min-height:52px}
 .ready-panel{max-width:100%;gap:20px;font-size:14px;line-height:1.5}.ready-deck{width:113px;flex-shrink:0}.ready-panel p{max-width:170px}
 .cut-panel{gap:13px;padding:8px 0}.cut-deck{width:225px;height:150px;margin-top:0}.cut-half{width:102px}.cut-panel>label{font-size:14px;margin:0}.cut-panel>label span{font-size:11px;display:block;margin:6px 0 0;text-align:center}.cut-panel>input{width:100%;min-height:44px;height:44px;margin:0}.cut-panel>.action{width:100%;min-height:52px;font-size:18px;padding:10px 13px}
 .call-dock{grid-area:calls;position:relative;inset:auto;width:100%;min-width:0}.call-buttons{gap:9px}.call-buttons .action{min-height:79px;padding:10px 7px;font-size:21px;gap:5px;align-items:center}.call-buttons .arrow{font-size:25px}.call-buttons .action>span:last-child{min-width:0}.action small{font-size:11px;line-height:1.4;margin-top:7px;letter-spacing:0;overflow-wrap:anywhere}
 .bank-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:13px;font-size:11px;line-height:1.4;align-items:center}.bank-line>button{grid-column:1/-1;grid-row:1;justify-content:center;min-height:50px;padding:10px 14px;border-radius:12px;font-size:14px;gap:10px}.bank-line>button strong{font-size:19px;overflow-wrap:anywhere}.bank-line>span:last-child{text-align:right;font-size:11px}
 .bet-ticket{grid-area:bet;position:relative;inset:auto;width:100%;transform:none;padding:17px 16px;border-radius:15px;margin:3px 0 0}.bet-ticket>.eyebrow{font-size:11px}.bet-input{min-height:52px;margin-top:9px;padding:3px 9px}.bet-input input{font-size:27px;min-height:44px}.bet-input span{font-size:10px}.bet-presets{gap:8px;margin-top:9px}.bet-presets button{min-height:44px;padding:8px 0;font-size:13px}.bet-limit{font-size:11px;line-height:1.5;margin:9px 0}.bet-ticket .action{min-height:52px;font-size:19px;padding:10px 13px}.bank-total{margin-top:16px;padding-top:12px}.bank-total>span{font-size:10px}.bank-total strong{font-size:29px;line-height:1.25}.bank-total small{font-size:11px;line-height:1.5}.error{font-size:12px;line-height:1.5}
 .prize-ladder{grid-area:prizes;position:relative;inset:auto;width:100%;transform:none;padding:16px;border-radius:15px;margin:0}.ladder-heading>span{font-size:10px}.ladder-heading h2{font-size:20px;margin-top:7px}.ladder-heading h2 br{display:none}.ladder-heading h2 b{font-size:29px;margin-left:7px}.ladder-heading>small{display:block;font-size:11px;line-height:1.5;margin-top:6px}.prize-ladder ol{margin:14px 0 11px;gap:7px}.prize-ladder li{min-height:44px;padding:8px 10px;gap:11px}.prize-ladder li>span{width:25px;height:25px;font-size:14px}.prize-ladder li>strong{font-size:14px;line-height:1.4}.prize-ladder li>small{font-size:11px;line-height:1.4;max-width:40%;text-align:right}.prize-ladder>p{font-size:11px;line-height:1.5}
 .stage-tag{grid-area:tag;position:relative;inset:auto;width:100%;font-size:9px;line-height:1.6;letter-spacing:.5px;margin:0}
 .stage:has(#finish-panel:not([hidden])) .cards-zone{display:none}.finish-panel{grid-area:arena;position:relative;inset:auto;width:100%;padding:24px 16px;align-self:center}.finish-panel>span{font-size:10px;line-height:1.5;letter-spacing:1px}.finish-panel h2{font-size:clamp(28px,8vw,40px);line-height:1.15;margin:10px 0}.finish-panel>strong{font-size:clamp(22px,6vw,31px);overflow-wrap:anywhere}.finish-panel p{font-size:14px;line-height:1.5;margin:12px 0 18px}.finish-panel .action{font-size:19px;min-height:52px}
 .footer{font-size:12px;line-height:1.65;padding:20px 6px env(safe-area-inset-bottom,0px);gap:14px}.footer p b{font-size:10px;letter-spacing:.7px}.footer>span{font-size:10px;line-height:1.5;white-space:normal}.footer>button{font-size:13px;min-height:44px;padding:10px}
 .win-share-slot .cws-launcher{margin-top:18px}.win-share-slot .cws-trigger{min-height:48px;width:100%}
 dialog{max-height:calc(100dvh - 24px);padding:30px 18px 22px;overscroll-behavior:contain}dialog h2{font-size:26px;padding-right:20px}dialog p,dialog li{font-size:14px;line-height:1.6}.dialog-close{right:8px;top:8px;width:44px;height:44px;padding:0}.volume-label{font-size:13px}#volume{min-height:44px}.reset-demo{font-size:13px;min-height:44px;margin-top:12px}
 .recovery-notice{font-size:13px;line-height:1.5}
}
@media(min-width:601px) and (max-width:850px){
 .stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title" "status status" "arena arena" "calls calls" "bet prizes" "tag tag";gap:18px}.cards-zone{min-height:260px}.playing-card{width:145px}.bet-ticket,.prize-ladder{align-self:start}
}
@media(max-width:430px){
 main{padding-left:9px;padding-right:9px}.stage{padding:12px 10px 17px;gap:14px}.marquee{height:96px;margin:14px auto 6px}.cards-zone{min-height:227px}.card-arena{gap:8px}.playing-card{width:clamp(106px,30.5vw,132px)}.call-buttons .action{font-size:19px}.call-buttons .arrow{font-size:23px}.call-buttons .action small{font-size:10px}.premium-face .card-corner{font-size:23px}.positioned-pip .card-suit{width:17px;height:17px}
}