/* NX HI·LO premium stage; outcome and card-curl engine remain separate. */
:root{--gold:#e0bb78;--cyan:#50e6f4;--white:#f5f2e9;--muted:#9bafbf}
html,body{background:radial-gradient(ellipse at 50% 12%,#163047 0,#080f1a 50%,#04080e 100%);color:var(--white)}
.page{max-width:560px;margin:20px auto;padding:0 16px 24px;background:linear-gradient(155deg,#0b1b2a,#060d16 70%);border:1px solid #50637477;border-radius:22px;box-shadow:0 24px 80px #0008}
.machine{aspect-ratio:auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.card-ticker{margin:10px 0;padding:5px 7px;height:43px;gap:5px;border:1px solid #354554;border-radius:8px;background:#09131f;overflow:auto;scrollbar-width:none}.ticker-card{flex:0 0 26px;height:31px;font-size:18px;border-radius:4px;border:1px solid #bbc1c5;box-shadow:0 2px 3px #0007}.ticker-card.joker{font-size:9px}
.game-grid{position:relative;height:65cqw;min-height:220px;display:grid;grid-template-columns:22% 3% 37% 3% 35%;padding:12px 0 18px;background:radial-gradient(ellipse at 47% 80%,#ad85443b,transparent 55%),linear-gradient(180deg,#10223322,#07101a);border-bottom:1px solid #b9904c66}
.hilo-column{gap:10px}.market,.side-market{border:1px solid #b08d56;border-radius:9px;background:linear-gradient(140deg,#203a4e,#0a1827 55%,#07121c);box-shadow:inset 0 1px 2px #fff3,0 3px 9px #0006}
.market.hi,.market.lo{border-color:#bc995d}.market>div{gap:4px;line-height:1.1}.market strong{font-size:6cqw;color:#f1d492}.market small,.market b{font-size:3cqw;margin:0;color:#bfcbd4}.market b{color:#f2dbb0}.arrow{width:9cqw;height:5cqw;top:8px;opacity:.2;background:#ffd27c}.market.disabled{opacity:.38}
.side-column{gap:8px;grid-template-rows:1fr 1fr .8fr}.side-market strong{font-size:2.9cqw}.side-market b{font-size:2.7cqw;margin-top:5px;color:#b4c6d4}.red-market{color:#ff5776}.low-group,.high-group{color:#e2cf9b}.joker-market{color:#69e5f7;letter-spacing:.7px}.side-market.active,.market.active{filter:brightness(1.15);box-shadow:inset 0 0 24px #bd955530,0 0 10px #d0a15560}
.main-card-zone{filter:drop-shadow(0 8px 12px #0008)}.face{border-radius:10px}.face.front{background:linear-gradient(130deg,#fff,#f5f5f4);border:1px solid #e9e6dd;box-shadow:0 0 18px #f5c77224,inset 0 0 5px #0001}.corner b{font-size:9cqw}.corner.top{top:10px;left:10px}.corner.bottom{right:10px;bottom:10px}.suit{font-size:21cqw}.deal-card,.face.back{border-color:#d6b978;background:radial-gradient(ellipse,#153047,#07131f);border-width:2px;border-radius:10px}.deal-card:after,.face.back:after{border-color:#c5a46a}.card-brand-logo{width:23cqw!important;height:22cqw!important}
.bet-console{padding:14px 0 0;border:0;background:none}.amount-row{grid-template-columns:1fr 1fr;gap:8px}.amount-row label{height:42px;border:1px solid #3b4b5d;border-radius:7px;background:#0c1928;color:#bccbda;font-size:12px;padding:0 10px}.amount-row output{font-size:14px;color:#f4f2eb}.chip-row{gap:6px;margin-top:8px}.chip-row button{height:38px;border:1px solid #516171;border-radius:7px;background:linear-gradient(#1d3344,#101e2c);color:#dfe5ed;font-size:12px}.chip-row button:focus{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}#nxBet{display:block;width:100%;height:47px;margin:10px 0 14px;border:1px solid #e2bd72;border-radius:9px;color:#032433;background:linear-gradient(#3de8f4,#03aacb);box-shadow:inset 0 1px 2px #fff8,0 3px 15px #00d2ed20;font-size:17px;font-weight:850;cursor:pointer}
.result-tables{gap:10px;border:0;background:none;margin:0}.result-column{min-height:135px;border:1px solid #69715b;border-radius:9px;overflow:hidden;background:#081421}.result-column header{padding:0 9px;height:37px;border-bottom:1px solid #304051}.result-column header strong{font-size:13px;color:#eed9af}.result-column header span{font-size:10px}.result-column li{font-size:11px;height:25px;grid-template-columns:1fr 34px 32px}.result-column li.empty{font-size:12px;color:#94a8bc}
.detail-panels{margin-top:14px;border:1px solid #304153;border-radius:8px;background:#07121f}.detail-panels summary{padding:14px;color:#aabac6;cursor:pointer;font-size:13px}.detail-panels .panel p{font-size:12px;line-height:1.7}.detail-panels pre{max-height:200px}.history-pop{top:55px;width:min(320px,95%);right:0;border:1px solid #c6a063;border-radius:10px;padding:25px 18px}.history-pop strong{font-size:16px}.history-pop p{font-size:14px;line-height:1.6}.history-pop button{font-size:24px;min-width:40px;min-height:40px}
@media(max-width:599px){.page{margin:0 auto;border:0;border-radius:0;padding:0 12px 20px}.nx-header{min-height:68px}.game-grid{height:66cqw}.result-column header span{display:none}}
@media(min-width:1000px){.page{display:grid;grid-template-columns:minmax(0,560px) 300px;gap:0 26px;max-width:950px;padding:10px 26px 26px}.nx-header{grid-column:1/-1}.machine{grid-column:1;grid-row:2/4}.bet-console{grid-column:2;grid-row:2;align-self:start;padding-top:0}.result-tables{grid-column:2;grid-row:3;grid-template-columns:1fr;align-self:start}.detail-panels{grid-column:1/-1}.result-column{min-height:120px}.nx-header h1{margin-right:auto;margin-left:24px}}

/* Navy and champagne-gold card reverse, shared with the animated curl. */
.deal-card,.face.back{background:radial-gradient(ellipse at 50% 45%,#1b3044aa,transparent 64%),repeating-linear-gradient(45deg,transparent 0,transparent 12px,#c3a56a0b 12px,#c3a56a0b 13px),linear-gradient(145deg,#060e1c,#102237 52%,#060d18);border:1px solid #d8bb80;box-shadow:inset 0 0 0 3px #07101d,inset 0 0 0 4px #9f814b,0 7px 18px #0006}
.deal-card:after,.face.back:after{inset:9px;border:1px solid #c5a46977;border-radius:5px;box-shadow:none}
.deal-card .card-brand-logo,.face.back .card-brand-logo{filter:sepia(1) saturate(.8) drop-shadow(0 2px 3px #0006);width:22cqw!important;height:22cqw!important}

.sound-volume{display:flex;align-items:center;gap:12px;padding:12px;color:#d8c29a;font-size:13px}.sound-volume input{flex:1;min-width:0;accent-color:#d9b777}.sound-volume output{min-width:34px}
