/* Meridian Royale — casino theme layer (loads after styles.css and overrides it) */
:root{--gold-grad:linear-gradient(180deg,#fff3b0 0%,#f1c232 38%,#b57a00 72%,#ffe27a 100%);--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>")}
body{background:radial-gradient(900px 500px at 15% -120px,rgba(216,180,90,.13),transparent 70%),radial-gradient(1000px 600px at 90% -160px,rgba(122,60,220,.12),transparent 70%),#07080d fixed}
/* ---------- splash + marquee bulbs ---------- */
#splash{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 50% 40%,#1b1508,#05060a 70%);display:grid;place-content:center;justify-items:center;gap:18px;transition:opacity .6s,visibility .6s}
#splash.out{opacity:0;visibility:hidden}
.splash-crest{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;font-size:56px;color:#1a1205;background:var(--gold-grad);box-shadow:0 0 60px rgba(241,194,50,.55);animation:crestpulse 1.6s ease-in-out infinite}
.splash-name{font-family:Georgia,serif;letter-spacing:.4em;font-size:26px;color:#f4dc94;text-align:center}.splash-name small{display:block;letter-spacing:.6em;font-size:10px;color:#8b96ab;margin-top:6px}
.splash-bar{width:220px;height:3px;background:#1c2230;border-radius:3px;overflow:hidden}.splash-bar i{display:block;height:100%;width:40%;background:var(--gold-grad);animation:slide 1s infinite ease-in-out}
@keyframes crestpulse{50%{transform:scale(1.07);box-shadow:0 0 90px rgba(241,194,50,.8)}}@keyframes slide{0%{margin-left:-40%}100%{margin-left:100%}}
.bulbs{height:8px;background:radial-gradient(circle,#ffe27a 0 2.2px,transparent 3px) 0 50%/22px 8px repeat-x;filter:drop-shadow(0 0 4px #ffb020);animation:bulbs 1.2s steps(2) infinite}
.top-bulbs{position:fixed;top:0;left:0;right:0;z-index:60;height:6px;opacity:.9}
@keyframes bulbs{50%{opacity:.45;background-position:11px 50%}}
/* ---------- header ---------- */
.top{top:6px;background:linear-gradient(180deg,rgba(16,18,26,.96),rgba(9,11,16,.92));border-bottom:1px solid rgba(216,180,90,.35);box-shadow:0 8px 30px rgba(0,0,0,.5)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#f1c232,transparent)}
.crest{background:var(--gold-grad);box-shadow:0 0 22px rgba(241,194,50,.45),inset 0 -3px 6px rgba(0,0,0,.25)}
.nav a{position:relative;display:flex;align-items:center;gap:6px;font-size:14px}.nav a.on{background:var(--gold-grad);box-shadow:0 0 18px rgba(241,194,50,.4)}
.livedot{width:7px;height:7px;border-radius:50%;background:#ff3b4e;box-shadow:0 0 8px #ff3b4e;animation:pulse 1.3s infinite}
.search{display:flex;align-items:center;gap:8px;background:#0b0e15;border:1px solid var(--line);border-radius:999px;padding:0 14px;height:38px;min-width:150px;max-width:230px;flex:1}
.search svg{width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:2;flex:none}.search input{background:none!important;border:0!important;padding:0!important;height:100%;outline:none!important;font-size:14px}
.search:focus-within{border-color:var(--gold)}
.wallet{margin-left:auto}
.bal{background:linear-gradient(180deg,#1a2130,#10141c);border-color:rgba(216,180,90,.5);font-weight:800;box-shadow:inset 0 0 12px rgba(0,0,0,.4)}
.chipico{background:radial-gradient(circle,#fff 0 20%,#f1c232 22% 55%,#8a5a00 57%);border:2px dashed #fff5}
.bal{cursor:pointer}.ctabs{display:flex;gap:6px;margin:10px 0 14px;flex-wrap:wrap}.ctab{background:#1a2130;color:#c3cbdb;border:1px solid #2a3348;border-radius:999px;padding:7px 14px;cursor:pointer;font:inherit}.ctab.on{background:#f1c232;color:#1a1200;border-color:#f1c232}.quick{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.hist.cash>div{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center}.st{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8b96ab}.st-completed{color:#3ddc97}.st-failed,.st-rejected,.st-expired,.st-cancelled{color:#ff7a7a}
.me{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 14px 4px 5px;cursor:pointer;font-weight:700}.me:hover{border-color:var(--gold)}
.vip-badge{--vip:#c58a52;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;font-weight:900;font-size:12px;color:#1a1205;background:radial-gradient(circle at 30% 25%,#fff8,var(--vip) 45%,#0006);box-shadow:0 0 10px var(--vip);border:1px solid #fff5}.vip-badge.big{width:44px;height:44px;font-size:20px}
.vip-pill{--vip:#c58a52;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--vip) 25%,#0000);border:1px solid var(--vip);color:var(--vip);vertical-align:middle}
.vipbar{height:6px;border-radius:6px;background:#0b0e15;overflow:hidden;margin:10px 0}.vipbar i{display:block;height:100%;background:var(--vip,var(--gold));border-radius:6px;box-shadow:0 0 10px var(--vip,var(--gold))}
.vipcard .vipline{display:flex;gap:12px;align-items:center}.vipcard b{display:block}.vipcard small{color:var(--muted)}
/* ---------- transitions / skeleton ---------- */
#view.vt-in{animation:vtin .38s cubic-bezier(.2,.8,.2,1)}@keyframes vtin{from{opacity:0;transform:translateY(10px)}}
.skel{height:22px;margin:8px 0;border-radius:8px;background:linear-gradient(90deg,#141a24 25%,#1e2736 50%,#141a24 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}
.gh-jp{margin-left:auto;background:linear-gradient(180deg,#22190a,#120d05);border:1px solid rgba(216,180,90,.45);border-radius:999px;padding:4px 14px;font-size:13px;color:#f4dc94;font-variant-numeric:tabular-nums}
.foot{background:#05060a}.foot-row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.age18{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid #ff5468;color:#ff8a96;font-weight:900;font-size:12px}
.foot-pills em{font-style:normal;background:#111722;border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin:0 3px;font-size:11px}
/* ---------- big-win toast ---------- */
#wintoast{position:fixed;left:16px;bottom:16px;z-index:150;display:grid;gap:8px;pointer-events:none}
.wt{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#251c08,#120d04);border:1px solid #f1c232;border-radius:14px;padding:10px 16px;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 24px rgba(241,194,50,.3);transform:translateX(-120%);transition:transform .5s cubic-bezier(.2,1.2,.3,1)}
.wt.in{transform:none}.wt-ico{font-size:28px}.wt em{font-style:normal;color:#4be19b;font-weight:800}.wt small{display:block;color:var(--muted);font-size:11px}
/* ---------- auth modal ---------- */
.modal{background:rgba(3,4,8,.78)}.modal-card:has(.auth){max-width:860px;padding:0;overflow:hidden;border-color:rgba(216,180,90,.45);box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(241,194,50,.12)}
.auth{display:grid;grid-template-columns:300px 1fr}.auth.single{grid-template-columns:1fr;text-align:center}.auth.single .auth-form{max-width:520px;margin:auto}
.auth-art{padding:34px 26px;background:radial-gradient(circle at 30% 0%,rgba(241,194,50,.28),transparent 60%),linear-gradient(160deg,#1d1608,#0a0b12);border-right:1px solid var(--line);display:grid;align-content:start;gap:10px}
.auth-art .crest.big{margin:0}.auth-art h2{font-family:Georgia,serif;font-size:26px;letter-spacing:.06em;color:#f4dc94}.auth-art p{color:#b7bfd0;margin:0}
.auth-art ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px;font-size:13.5px}.auth-chips{display:flex;margin-top:auto}.auth-chips .chip3d{margin-right:-10px;--s:52px}
.auth-form{padding:28px 30px}.tabs{display:flex;background:#0b0e15;border-radius:12px;padding:4px;gap:4px;margin-bottom:10px}.tabs button{flex:1;padding:10px;border:0;background:none;border-radius:9px;font-weight:700;cursor:pointer;color:var(--muted)}.tabs button.on{background:var(--gold-grad);color:#1a1205}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-form label{margin:9px 0}.auth-form label small{color:#6b7488}
.check{display:flex!important;gap:10px;align-items:flex-start;color:#b7bfd0!important}.check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--gold)}
.ssn{display:flex;gap:6px}.eye{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:0 12px;cursor:pointer;font-size:12px;color:var(--muted)}
.err{min-height:20px;color:#ff8a96;font-size:13px;margin:6px 0}.auth-form form.shake{animation:shake .4s}
.btn.busy{opacity:.85;cursor:progress;animation:pulse 1s infinite}.lockline{text-align:center;margin-top:10px}
input[type=date]{color-scheme:dark}
@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-art{display:none}.two{grid-template-columns:1fr}}
/* ---------- REAL PLAYING CARDS ---------- */
.pc{container-type:size;width:62px;height:88px;border-radius:7px;background:linear-gradient(160deg,#fff,#f0f0f5 60%,#e2e2ea);border:1px solid #b8bccb;box-shadow:0 5px 14px rgba(0,0,0,.5),0 1px 0 #fff inset;color:#15171c;margin:0 -8px 0 0;overflow:hidden;font-weight:800}
.pc.red{color:#d21f38}
.pc .ix{position:absolute;display:grid;justify-items:center;line-height:1;z-index:2}.pc .ix b{font-size:21cqw;line-height:1;font-family:Georgia,'Times New Roman',serif}.pc .ix i{font-style:normal;font-size:15cqw;line-height:1;margin-top:1.5cqw}
.pc .ix.tl{left:6cqw;top:4cqw}.pc .ix.br{right:6cqw;bottom:4cqw;transform:rotate(180deg)}
.pc .pips{position:absolute;inset:11cqw 19cqw}.pc .pips i{position:absolute;transform:translate(-50%,0);font-style:normal;font-size:16cqw;line-height:1}.pc .pips i.flip{transform:translate(-50%,0) rotate(180deg)}.pc .pips i.ace{font-size:50cqw;transform:translate(-50%,-6%)}
.pc .fig-wrap{position:absolute;inset:7cqw 17cqw}.pc .fig{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.pc .fs{position:absolute;font-size:16cqw}.pc .fs1{left:2cqw;top:8cqw}.pc .fs2{right:2cqw;bottom:8cqw;transform:rotate(180deg)}
.pc .sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translateX(-120%);pointer-events:none}.pc.reveal .sheen,.pc.deal .sheen{animation:sheen .9s .2s}
@keyframes sheen{to{transform:translateX(120%)}}
.pc.back{background:radial-gradient(circle at 50% 50%,#7a1f2b 0 26%,transparent 27%),repeating-linear-gradient(45deg,#3a0f1c 0 6px,#5a1626 6px 12px),#3a0f1c;border:3px solid #f6f0e6;outline:1px solid #b8bccb;outline-offset:-4px}
.pc.back::before{content:"";position:absolute;inset:7%;border:1.5px solid rgba(232,194,90,.7);border-radius:5px}
.pc.back .crestmark{position:absolute;inset:0;display:grid;place-items:center;font-size:36cqw;color:#f1c232;text-shadow:0 0 12px rgba(0,0,0,.6)}
.pc.small{width:46px;height:65px;border-radius:5px}.pc.tiny{width:34px;height:48px;border-radius:4px}.pc.tiny .pips,.pc.tiny .fig-wrap{display:none}.pc.tiny .ix.tl{left:50%;top:50%;transform:translate(-50%,-50%)}.pc.tiny .ix.br{display:none}.pc.tiny .ix b{font-size:34cqw}
.pc.ghost{background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.22);box-shadow:none}
.pc.deal{animation:dealin .5s cubic-bezier(.2,.9,.3,1.1) both;animation-delay:calc(var(--i,0)*.12s)}
@keyframes dealin{from{transform:translate(120px,-140px) rotate(35deg) scale(.7);opacity:0}60%{opacity:1}}
.pc.reveal{animation:flip .55s ease both}@keyframes flip{0%{transform:rotateY(90deg)}100%{transform:none}}
.hlcard .pc,.vpc .pc{width:auto}
/* ---------- CASINO CHIPS ---------- */
.chip3d{--s:44px;width:var(--s);height:var(--s);border-radius:50%;display:inline-grid;place-items:center;position:relative;flex:none;
  background:radial-gradient(circle at 50% 50%,var(--c1) 0 43%,transparent 44%),radial-gradient(circle,var(--c1),var(--c2) 100%);box-shadow:0 3px 0 rgba(0,0,0,.55),0 5px 10px rgba(0,0,0,.35),inset 0 0 0 1.5px rgba(255,255,255,.25)}
.chip3d::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#fff 0 11deg,transparent 11deg 30deg);-webkit-mask:radial-gradient(circle,transparent 0 66%,#000 67% 91%,transparent 92%);mask:radial-gradient(circle,transparent 0 66%,#000 67% 91%,transparent 92%);opacity:.92}
.chip3d::after{content:"";position:absolute;inset:19%;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.chip3d em{position:relative;z-index:2;font-style:normal;font-weight:900;font-size:calc(var(--s)*.27);color:#fff;text-shadow:0 1px 2px #000,0 0 4px rgba(0,0,0,.8);letter-spacing:-.02em}
.chipbtn{width:auto;height:auto;border:0;background:none;box-shadow:none;padding:2px;cursor:pointer;border-radius:50%;transition:transform .12s,filter .15s}.chipbtn:hover{transform:translateY(-3px)}
.chipbtn .chip3d{--s:50px}.chipbtn.on{transform:translateY(-8px) scale(1.08);filter:drop-shadow(0 0 10px #f1c232)}.chipbtn.on .chip3d{box-shadow:0 0 0 3px #f1c232,0 8px 14px rgba(0,0,0,.6)}
.cstack{position:relative;display:inline-block;width:40px;height:48px}.cstack .col{position:absolute;left:50%;bottom:6px;width:0}.cstack .col .chip3d{position:absolute;left:calc(var(--x) - 15px);bottom:0;--s:30px;transform:translateY(var(--y,0));box-shadow:0 2px 0 rgba(0,0,0,.55)}
.cstack .ctag{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font-size:10px;font-weight:900;background:#000c;color:#ffe27a;border-radius:8px;padding:0 6px;white-space:nowrap;z-index:9;border:1px solid #f1c23288}
.stack{right:auto;left:50%;top:50%;transform:translate(-50%,-62%);z-index:8}
.bspot.big .stack,.oddstable .stack,.sbrow .stack{top:6px;right:8px;left:auto;transform:none}
.hot .cstack{transform:scale(.62)}.hot .stack{transform:translate(-50%,-50%)}
.chip3d.top{}
.hbet .cstack,.pbet .cstack{transform:scale(.9)}
/* ---------- felt / table surfaces ---------- */
.stage{background:radial-gradient(ellipse at 50% 35%,rgba(255,255,255,.10),transparent 60%),radial-gradient(ellipse at 50% 30%,#146b4c,#0a3d2c 70%,#06281d),#0a3d2c;box-shadow:inset 0 0 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.4)}
.stage::before{content:"";position:absolute;inset:0;background:var(--noise);opacity:.18;mix-blend-mode:multiply;pointer-events:none}
.stage::after{content:"";position:absolute;inset:9px;border:1px solid rgba(241,194,50,.28);border-radius:12px;pointer-events:none;box-shadow:inset 0 0 30px rgba(0,0,0,.25)}
.crashstage::after,.plinko::after,.minesstage::after,.dicestage::after,.coinstage::after,.kenostage::after,.scratchstage::after,.hilo::after,.vp::after{display:none}
.stage.rolling{animation:none}
.betarea{background:linear-gradient(180deg,#151b26,#0f141d);border-color:rgba(241,194,50,.2)}
.bspot{background:linear-gradient(180deg,#182130,#0e141e);border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.bspot:hover{box-shadow:0 0 0 1px var(--gold),0 0 18px rgba(241,194,50,.25)}
.statusbar{background:linear-gradient(180deg,#171e2b,#10151f);border-color:rgba(241,194,50,.22)}
.banner{background:linear-gradient(180deg,#000d,#000c);border:2px solid #f1c232;box-shadow:0 0 30px rgba(241,194,50,.35);font-family:Georgia,serif;letter-spacing:.14em}
.hn{box-shadow:0 2px 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25)}
.tile2 .playbtn{}
/* dice */
.die{background:linear-gradient(145deg,#fff 0%,#e9ebf2 55%,#c5c9d8 100%);box-shadow:0 7px 14px rgba(0,0,0,.55),inset -3px -3px 6px rgba(0,0,0,.14),inset 2px 2px 4px #fff}
.die i.on{background:radial-gradient(circle at 35% 30%,#555,#0c0d12 60%);box-shadow:inset 0 1px 2px rgba(255,255,255,.2)}
.die.mini{box-shadow:0 2px 4px rgba(0,0,0,.4)}.die.art{width:46px;height:46px;padding:7px}
/* coins (confetti) */
.conf.coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c2,#f1c232 55%,#8a5a00);box-shadow:0 0 6px #f1c232;top:30%}
.resultpop{background:linear-gradient(180deg,#0d0f16f2,#07080dee);border-color:#f1c232;box-shadow:0 0 50px rgba(241,194,50,.4)}.resultpop.win b{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 6px rgba(241,194,50,.5))}
/* ---------- LOBBY ---------- */
main{max-width:1380px}
.carousel{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(216,180,90,.35);margin-bottom:14px;min-height:300px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.slides{position:relative;min-height:300px}
.slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 48px;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .7s,transform 1.2s,visibility .7s}
.slide.on{opacity:1;visibility:visible;transform:none}
.slide.s1{background:radial-gradient(circle at 80% 30%,rgba(241,194,50,.35),transparent 55%),linear-gradient(120deg,#231a08,#0c0d16 70%)}
.slide.s2{background:radial-gradient(circle at 80% 40%,rgba(255,138,30,.4),transparent 55%),linear-gradient(120deg,#2d1a06,#100b18 75%)}
.slide.s3{background:radial-gradient(circle at 80% 40%,rgba(31,169,113,.4),transparent 55%),linear-gradient(120deg,#062a1c,#080d14 75%)}
.slide.s4{background:radial-gradient(circle at 80% 40%,rgba(80,130,255,.45),transparent 55%),linear-gradient(120deg,#0b1a44,#070912 75%)}
.slide.s5{background:radial-gradient(circle at 80% 40%,rgba(160,80,255,.4),transparent 55%),linear-gradient(120deg,#1d0f3a,#080912 75%)}
.sl-copy{max-width:520px;z-index:2}.sl-copy h1{font-family:Georgia,serif;font-size:clamp(30px,4.6vw,54px);line-height:1.05;margin:8px 0 10px;text-shadow:0 4px 20px rgba(0,0,0,.6)}.sl-copy p{color:#c9d1e2;margin:0 0 20px;font-size:16px}
.eyebrow{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:.32em}
.sl-art{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.sl-sym{display:flex;gap:6px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))}.sl-sym .sym-svg{width:clamp(70px,11vw,140px);height:auto;animation:floaty 3.4s ease-in-out infinite}.sl-sym .sym-svg:nth-child(2){animation-delay:-.6s;transform:scale(1.15)}.sl-sym .sym-svg:nth-child(3){animation-delay:-1.2s}
@keyframes floaty{50%{transform:translateY(-10px)}}
.sl-wheel{width:clamp(180px,26vw,280px);animation:spin 26s linear infinite;filter:drop-shadow(0 14px 30px rgba(0,0,0,.6))}@keyframes spin{to{transform:rotate(360deg)}}
.sl-chips{display:flex}.sl-chips .chip3d{--s:clamp(60px,9vw,96px);margin-left:-18px;animation:floaty 3s ease-in-out infinite;animation-delay:calc(var(--i)*-.4s)}
.sl-cards{position:relative;height:200px;width:300px}.sl-cards .tcards{transform:scale(1.5)}.sl-cards .tchips{position:absolute;right:-20px;bottom:0}
.dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.dots i{width:9px;height:9px;border-radius:50%;background:#fff4;cursor:pointer;transition:.3s}.dots i.on{width:28px;border-radius:6px;background:var(--gold)}
.jpbar{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-bottom:14px}
.jp{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 20px;border-radius:16px;background:linear-gradient(180deg,#2a1e08,#120d05);border:1px solid #f1c232;box-shadow:0 0 34px rgba(241,194,50,.22),inset 0 0 20px rgba(0,0,0,.5)}
.jp-label{font-weight:900;letter-spacing:.18em;font-size:12px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.gemico{-webkit-text-fill-color:initial}
.jp-digits{display:flex;gap:3px;align-items:center}.dg{font-style:normal;display:grid;place-items:center;width:28px;height:40px;border-radius:6px;font-family:'Courier New',monospace;font-weight:900;font-size:26px;color:#ffe27a;background:linear-gradient(180deg,#0b0b10 0 48%,#1b1c26 50%,#0b0b10 52%);border:1px solid #3a2f12;box-shadow:inset 0 0 8px #000,0 0 8px rgba(241,194,50,.2);text-shadow:0 0 10px #f1c232}.sep{font-style:normal;color:#f1c232;font-weight:900;font-size:22px}
.jp small{color:#a89a72;font-size:11px;flex-basis:100%;margin-top:-4px}
.ticker{display:flex;align-items:center;gap:14px;padding:0 14px;margin:0;border-radius:16px;background:linear-gradient(180deg,#151b26,#0f141d);overflow:hidden}.tk-wrap{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.tk-track{display:inline-flex;gap:34px;white-space:nowrap;animation:marquee 60s linear infinite;overflow:visible}@keyframes marquee{to{transform:translateX(-50%)}}
.tki b{color:#fff}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 4px}.filters button{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-weight:700;color:var(--muted);transition:.15s}.filters button:hover{color:var(--text);border-color:#3a4760}.filters button.on{background:var(--gold-grad);color:#1a1205;border-color:transparent;box-shadow:0 0 16px rgba(241,194,50,.3)}.count{margin-left:auto;color:var(--muted);font-size:13px}
.sech{position:relative;padding-left:16px}.sech::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--gold-grad)}
.hide{display:none!important}.emptyq{padding:60px;text-align:center;color:var(--muted)}
.tiles{grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:14px}
.tile2{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,hsl(var(--a) 60% 22%),hsl(var(--b) 60% 9%));min-height:236px;transition:transform .2s,box-shadow .25s,border-color .2s}
.tile2::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.16),transparent 60%);pointer-events:none}
.tile2:hover{transform:translateY(-6px) scale(1.015);border-color:var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 30px rgba(241,194,50,.22)}
.tart{flex:1;display:grid;place-items:center;padding:16px 10px 0;min-height:120px;position:relative}.tart>svg,.tart>.tslot,.tart>.tcards,.tart>.tdice,.tart>.tballs{max-height:118px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));transition:transform .35s}.tart>svg{width:110px;height:110px}.tile2:hover .tart>*{transform:scale(1.1) rotate(-2deg)}.ticon{font-size:56px}
.tcards{position:relative;height:110px;width:150px}.tcards>div{position:absolute;left:50%;top:6px;transform:translateX(calc(var(--x) - 31px)) rotate(var(--r));transform-origin:50% 120%}.tdice{display:flex;gap:10px}.tdice .die.art{transform:rotate(-8deg)}.tdice .die.art+.die.art{transform:rotate(10deg) translateY(8px)}
.tchips{display:flex}.tchips .chip3d{--s:38px;margin-left:-12px}.tballs{display:flex;gap:4px}.tballs i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:radial-gradient(circle at 35% 30%,#fffa,hsl(var(--h),70%,55%) 40%,hsl(var(--h),70%,25%));box-shadow:0 4px 8px rgba(0,0,0,.5)}
.tslot{display:flex;gap:4px}.tslot .sym-svg{width:56px;height:56px}.tslot .sym-svg:nth-child(2){transform:translateY(-8px) scale(1.15)}
.ribbon{position:absolute;left:0;top:14px;padding:3px 12px 3px 10px;font-size:10px;font-weight:900;letter-spacing:.14em;border-radius:0 8px 8px 0;background:#3b82f6;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.4);z-index:3}.ribbon.rb-live{background:linear-gradient(90deg,#e0243a,#ff5468)}.ribbon.rb-hot{background:linear-gradient(90deg,#ff7a1e,#ffb020);color:#2a1200}.ribbon.rb-new{background:linear-gradient(90deg,#1fa971,#4be19b);color:#03150d}.ribbon.rb-jackpot{background:var(--gold-grad);color:#2a1a00}
.fav{position:absolute;right:10px;top:10px;z-index:4;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:17px;cursor:pointer;transition:.15s}.fav:hover{background:rgba(0,0,0,.7);transform:scale(1.15)}.fav.on{color:#ffd24d}
.tmeta{padding:8px 14px 0;z-index:2}.tmeta b{display:block;font-size:17px}.tmeta span{font-size:12px;color:#c3cbdb;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tfoot{display:flex;justify-content:space-between;gap:8px;padding:8px 14px 12px;font-size:11px;color:#a9b3c8;z-index:2}.tlive{color:#a9f0cf}.tstat{white-space:nowrap}
.playbtn{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6);opacity:0;padding:10px 26px;border-radius:999px;background:var(--gold-grad);color:#1a1205;font-weight:900;letter-spacing:.14em;box-shadow:0 8px 20px rgba(0,0,0,.5);transition:.22s;z-index:5}.tile2:hover .playbtn{opacity:1;transform:translate(-50%,-50%) scale(1)}
.lobby-side .panel{background:linear-gradient(180deg,#151b26,#0f141d);border-color:rgba(255,255,255,.08)}
@media(max-width:1000px){.jpbar{grid-template-columns:1fr}.slide{padding:24px}.sl-art{display:none}.search{display:none}.top-bulbs{display:none}.top{top:0}}
/* ---------- BLACKJACK TABLE ---------- */
.bjstage{min-height:520px;padding-top:12px}
.bjstage .felttext{position:absolute;left:50%;top:170px;transform:translateX(-50%);width:min(620px,92%);height:120px;pointer-events:none;opacity:.9}
.bjstage .felttext text{fill:#e9c76a;font-family:Georgia,serif;letter-spacing:.14em;font-size:15px;font-weight:700}
.shoe{position:absolute;right:26px;top:18px;width:74px;height:52px;border-radius:6px 6px 14px 6px;background:linear-gradient(160deg,#252a36,#0d0f15);border:1px solid #444c60;box-shadow:0 8px 16px rgba(0,0,0,.6);z-index:1}.shoe::after{content:"";position:absolute;left:8px;right:8px;top:8px;height:14px;border-radius:2px;background:repeating-linear-gradient(90deg,#fff 0 3px,#cfd3e0 3px 5px)}
.tray{position:absolute;left:26px;top:20px;display:flex;gap:2px;padding:6px 10px;border-radius:8px;background:linear-gradient(160deg,#252a36,#0d0f15);border:1px solid #444c60;z-index:1}.tray .chip3d{--s:22px}
.dealer{margin-top:8px}.dealer .cards{min-height:96px}
.seats{margin-top:0;align-items:end;gap:6px}.seat{border:0;min-height:210px;background:none;position:relative}
.seat:nth-child(1),.seat:nth-child(5){transform:translateY(26px) rotate(-3deg)}.seat:nth-child(2),.seat:nth-child(4){transform:translateY(8px) rotate(-1.4deg)}.seat:nth-child(5){transform:translateY(26px) rotate(3deg)}.seat:nth-child(4){transform:translateY(8px) rotate(1.4deg)}
.seat::before{content:"";position:absolute;bottom:34px;left:50%;width:74px;height:74px;margin-left:-37px;border-radius:50%;border:2px solid rgba(241,194,50,.4);box-shadow:inset 0 0 14px rgba(0,0,0,.35),0 0 12px rgba(241,194,50,.12)}
.seat.empty::before{border-style:dashed}.seat.mine{background:radial-gradient(circle at 50% 80%,rgba(241,194,50,.18),transparent 70%)}.seat.mine::before{border-color:#f1c232;box-shadow:0 0 22px rgba(241,194,50,.5)}
.seat.active{box-shadow:none}.seat.active::after{content:"";position:absolute;inset:auto 10% 30px;height:3px;background:#ffe27a;box-shadow:0 0 16px #ffe27a;border-radius:3px;animation:pulse 1s infinite}
.hands{position:relative;z-index:2;margin-bottom:6px}.hbet{position:absolute;left:50%;bottom:-54px;transform:translateX(-50%);z-index:3}.hbet.solo{position:relative;left:auto;bottom:auto;transform:none;margin-bottom:22px}
.bhand{align-items:center}.bhand .pc{width:52px;height:74px;margin-right:-30px}.bhand .cards{padding-right:30px;min-height:76px}.bhand.cur .cards{filter:drop-shadow(0 0 10px #ffe27a)}
.htot{background:linear-gradient(180deg,#0b0f16,#000);border:1px solid rgba(255,255,255,.2);font-size:13px}.bhand.win .htot,.bhand.blackjack .htot{border-color:#4be19b;color:#4be19b}.bhand.bust .htot,.bhand.lose .htot{border-color:#ff5468;color:#ff8a96}
.hb{border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 10px rgba(0,0,0,.4)}
.sname{position:relative;z-index:3;background:linear-gradient(180deg,#141a24,#0a0e14);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px 10px 3px 4px;max-width:96%}
.bjact .btn.big{min-width:110px;box-shadow:0 6px 16px rgba(0,0,0,.4)}
/* ---------- POKER TABLE ---------- */
.pkfelt{background:radial-gradient(ellipse at 50% 35%,#1c8a63,#0d5138 60%,#073323);border:14px solid transparent;border-image:none;background-clip:padding-box;box-shadow:0 0 0 12px #3a2412,0 0 0 14px #7a5228,0 0 0 16px #2a1809,inset 0 0 80px rgba(0,0,0,.55),0 30px 50px rgba(0,0,0,.5);position:relative}
.pkfelt::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--noise);opacity:.16;mix-blend-mode:multiply;pointer-events:none}
.pkfelt::after{content:"MERIDIAN  ROYALE";position:absolute;left:50%;top:32%;transform:translateX(-50%);font-family:Georgia,serif;letter-spacing:.5em;font-size:13px;color:rgba(241,194,50,.35);pointer-events:none;white-space:nowrap}
.pkstage::before,.pkstage::after{display:none}.pkstage{background:#080a10}
.pinfo{background:linear-gradient(180deg,#151b26f5,#090c12f5);border:2px solid #2f3a50}.pseat.turn .pinfo{animation:turnring 1s infinite}@keyframes turnring{50%{box-shadow:0 0 30px rgba(255,226,122,.9)}}
.pseat .av{box-shadow:0 0 0 2px #0008,0 0 0 3px rgba(255,255,255,.25)}
.hole .pc.small{width:44px;height:62px}.pseat.mine .hole .pc{width:60px;height:84px}.hole .pc{margin:0 -4px 0 0}.board .pc{width:62px;height:88px;margin:0 2px}
.dbtn{box-shadow:0 3px 8px rgba(0,0,0,.6)}.pot{background:linear-gradient(180deg,#000c,#000a);border:1px solid rgba(241,194,50,.45)}
.pbet{top:-42px}
/* ---------- misc solo tables ---------- */
.tcp{background:radial-gradient(ellipse at 50% 30%,#1a4a8a,#0b2450 70%,#071634)}.vp{background:radial-gradient(ellipse,#233a9c,#0a1140)}
.vpc .pc{width:92px;height:130px}.hlcard .pc{width:118px;height:166px}
.stage.abfelt .pc.small{margin-right:-14px}
.mtile{background:linear-gradient(180deg,#465470,#252e42);box-shadow:0 5px 0 #141a27,inset 0 1px 0 rgba(255,255,255,.2)}
.slot-wrap{max-width:1000px}
/* ---------- SLOT CABINET ---------- */
.slot-wrap{gap:12px}
.cab{position:relative;padding:16px 20px 20px;border-radius:32px;background:linear-gradient(180deg,#43301a,#1a1208 40%,#0d0904);border:0;box-shadow:0 0 0 3px #f1c232,0 0 0 7px #6b4a10,0 0 0 9px #f1c232,0 30px 70px rgba(0,0,0,.7),0 0 70px rgba(241,194,50,.18)}
.theme-dragon .cab{background:linear-gradient(180deg,#4a1218,#1a070a 40%,#0d0405);box-shadow:0 0 0 3px #ff5a3c,0 0 0 7px #6b1410,0 0 0 9px #f1c232,0 30px 70px rgba(0,0,0,.7),0 0 70px rgba(255,90,60,.2)}
.theme-classic .cab{background:linear-gradient(180deg,#4a0e18,#200609 40%,#0d0405);box-shadow:0 0 0 3px #f1c232,0 0 0 7px #7a1420,0 0 0 9px #f1c232,0 30px 70px rgba(0,0,0,.7),0 0 70px rgba(255,60,80,.18)}
.cab-marquee{display:grid;gap:8px;text-align:center;margin-bottom:8px}
.cab-title{margin:0;font-family:Georgia,serif;letter-spacing:.26em;font-size:clamp(18px,3.2vw,32px);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #4a2f00) drop-shadow(0 0 14px rgba(241,194,50,.35))}
.cab-jp{display:flex;justify-content:center;gap:14px;align-items:baseline;background:#000b;border:1px solid #f1c23299;border-radius:999px;padding:4px 20px;width:max-content;max-width:100%;margin:0 auto 12px;font-size:11px;letter-spacing:.16em;color:#ffe27a;box-shadow:0 0 20px rgba(241,194,50,.2)}.cab-jp b{font-size:20px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 14px #f1c232}
.cab-window{position:relative;border-radius:18px;overflow:hidden;padding:14px;background:#000;box-shadow:inset 0 0 60px #000,0 0 0 3px rgba(241,194,50,.7),0 0 0 6px #000}
.cab-bg{position:absolute;inset:0}.cab-bg svg{width:100%;height:100%;display:block}.cab-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.55))}
.slot-wrap .reels{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--reels),1fr);gap:7px;padding:0;background:none;border-radius:0}
.slot-wrap .reel{position:relative;display:block;height:calc(var(--cell,100px)*3);overflow:hidden;border-radius:10px;padding:0;background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 12%,transparent 88%,rgba(0,0,0,.14)),linear-gradient(180deg,#fffdf4,#efe6c9 50%,#fffdf4);box-shadow:inset 0 12px 16px -6px rgba(0,0,0,.55),inset 0 -12px 16px -6px rgba(0,0,0,.55),0 0 0 2px rgba(0,0,0,.6)}
.theme-egypt .reel{background:linear-gradient(90deg,rgba(80,40,0,.2),transparent 12%,transparent 88%,rgba(80,40,0,.2)),linear-gradient(180deg,#f8e9bf,#e6cd90 50%,#f8e9bf)}
.theme-dragon .reel{background:linear-gradient(90deg,rgba(90,0,0,.22),transparent 12%,transparent 88%,rgba(90,0,0,.22)),linear-gradient(180deg,#fff0e0,#f0d2b0 50%,#fff0e0)}
.slot-wrap .reel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 22%,transparent 78%,rgba(0,0,0,.22))}
.strip{display:flex;flex-direction:column;will-change:transform}
.slot-wrap .cell{position:relative;height:var(--cell,100px);aspect-ratio:auto;display:grid;place-items:center;font-size:inherit;background:none;border-radius:0;transition:opacity .25s,filter .25s}
.slot-wrap .cell::before{content:"";position:absolute;inset:8%;border-radius:14px;background:radial-gradient(circle,rgba(0,0,0,.05),transparent 70%)}
.sym-svg{position:relative;width:86%;height:86%;filter:drop-shadow(0 4px 3px rgba(0,0,0,.4));overflow:visible}
.reel.moving .sym-svg{filter:blur(3.5px) drop-shadow(0 4px 3px rgba(0,0,0,.3))}.reel.moving .cell{transform:scaleY(1.06)}
.reel.stop .strip{animation:reelbounce .3s ease-out}@keyframes reelbounce{40%{transform:translateY(9px)}}
.slot-wrap .cell.dim{opacity:.32;filter:grayscale(.6)}
.slot-wrap .cell.win{animation:cellwin .55s infinite alternate;background:none;box-shadow:none;z-index:3}
.slot-wrap .cell.win::before{background:radial-gradient(circle,rgba(255,226,122,.95),rgba(241,194,50,.35) 55%,transparent 72%)}
.slot-wrap .cell.win .sym-svg{filter:drop-shadow(0 0 10px #f1c232) drop-shadow(0 4px 3px rgba(0,0,0,.4))}
@keyframes cellwin{to{transform:scale(1.09)}}
.reel.antic{box-shadow:0 0 0 3px #ff4d6d,0 0 30px #ff4d6d,inset 0 12px 16px -6px rgba(0,0,0,.55);animation:pulse .5s infinite}
.paylines{position:absolute;left:0;top:0;width:100%;height:100%;z-index:4;pointer-events:none}
.fx{position:absolute;inset:0;z-index:6;pointer-events:none;width:100%;height:100%}
.slot-wrap .fsbanner{position:absolute;left:0;right:0;top:14px;z-index:7;text-align:center;padding:9px 12px;background:linear-gradient(90deg,transparent,rgba(224,70,79,.95) 20%,rgba(224,70,79,.95) 80%,transparent);font-size:18px;letter-spacing:.08em;text-shadow:0 2px 6px #000;animation:fsin .5s}.fsbanner span{opacity:.9;font-size:14px;margin-left:8px}
@keyframes fsin{from{transform:scaleY(0)}}
.bigwin{position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,0,0,.55),rgba(0,0,0,.88));cursor:pointer;overflow:hidden;animation:fade .3s}@keyframes fade{from{opacity:0}}
.rays{position:absolute;width:190%;aspect-ratio:1;background:repeating-conic-gradient(rgba(255,226,122,.42) 0 5deg,transparent 5deg 15deg);animation:spin 12s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 5%,transparent 62%);mask-image:radial-gradient(circle,#000 5%,transparent 62%)}
.bw-in{position:relative;text-align:center;display:grid;gap:6px}.bw-in small{color:#a9b3c8}
.bw-title{font-family:Georgia,serif;font-weight:900;font-size:clamp(34px,8vw,76px);letter-spacing:.08em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #4a2f00) drop-shadow(0 0 24px #f1c232);animation:bwpop .7s cubic-bezier(.2,1.6,.4,1)}
@keyframes bwpop{from{transform:scale(.2) rotate(-8deg);opacity:0}}
.bigwin.mega .bw-title{background:linear-gradient(180deg,#ffe0ff,#c25cff 50%,#6a1fd0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #2a0a5a) drop-shadow(0 0 26px #b85cff)}
.bigwin.epic .bw-title{background:linear-gradient(180deg,#ffd0d6,#ff4d6d 50%,#a0102a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #4a0410) drop-shadow(0 0 26px #ff4d6d)}
.bigwin.jackpot .bw-title{background:linear-gradient(90deg,#ff5468,#ffb020,#ffe27a,#4be19b,#4c8dff,#b98cff,#ff5468);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:bwpop .7s cubic-bezier(.2,1.6,.4,1),rainbow 2s linear infinite}@keyframes rainbow{to{background-position:200%}}
.bw-amt{font-size:clamp(32px,7.4vw,68px);font-weight:900;color:#fff;text-shadow:0 0 26px #f1c232,0 4px 0 #000;font-variant-numeric:tabular-nums}
.winline{text-align:center;min-height:28px;margin:10px 0 2px;color:#ffe27a;font-size:14px}.winline b{color:#fff}.winline .sym-svg.inl{display:inline-block;width:24px;height:24px;vertical-align:middle;margin:0 2px}
.cab-panel{display:grid;grid-template-columns:1.1fr .8fr 1fr auto;gap:16px;align-items:center;margin-top:8px;background:linear-gradient(180deg,#07070c,#12121a);border-radius:20px;padding:14px 18px;border:1px solid rgba(241,194,50,.4);box-shadow:inset 0 0 20px rgba(0,0,0,.6)}
.stepper{display:flex;align-items:center;gap:12px;justify-content:center}.stepper div{text-align:center;min-width:90px}.stepper small,.winbox small{display:block;font-size:10px;letter-spacing:.22em;color:#a89a72}.stepper b{font-size:26px;font-variant-numeric:tabular-nums;color:#fff}.winbox{text-align:center}.winbox b{font-size:32px;color:#4be19b;text-shadow:0 0 16px rgba(75,225,155,.5);font-variant-numeric:tabular-nums}
.rbtn{width:40px;height:40px;border-radius:50%;border:2px solid #f1c232;background:linear-gradient(180deg,#2a2210,#0d0b06);color:#ffe27a;font-size:24px;font-weight:900;cursor:pointer;line-height:1}.rbtn:hover{filter:brightness(1.4);box-shadow:0 0 14px rgba(241,194,50,.5)}
.ctlcol{display:grid;gap:6px}.mini{padding:7px 10px;border-radius:8px;border:1px solid rgba(241,194,50,.5);background:#14110a;color:#ffe27a;font-weight:800;font-size:11px;letter-spacing:.1em;cursor:pointer}.mini:hover{filter:brightness(1.3)}.mini.on{background:var(--gold-grad);color:#1a1205}
.spinbtn{position:relative;width:108px;height:108px;border-radius:50%;border:5px solid #7a5200;background:radial-gradient(circle at 35% 28%,#fff6c2,#f1c232 45%,#a86a00);color:#3a2400;font-weight:900;font-size:21px;letter-spacing:.1em;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 0 #5a3a00,0 16px 26px rgba(0,0,0,.55),inset 0 -8px 14px rgba(0,0,0,.25),0 0 30px rgba(241,194,50,.35);transition:transform .08s,box-shadow .08s}
.spinbtn span{margin-top:-16px}.spinbtn svg{position:absolute;bottom:15px;width:26px;height:26px}.spinbtn:hover:not(:disabled){filter:brightness(1.08)}
.spinbtn:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px 0 #5a3a00,0 8px 16px rgba(0,0,0,.55),inset 0 -8px 14px rgba(0,0,0,.25)}
.spinbtn.spinning svg{animation:spin .7s linear infinite}.spinbtn:disabled{filter:grayscale(.4) brightness(.85);cursor:not-allowed}
.ptsym .sym-svg{width:36px;height:36px}.paytable .ptsym{width:50px}
@media(max-width:820px){.cab-panel{grid-template-columns:1fr 1fr}.spinbtn{grid-column:1/-1;margin:auto;width:96px;height:96px}.cab{padding:12px}}
.potchips{min-height:52px;display:grid;place-items:center}.potchips .cstack{transform:scale(1.15)}
.bspot .lock{position:absolute;right:-2px;top:-4px;font-size:11px}
/* ---------- fixes from visual review ---------- */
.nav{gap:2px}.nav a{white-space:nowrap;padding:8px 13px}
input[type=password],input[type=date],input[type=search],input[type=email]{background:#0b0f16;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);width:100%}
.ssn input{flex:1}
input[type=date]{min-height:42px}
.slot-wrap{max-width:min(940px,calc((100vh - 390px) * 1.72))}
.slot-wrap.r3{max-width:min(620px,calc((100vh - 390px) * 1.02))}
.slot-wrap .slot-top{max-width:100%}
.bjstage{display:flex;flex-direction:column;min-height:500px}
.bjstage .felttext{top:158px}
.bjstage .seats{margin-top:auto;padding-bottom:58px}
.bjstage .dealer{margin-top:4px}
.pkfelt::after{top:24%}
.rt-num .stack,.rt-out .stack{transform:translate(-50%,-56%) scale(.72)}
.oddstable .cstack,.sbrow .cstack,.bspots .cstack{transform:scale(.8);transform-origin:top right}
.ctag{font-family:system-ui}
.pc .pips{inset:13cqw 27cqw}.pc .pips i{font-size:15cqw}.pc .pips i.ace{font-size:46cqw}
/* compact slot cabinets so the whole machine + spin button fit the viewport */
.slot-wrap{max-width:clamp(560px,calc((100vh - 500px) * 1.667 + 100px),940px)}
.slot-wrap.r3{max-width:clamp(400px,calc((100vh - 500px) + 100px),620px)}
.slot-wrap>p.tiny{display:none}
.cab{padding:12px 16px 14px}.cab-marquee{margin-bottom:4px}.cab-title{font-size:clamp(16px,2.6vw,26px)}.cab-jp{margin-bottom:8px;padding:2px 16px}.cab-jp b{font-size:17px}
.cab-window{padding:10px}.cab-panel{padding:10px 14px;margin-top:4px}.winline{min-height:22px;margin:6px 0 0;font-size:13px}
.spinbtn{width:92px;height:92px;font-size:18px}.spinbtn svg{bottom:12px;width:22px;height:22px}
.slot-top{flex-wrap:wrap;gap:8px}.slot-tabs a{padding:5px 12px;font-size:12px}
.gh-jp{display:none}
/* ---------- performance pass (same look, cheaper to draw) ---------- */
.top{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,rgba(16,18,26,.99),rgba(9,11,16,.98))}
.modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(3,4,8,.86)}
body{background-attachment:scroll}
.stage::before,.pkfelt::before{mix-blend-mode:normal;opacity:.09}
.bulbs{filter:none;animation:bulbfade 1.2s steps(2) infinite}@keyframes bulbfade{50%{opacity:.45}}
.top-bulbs,.tk-track{will-change:transform,opacity}
.slide:not(.on) *{animation-play-state:paused!important}
.sl-wheel{position:relative;animation:none;filter:none}.sl-wheel::before{content:"";position:absolute;inset:6%;border-radius:50%;box-shadow:0 16px 34px rgba(0,0,0,.65)}.sl-wheel svg{position:relative;animation:spin 26s linear infinite;will-change:transform}
.sl-sym,.sl-sym .sym-svg{filter:none}
.tk-wrap{-webkit-mask-image:none;mask-image:none;position:relative}
.tk-wrap::before,.tk-wrap::after{content:"";position:absolute;top:0;bottom:0;width:44px;z-index:2;pointer-events:none}
.tk-wrap::before{left:0;background:linear-gradient(90deg,#131925,transparent)}.tk-wrap::after{right:0;background:linear-gradient(270deg,#131925,transparent)}
.reel.moving .sym-svg{filter:none}.reel.moving .cell{transform:none}.reel.moving .strip{filter:blur(2.5px)}
.lobby-main>section{content-visibility:auto;contain-intrinsic-size:auto 430px}
.strip{contain:layout paint}.reel{contain:paint}
.rwheel canvas,.mwheel canvas,.crashstage canvas,.plinko canvas,.cab-window .fx{will-change:transform;transform:translateZ(0)}
/* ---------- legal pages + footer links ---------- */
.foot-links{display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap}.foot-links a{color:#b7bfd0;text-decoration:underline;text-decoration-color:rgba(216,180,90,.4);text-underline-offset:3px}.foot-links a:hover{color:#f4dc94}
.legal{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start;max-width:1100px;margin:0 auto}
.legal-nav{position:sticky;top:84px;display:grid;gap:4px;background:linear-gradient(180deg,#151b26,#0f141d);border:1px solid var(--line);border-radius:16px;padding:14px}
.legal-nav h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:2px 8px 8px}.legal-nav a{padding:9px 12px;border-radius:10px;color:#c9d2e3;font-weight:600}.legal-nav a:hover{background:var(--panel2)}.legal-nav a.on{background:var(--gold-grad);color:#1a1205}.legal-nav p{margin:12px 8px 2px;line-height:1.5}
.legal-body{background:linear-gradient(180deg,#151b26,#0f141d);border:1px solid var(--line);border-radius:18px;padding:30px 36px;line-height:1.65;color:#d5dcea}
.legal-body h1{font-family:Georgia,serif;font-size:32px;margin-bottom:6px;color:#f4dc94}.legal-body h3{margin:22px 0 6px;color:#fff;font-size:17px}.legal-body p{margin:8px 0}.legal-body ul,.legal-body ol{padding-left:22px;margin:8px 0}.legal-body li{margin:5px 0}
.callout{border:1px solid #f1c232;background:linear-gradient(135deg,rgba(241,194,50,.14),rgba(241,194,50,.04));border-radius:14px;padding:16px 18px;margin:16px 0;font-size:16px;color:#fff3c8}
.ptable{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.ptable th,.ptable td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.ptable th{color:var(--gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:860px){.legal{grid-template-columns:1fr}.legal-nav{position:static}.legal-body{padding:22px 18px}}
/* ---------- responsible play ---------- */
.rg-foot{max-width:900px;margin:2px auto;padding:10px 18px;border:1px solid rgba(241,194,50,.4);border-radius:12px;background:linear-gradient(135deg,rgba(241,194,50,.1),rgba(241,194,50,.03));color:#e7d9a8;font-size:13px;line-height:1.55}
.rg-foot b{color:#ffe27a}.rg-foot a,.rg-line a,.rg-mini a,.rg-card a,.rg-panel a,.rc a,.rg-tools a{color:#ffe27a;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.rg-line{margin:14px auto 0;text-align:center;font-size:12.5px;color:#a9b3c8;max-width:900px}.rg-line b{color:#e7d9a8}
.rg-mini{text-align:center;color:#a9b3c8;margin-top:6px}
.rg-card p{margin:6px 0;font-size:13px;color:#c9d2e3}.rg-card .btn{margin-top:6px;width:100%}
.rg-panel{border:1px solid rgba(241,194,50,.4);background:rgba(241,194,50,.07);border-radius:12px;padding:12px 14px;margin:12px 0;color:#f0e3b4;font-size:14px}
.rc{text-align:center}.rc-ico{font-size:44px}.rc h2{margin:6px 0 8px}.rc .statgrid{margin:14px 0}.rc-actions{justify-content:center;margin-top:14px}
.rg-tools{border-top:1px solid var(--line);margin-top:14px;padding-top:6px}.rg-tools select{background:#0b0f16;border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--text)}
/* accounts */
.acct{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.acct div{background:var(--bg2);border-radius:10px;padding:10px 12px}.acct small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.acct b{font-size:14px}
.mk{margin:6px 0 4px!important;font-size:13px}
body.guest .wallet,body.guest .search,body.guest #nav{display:none}
form.sec label{display:grid;gap:5px;margin:10px 0;font-size:13px;color:#a9b3c8}form.sec input{background:#0b0f16;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);width:100%}
.check a{color:#ffe27a;font-weight:700;text-decoration:underline;text-underline-offset:3px}
