/* Ripl bundle */
/* == styles.css == */
/* ═══════════ RIPL · black × lime ═══════════ */
:root{
  --bg:#0a0a0a;--bg2:#050505;--panel:#111111;--panel2:#161616;--panel3:#1d1d1d;--line:#1f1f1f;--line2:#2a2a2a;
  --tx:#f4f4f2;--tx2:#c4c4c0;--mute:#8a8a86;--lime:#1f5bff;--lime2:#4d7dff;--limed:#1747d6;--red:#ff4d5e;--green:#38d97a;--amber:#ffbf3c;
  --r:16px;--hh:64px;--sw:272px;--sr:84px;
  --disp:Impact,"Futura-CondensedExtraBold","Futura Condensed ExtraBold","Arial Narrow","Roboto Condensed",sans-serif-condensed,"DejaVu Sans Condensed",sans-serif;
  --ui:"SF Pro Display","Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.45 var(--ui);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
img{max-width:100%}::selection{background:var(--lime);color:#000}
*{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}
.ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mute{color:var(--mute)}.lime{color:var(--lime)}.red{color:var(--red)}.green{color:var(--green)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all}
.sp{flex:1}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.stack>*+*{margin-top:10px}.hide{display:none!important}

/* top strip (pre-launch notice) */
.notice{position:fixed;top:0;left:0;right:0;height:18px;z-index:70;background:#0f0f0f;border-bottom:1px solid var(--line);color:var(--lime);font:600 9px/18px var(--ui);letter-spacing:.14em;text-align:center;text-transform:uppercase}
body.has-notice{--nt:18px}body{--nt:0px}

/* header */
.hdr{position:fixed;top:var(--nt);left:0;right:0;height:var(--hh);z-index:60;display:flex;align-items:center;gap:14px;padding:0 18px;background:#0a0a0af2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.burger{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--tx2);background:var(--panel)}.burger:hover{color:#fff;background:var(--panel2)}
.logo{display:flex;align-items:center}.logo img{height:38px;display:block}
.bal{display:flex;align-items:center;gap:0;background:var(--panel);border:1px solid var(--line2);border-radius:14px;height:44px;padding:0 4px 0 4px}
.bal select{appearance:none;background:transparent;border:0;color:var(--tx);font-weight:700;padding:0 6px 0 8px;height:40px;cursor:pointer}
.bal .amt{font-weight:750;font-variant-numeric:tabular-nums;padding:0 10px;display:flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:13px;font-weight:800;letter-spacing:.01em;background:var(--lime);color:#ffffff;box-shadow:inset 0 1px 0 #ffffff70,0 10px 24px -14px var(--lime);transition:filter .15s,transform .1s}
.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}
.btn.ghost{background:var(--panel2);color:var(--tx);box-shadow:none;border:1px solid var(--line2)}.btn.ghost:hover{border-color:#3a3a3a}
.btn.sm{height:34px;padding:0 12px;border-radius:10px;font-size:13px}.btn.lg{height:52px;font-size:16px;border-radius:15px}.btn.red{background:var(--red);color:#fff}.btn.block{width:100%}
.btn .ic{width:18px;height:18px}
.avatar{width:44px;height:44px;border-radius:12px;background:var(--panel);display:grid;place-items:center;color:var(--tx2)}.avatar:hover{background:var(--panel2);color:#fff}

/* sidebar */
.side{position:fixed;left:0;top:calc(var(--nt) + var(--hh));bottom:0;width:var(--sw);z-index:50;background:var(--bg2);border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;padding:14px 14px 30px;transition:width .2s}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--panel);border-radius:14px;margin-bottom:10px}
.seg a{text-align:center;padding:10px;border-radius:11px;font-weight:650;color:var(--tx2)}.seg a.on{background:var(--lime);color:#ffffff}
.sq{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;background:var(--panel);border-radius:13px;color:var(--mute);margin-bottom:14px}
.sq input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:inherit}
.sgrp{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.si{display:flex;align-items:center;gap:14px;height:50px;padding:0 14px;border-radius:13px;color:var(--tx2);font-weight:550;white-space:nowrap;margin-bottom:4px;transition:background .15s,color .15s}
.si .ic{color:#9a9a96}.si:hover{background:var(--panel);color:#fff}.si:hover .ic{color:#fff}
.si.on{background:var(--panel2);color:var(--lime)}.si.on .ic{color:var(--lime)}
.sh{font:700 10.5px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#6e6e6a;margin:4px 14px 8px}
body.rail .side{width:var(--sr);padding:14px 12px}
body.rail .side .seg,body.rail .side .sq,body.rail .side .sh,body.rail .side .si span{display:none}
body.rail .side .si{justify-content:center;padding:0;height:52px;width:56px;margin:0 auto 6px}
body.rail .side .si.on{background:var(--lime);color:#ffffff}body.rail .side .si.on .ic{color:#ffffff}
body.rail .side .rq{display:flex}.side .rq{display:none;width:56px;height:52px;margin:0 auto 6px;border-radius:13px;background:var(--panel);align-items:center;justify-content:center;color:var(--tx2)}
.rcs{display:none}body.rail .side .rcs{display:grid;gap:4px;padding:4px;background:var(--panel);border-radius:14px;width:60px;margin:0 auto 12px}
.rcs a{height:50px;border-radius:11px;display:grid;place-items:center;color:var(--tx2)}.rcs a.on{background:var(--lime);color:#ffffff}
.main{margin-left:var(--sw);padding:calc(var(--nt) + var(--hh) + 22px) 28px 60px;transition:margin .2s;min-height:100vh}
body.rail .main{margin-left:var(--sr)}
.wrapc{max-width:1320px;margin:0 auto}
.scrim{display:none}
.nav{display:none}

/* mobile */
@media(max-width:899px){
  :root{--hh:58px}
  .hdr{padding:0 12px;gap:10px}.logo img{height:30px}.hdr .burger{display:none}
  .side{transform:translateX(-102%);transition:transform .22s;width:290px!important;top:0;padding-top:16px;z-index:90}
  body.drawer .side{transform:none}body.drawer .scrim{display:block;position:fixed;inset:0;background:#000b;z-index:85}
  body.rail .side .seg,body.rail .side .sq,body.rail .side .sh{display:block}body.rail .side .seg{display:grid}body.rail .side .sq{display:flex}body.rail .side .si span{display:inline}body.rail .side .si{justify-content:flex-start;padding:0 14px;width:auto}body.rail .side .si.on{background:var(--panel2);color:var(--lime)}body.rail .side .rq,body.rail .side .rcs{display:none}
  .main,body.rail .main{margin-left:0;padding:calc(var(--nt) + var(--hh) + 14px) 14px calc(100px + env(safe-area-inset-bottom))}
  .nav{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;height:66px;background:#101010f2;backdrop-filter:blur(16px);border:1px solid var(--line2);border-radius:22px;padding:0 6px;box-shadow:0 18px 40px -10px #000}
  .nav a,.nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10.5px;font-weight:600;color:#8d8d89;border-radius:16px;margin:6px 0}
  .nav .on{color:var(--lime)}.nav .on .ic{filter:drop-shadow(0 0 8px #1f5bff88)}
  .bal .amt{padding:0 6px}.bal select{padding:0 2px 0 6px}
}

/* cards & forms */
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px}
.card h2,.h2{font:800 18px var(--ui);margin:0 0 12px}
input,select,textarea{width:100%;background:var(--bg2);border:1px solid var(--line2);color:var(--tx);border-radius:12px;padding:12px 14px;font:inherit;outline:0;transition:border-color .15s}
input:focus,select:focus,textarea:focus{border-color:var(--lime)}
label{display:block;font-size:12px;font-weight:600;color:var(--mute);margin:10px 0 6px}
.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2);color:var(--tx2);font-weight:600;font-size:13px;white-space:nowrap}
.chip.on{background:var(--lime);color:#ffffff;border-color:var(--lime)}.chip:hover{color:#fff}.chip.on:hover{color:#ffffff}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:99px;background:#070e21;color:var(--lime);border:1px solid #1f5bff44}
.pill.m{background:var(--panel2);color:var(--mute);border-color:var(--line2)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:100px;z-index:200;background:#141414;border:1px solid var(--line2);border-left:3px solid var(--lime);border-radius:12px;padding:12px 18px;max-width:90vw;box-shadow:0 20px 40px -10px #000;animation:tin .25s}
.toast.err{border-left-color:var(--red)}@keyframes tin{from{opacity:0;transform:translate(-50%,10px)}}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
table{width:100%;border-collapse:collapse;font-size:13.5px}td,th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--mute);font-weight:600;font-size:12px}
.empty{text-align:center;color:var(--mute);padding:40px 10px}

/* page heads */
.ph{margin:4px 0 18px}.ph h1{font:900 40px/1 var(--disp);text-transform:uppercase;margin:0 0 6px;letter-spacing:.005em}
.sec{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.sec h2{font:800 28px var(--ui);margin:0;letter-spacing:-.02em}
.arrows{display:flex;gap:6px}.arrows button{width:38px;height:38px;border-radius:11px;background:var(--panel);display:grid;place-items:center;color:var(--tx2)}.arrows button:hover{color:#fff;background:var(--panel2)}

/* hero banners */
.hero{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:18px}.hero::-webkit-scrollbar{display:none}
.bn{position:relative;flex:none;width:min(560px,88%);aspect-ratio:2/1;border-radius:18px;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:24px 28px;isolation:isolate}
.bn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.bn b{font:900 clamp(34px,5vw,58px)/.9 var(--disp);text-transform:uppercase;color:#fff;max-width:62%;text-shadow:0 4px 18px #0007}.bn b em{font-style:normal;color:var(--lime)}
.bn small{font-weight:700;font-size:13px;margin-top:10px;color:#ffffffe0}
.bn .art{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:52%;z-index:-1;filter:drop-shadow(0 20px 30px #0008)}
.bn.rank{background:radial-gradient(120% 120% at 80% 40%,#ffb341,#c85f08 55%,#5a2400)}
.bn.tg{background:radial-gradient(120% 120% at 80% 30%,#79c6ff,#2a78d6 55%,#0d3477)}
.bn.orig{background:radial-gradient(120% 120% at 85% 40%,#ff5fa2,#c3125e 55%,#4b0322)}
.bn.refer{background:#2155e2;padding:0}
@media(min-width:1200px){.bn{width:calc((100% - 32px)/2.6)}}

/* category bar */
.cats{display:flex;gap:10px;align-items:stretch;margin-bottom:6px}
.catbar{display:flex;gap:4px;padding:5px;background:var(--panel);border-radius:15px;overflow-x:auto;scrollbar-width:none}.catbar::-webkit-scrollbar{display:none}
.catbar a{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:11px;color:var(--tx2);font-weight:600;white-space:nowrap}.catbar a .ic{width:19px;height:19px}
.catbar a.on{background:var(--panel3);color:#fff}.catbar a:hover{color:#fff}
.cats .sq{flex:1;margin:0;height:auto;min-height:54px;border-radius:15px;min-width:200px}
@media(max-width:899px){.cats{flex-direction:column}.cats .sq{min-height:48px}}

/* game tiles (DOPE-style art) */
.rowx{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:6px}.rowx::-webkit-scrollbar{display:none}
.rowx>.gt{flex:none;width:190px}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.gt{display:block;cursor:pointer}.gt .tile{container-type:inline-size;position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s;box-shadow:0 14px 30px -18px #000}
.gt:hover .tile{transform:translateY(-6px);box-shadow:0 24px 40px -18px #000,0 0 0 2px #ffffff22}
.gt .nm{display:block;font-weight:650;margin-top:8px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt .pv{display:block;color:var(--mute);font-size:12.5px}
.tile .rays{position:absolute;inset:-40%;z-index:-2;background:repeating-conic-gradient(from 0deg,#ffffff14 0 8deg,#ffffff00 8deg 18deg);animation:spin 40s linear infinite}
.tile .bg{position:absolute;inset:0;z-index:-3}
.tile .glow{position:absolute;left:10%;right:10%;top:12%;height:55%;border-radius:50%;background:radial-gradient(circle,#ffffff55,#ffffff00 65%);z-index:-1}
.tile .em{position:absolute;left:50%;top:40%;width:66%;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 18px #0009)}.tile .em svg{width:100%;height:auto;display:block}
.tile .tt{position:absolute;left:0;right:0;bottom:6%;text-align:center;font:900 min(22cqw,calc(150cqw / var(--n,6)))/.86 var(--disp);white-space:nowrap;text-transform:uppercase;color:#fff;letter-spacing:.005em;text-shadow:0 3px 0 #0000004d,0 8px 18px #0009;-webkit-text-stroke:1px #00000022;padding:0 6px}
.tile .badge{position:absolute;right:9px;top:9px;width:30px;height:24px;display:grid;place-items:center;font:900 15px var(--disp);color:#fff;background:#0000002e;border-radius:7px;transform:skew(-10deg)}
.tile .tag{position:absolute;left:9px;top:9px;font:800 9.5px var(--ui);letter-spacing:.08em;background:#000a;color:var(--lime);border-radius:99px;padding:4px 8px}
.tile .tag.live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:5px;animation:blink 1.1s infinite}
.tile.thumb{background:#111}.tile.thumb img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}
.fav{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:10px;background:#0009;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .2s}.gt:hover .fav,.fav.on{opacity:1}.fav.on{color:var(--lime)}.fav .ic{width:17px;height:17px}

/* VIP card on home */
.vipc{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;background:radial-gradient(400px 140px at 0 0,#1f5bff18,transparent),var(--panel);border:1px solid var(--line);margin-bottom:16px}
.vipc b{font:900 24px var(--disp);text-transform:uppercase}.vipc .vn{color:var(--mute);font-size:13px}
.bar{height:8px;border-radius:99px;background:#050505;overflow:hidden;border:1px solid var(--line)}.bar>i{display:block;height:100%;background:var(--lime);box-shadow:0 0 12px #1f5bff88;border-radius:99px;transition:width .6s}

/* game pages */
.gwrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0;background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:560px}
.gctl{padding:18px;border-right:1px solid var(--line);background:#0e0e0e}.gstage{position:relative;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(600px 360px at 50% 40%,#1f5bff10,transparent 70%),#0b0b0b;overflow:hidden}
@media(max-width:899px){.gwrap{grid-template-columns:1fr}.gctl{order:2;border-right:0;border-top:1px solid var(--line)}.gstage{min-height:380px}}
.amtrow{display:flex;gap:6px}.amtrow input{flex:1}.amtrow button{width:46px;border-radius:12px;background:var(--panel2);font-weight:800;color:var(--tx2)}.amtrow button:hover{color:#fff}
.seg2{display:flex;gap:4px;padding:4px;background:var(--bg2);border:1px solid var(--line2);border-radius:13px}.seg2 button{flex:1;height:38px;border-radius:10px;font-weight:700;color:var(--tx2)}.seg2 button.on{background:var(--lime);color:#ffffff}
.gtitle{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gtitle b{font:900 26px var(--disp);text-transform:uppercase;letter-spacing:.01em}
.hist{display:flex;gap:6px;flex-wrap:wrap;position:absolute;top:14px;right:14px;max-width:70%;justify-content:flex-end}.hist span{font-size:12px;font-weight:800;padding:5px 10px;border-radius:99px;background:#151515;border:1px solid var(--line2);color:#8b8b87;animation:pop .3s}.hist .w{color:#ffffff;background:var(--lime);border-color:var(--lime)}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:none}}
.win-burst{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;z-index:5}.win-burst b{font:900 54px var(--disp);color:var(--lime);text-shadow:0 0 30px #1f5bff99;animation:wb 1.4s forwards}
@keyframes wb{0%{transform:scale(.4);opacity:0}25%{transform:scale(1.12);opacity:1}70%{opacity:1}100%{transform:scale(1);opacity:0}}
.stat{display:flex;justify-content:space-between;font-size:13px;color:var(--mute);margin-top:8px}.stat b{color:var(--tx)}

/* dice */
.dicebox{width:100%;max-width:640px}.dnum{font:900 92px/1 var(--disp);text-align:center;font-variant-numeric:tabular-nums;transition:color .2s}.dnum.w{color:var(--lime);text-shadow:0 0 30px #1f5bff66}.dnum.l{color:var(--red)}
.track{position:relative;height:16px;border-radius:99px;background:linear-gradient(90deg,var(--red) var(--lo),var(--green) var(--lo));margin:30px 6px 8px}.track.over{background:linear-gradient(90deg,var(--red) var(--lo),var(--green) var(--lo))}
.track .mk{position:absolute;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:12px;background:#fff;color:#000;font-weight:900;font-size:13px;display:grid;place-items:center;box-shadow:0 8px 20px #0009;transition:left .55s cubic-bezier(.2,.9,.3,1.2);opacity:0}
.track .mk.show{opacity:1}
.range{-webkit-appearance:none;appearance:none;width:100%;background:transparent;margin:-30px 0 0;height:40px;position:relative}.range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:9px;background:var(--lime);border:3px solid #0a0a0a;box-shadow:0 4px 14px #000;cursor:grab}
.range::-moz-range-thumb{width:26px;height:26px;border-radius:9px;background:var(--lime);border:3px solid #0a0a0a}
.ticks{display:flex;justify-content:space-between;color:var(--mute);font-size:12px;padding:0 6px}

/* limbo / crash */
.bigm{font:900 110px/1 var(--disp);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.bigm.w{color:var(--lime);text-shadow:0 0 40px #1f5bff66}.bigm.l{color:var(--red)}
canvas.crash{width:100%;max-width:760px;aspect-ratio:16/9;border-radius:16px;background:#080808}
.crashm{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:900 76px var(--disp);pointer-events:none}.crashm.l{color:var(--red)}.crashm.w{color:var(--lime)}

/* coin */
.coinw{perspective:900px}.coin{width:190px;height:190px;position:relative;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.coin .f{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;display:grid;place-items:center;font:900 54px var(--disp);box-shadow:inset 0 -10px 20px #0005,inset 0 6px 14px #fff6,0 24px 40px -10px #000}
.coin .h{background:radial-gradient(circle at 35% 30%,#799dff,#1f5bff 45%,#0f2e84);color:#000921}.coin .t{background:radial-gradient(circle at 35% 30%,#f4f4f4,#a0a0a0 45%,#3a3a3a);color:#111;transform:rotateY(180deg)}

/* plinko */
canvas.plinko{width:100%;max-width:640px;aspect-ratio:1/1}

/* wheel */
.wheelw{position:relative;width:min(380px,82vw);aspect-ratio:1}.wheel{width:100%;height:100%;border-radius:50%;border:10px solid #151515;box-shadow:0 0 0 2px #2a2a2a,0 30px 60px -20px #000,inset 0 0 40px #0009}.wptr{position:absolute;left:50%;top:-16px;transform:translateX(-50%);z-index:2;border:14px solid transparent;border-top:26px solid var(--lime);filter:drop-shadow(0 4px 6px #000)}
.wcenter{position:absolute;inset:38%;border-radius:50%;background:#0b0b0b;border:4px solid #1d1d1d;display:grid;place-items:center;font:900 30px var(--disp)}
.wlegend{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.wlegend span{font-size:12px;font-weight:800;padding:4px 10px;border-radius:8px;color:#000}

/* keno */
.keno{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;width:100%;max-width:640px}
.kn{aspect-ratio:1;border-radius:12px;background:var(--panel2);border:1px solid var(--line2);font-weight:800;font-size:16px;color:var(--tx2);transition:transform .12s,background .2s}.kn:hover{transform:translateY(-2px);color:#fff}
.kn.pick{background:#000d2f;border-color:var(--lime);color:var(--lime)}.kn.drawn{background:#2a2a2a;color:#fff;animation:pop .3s}.kn.hit{background:var(--lime);color:#ffffff;box-shadow:0 0 20px #1f5bff88;animation:pop .35s}
.ktab{display:flex;gap:4px;width:100%;max-width:640px;overflow-x:auto}.ktab div{flex:1;min-width:46px;text-align:center;background:var(--panel2);border-radius:9px;padding:6px 2px;font-size:11px;color:var(--mute)}.ktab div b{display:block;color:var(--tx);font-size:12.5px}.ktab div.on{background:var(--lime);color:#000}.ktab div.on b{color:#000}

/* mines */
.mines{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:min(480px,100%)}
.mt{aspect-ratio:1;border-radius:14px;background:linear-gradient(180deg,#262626,#1a1a1a);border:1px solid #2c2c2c;box-shadow:inset 0 -4px 0 #0006;position:relative;transition:transform .12s;perspective:600px}
.mt:not(:disabled):hover{transform:translateY(-3px);background:linear-gradient(180deg,#2e2e2e,#202020)}.mt:disabled{cursor:default}
.mt.gem,.mt.bomb{animation:flip .45s}.mt.gem{background:radial-gradient(circle,#051238,#02091d);border-color:var(--lime)}.mt.bomb{background:radial-gradient(circle,#4a0b12,#1d0306);border-color:var(--red)}
.mt.ghost{opacity:.4}.mt svg{width:62%;height:62%;position:absolute;left:19%;top:19%}
@keyframes flip{0%{transform:rotateY(90deg) scale(.9)}100%{transform:none}}

/* cards (hilo + blackjack) */
.cards{display:flex;gap:-20px;justify-content:center;min-height:150px}.cards .cd{margin:0 -14px}
.cd{width:104px;height:146px;border-radius:12px;background:linear-gradient(180deg,#fff,#ececec);color:#111;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;font-weight:900;box-shadow:0 14px 26px -8px #000;animation:deal .4s cubic-bezier(.2,.9,.3,1.1) both;position:relative}
.cd .r{font-size:26px;line-height:1}.cd .s{font-size:46px;align-self:center;line-height:1}.cd .r2{transform:rotate(180deg);font-size:26px;line-height:1}
.cd.red{color:#d81f3a}.cd.back{background:repeating-linear-gradient(45deg,#1f5bff 0 8px,#1a47c5 8px 16px);border:4px solid #fff}.cd.back *{display:none}
@keyframes deal{from{transform:translate(120px,-80px) rotate(12deg);opacity:0}to{transform:none;opacity:1}}
.hand{display:grid;justify-items:center;gap:8px}.hand .lbl{font-weight:800;color:var(--mute);font-size:13px}.hand .tot{font:900 22px var(--disp);background:#000;border-radius:10px;padding:2px 12px}
.hstrip{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:4px}.hstrip .cd{width:46px;height:64px;padding:4px 5px;animation:none;flex:none}.hstrip .cd .r{font-size:14px}.hstrip .cd .s{font-size:18px}.hstrip .cd .r2{display:none}.hstrip .cd.lost{outline:2px solid var(--red)}.hstrip .cd.won{outline:2px solid var(--lime)}

/* wallet */
.cl{display:inline-grid;place-items:center;flex:none;border-radius:50%;font-weight:800;color:#fff;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 1px 0 #fff9,inset 0 -3px 5px #0005;text-shadow:0 1px 2px #0008}
.coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}.coin-b{display:flex;align-items:center;gap:10px;padding:10px;border-radius:13px;background:var(--bg2);border:1px solid var(--line2);text-align:left}.coin-b.on{border-color:var(--lime);background:#060b19}.coin-b b{display:block;font-size:13px}.coin-b small{color:var(--mute);font-size:11px}
.balrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.balrow:last-child{border:0}

/* medal */
.medal{filter:drop-shadow(0 6px 10px #000a);flex:none}
.rw{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.rw:last-child{border:0}.ri{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--panel2);color:var(--lime);flex:none}.rw>div{flex:1;min-width:0}.rw b{display:block}.rw small{color:var(--mute);font-size:12.5px}.ra{flex:none;font-weight:800;color:var(--lime)}
.lvl{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.lvl:last-child{border:0}.lvl>div{flex:1}.lvl small{display:block;color:var(--mute);font-size:12px}.lvl .rt{text-align:right;flex:none}.lvl.me{background:linear-gradient(90deg,#1f5bff14,transparent);margin:0 -18px;padding:10px 18px;box-shadow:inset 3px 0 0 var(--lime)}.lvl.lock .medal{filter:grayscale(.8) brightness(.6)}

/* support */
.chat{display:flex;flex-direction:column;height:520px;padding:0;overflow:hidden}.chath{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:#0e0e0e}.msgs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:82%;display:flex;flex-direction:column}.msg.me{align-self:flex-end;align-items:flex-end}.bub{padding:10px 14px;border-radius:16px;background:var(--panel2);font-size:14px}.msg.me .bub{background:var(--lime);color:#ffffff;border-bottom-right-radius:5px}.msg.bot .bub{border-bottom-left-radius:5px}.msg small{font-size:10.5px;color:var(--mute);margin-top:3px}
.chatf{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.quick{display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px}
details.faq{border-bottom:1px solid var(--line);padding:12px 0}details.faq summary{cursor:pointer;font-weight:650}details.faq p{margin:8px 0 0;color:var(--tx2);font-size:14px}

/* auth modal */
.modal{position:fixed;inset:0;z-index:150;background:#000c;display:grid;place-items:center;padding:16px;animation:tin .2s}.modal .card{width:min(420px,100%);padding:24px}.modal .x{position:absolute;right:14px;top:14px}
.tabs{display:flex;gap:4px;padding:4px;background:var(--bg2);border-radius:13px;margin-bottom:12px}.tabs button{flex:1;height:40px;border-radius:10px;font-weight:700;color:var(--tx2)}.tabs button.on{background:var(--panel3);color:#fff}

/* embeds */
iframe.embed{width:100%;height:calc(100vh - var(--hh) - var(--nt) - 120px);min-height:560px;border:1px solid var(--line);border-radius:18px;background:#000}
.foot{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);color:var(--mute);font-size:12.5px;display:flex;gap:16px;flex-wrap:wrap}.foot a:hover{color:#fff}

@media(max-width:899px){.hide-m{display:none}}

.notice{white-space:nowrap;overflow:hidden}.show-m{display:none}
@media(max-width:899px){.show-m{display:inline}.rowx>.gt{width:41vw}.bn{width:90%}.bn .art{width:38%;right:-6%;opacity:.9}.bn b{max-width:70%;font-size:clamp(30px,9vw,44px)}.bn small{max-width:60%}.sec h2{font-size:22px}.ph h1{font-size:32px}.ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){.gctl{display:flex;flex-direction:column}.gctl>#go,.gctl>#cash{order:-1;margin:0 0 10px!important}.gctl>.gtitle{order:-2}.gstage{min-height:300px;padding:14px}.bigm{font-size:80px}.dnum{font-size:72px}}

/* ── home banners: 3 slides, green × black × white ── */
.hero3{gap:14px}
.slide{position:relative;flex:none;width:calc((100% - 28px)/2.6);min-width:300px;aspect-ratio:2/1;border-radius:22px;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:26px 30px;isolation:isolate}
.slide small{font:800 11.5px/1 var(--ui);letter-spacing:.18em;margin-bottom:12px}
.slide b{font:900 clamp(34px,4vw,56px)/.92 var(--disp);text-transform:uppercase;max-width:78%}
.slide .sub{font-style:normal;font-weight:700;font-size:14px;margin-top:10px;max-width:70%}
.slide .go{margin-top:18px;align-self:flex-start;padding:11px 20px;border-radius:99px;font-weight:800;font-size:14px}
.slide .bigic{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:56%;aspect-ratio:1;z-index:-1}.slide .bigic .ic{width:100%;height:100%;stroke-width:1.2}
.slide.lime{background:radial-gradient(130% 130% at 100% 0,#7aa0ff,#1f5bff 50%,#1a4fe6);color:#ffffff}.slide.lime small{color:#dbe6ff}.slide.lime .go{background:#000;color:var(--lime)}.slide.lime .bigic{color:#00000024}
.slide.dark{background:radial-gradient(100% 130% at 100% 100%,#060e27,#0c0c0c 62%);border:1px solid #1f1f1f;color:#fff}.slide.dark small{color:var(--lime)}.slide.dark .go{background:var(--lime);color:#ffffff}.slide.dark .bigic{color:#1f5bff26}
.slide.split{background:linear-gradient(120deg,#0c0c0c 0 56%,#1f5bff 56.2%);border:1px solid #1f1f1f;color:#fff}.slide.split small{color:var(--lime)}.slide.split .go{background:#fff;color:#000}.slide.split .bigic{color:#0000003a;right:-8%}
@media(max-width:899px){.slide{width:88%;min-width:0;padding:22px}.slide b{font-size:clamp(30px,9vw,44px)}.slide.split{background:linear-gradient(120deg,#0c0c0c 0 62%,#1f5bff 62.2%)}}
.slide{padding:22px 26px}.slide b{font-size:clamp(26px,2.5vw,42px);line-height:.95;max-width:72%}.slide small{margin-bottom:10px}.slide .go{margin-top:14px;padding:9px 18px;font-size:13px}.slide .sub{font-size:13px;margin-top:8px}
@media(max-width:899px){.slide{padding:20px 22px}.slide b{font-size:clamp(26px,8vw,36px)}}
@media(min-width:1100px){.hero3 .slide{width:calc((100% - 28px)/3);min-width:0}}
@media(min-width:1100px){.hero3 .slide{aspect-ratio:16/9}}

button.gt{display:block;text-align:left;padding:0;font:inherit;color:inherit}.ggrid>button.gt{width:100%}

/* ═══════════ complete platform: auth, account, VIP club, rewards, affiliate, chat, wallet ═══════════ */
.soc{display:grid;gap:10px;margin-bottom:4px}.sbtn{gap:10px;justify-content:center;background:#fff!important;color:#111!important;border:0!important;font-weight:800}
.sbtn .ic{width:20px;height:20px;stroke:none}.tgbox{display:flex;justify-content:center;min-height:44px}.tgbox iframe{border-radius:12px}
.or{display:flex;align-items:center;gap:12px;color:var(--mute);font-size:12px;margin:14px 0 4px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line2)}
.link{display:block;margin:12px auto 0;color:var(--mute);font-size:13px;text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--lime)}
.otp{font:800 26px/1 ui-monospace,Menlo,monospace!important;letter-spacing:.35em;text-align:center}
.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.kv span{color:var(--mute)}.kv b{text-align:right}
.tfa{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.qr{background:#fff;border-radius:14px;padding:8px;line-height:0;flex:none}
.depbox{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;background:var(--bg2)!important}
.g3{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.dot{position:relative}.dot:after{content:"";position:absolute;top:6px;right:calc(50% - 16px);width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--bg),0 0 10px var(--lime)}
.si.dot:after{right:10px;top:50%;margin-top:-4px}

/* VIP club */
.viphero{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:24px;border-radius:24px;margin-bottom:14px;border:1px solid var(--line);
  background:radial-gradient(520px 220px at 0 0,#1f5bff26,transparent 70%),radial-gradient(420px 220px at 100% 100%,#7d5cff1a,transparent 70%),linear-gradient(180deg,#141414,#0c0c0c)}
.viphero .medal{filter:drop-shadow(0 10px 30px #0008)}.viphero>.medal:last-child{opacity:.55}
.vipname{font:900 46px/1 var(--disp);text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(180deg,#fff,#c9c9c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.bar.big{height:12px;margin:8px 0}
.wts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.wts span{display:inline-flex;gap:6px;align-items:baseline;padding:5px 10px;border-radius:99px;background:#0006;border:1px solid var(--line2);font-size:12.5px;color:var(--tx2)}.wts b{color:var(--lime);font-size:13px}
.host{display:flex;gap:14px;align-items:flex-start;background:radial-gradient(400px 140px at 0 0,#ffd86b1f,transparent),var(--panel)!important;border-color:#ffd86b33!important;margin-bottom:14px}.host .ri{color:#ffd86b}
.bens .ben{display:flex;flex-direction:column;gap:4px}.ben .ri{margin-bottom:8px}.ben b{font-size:16px}.ben small{color:var(--mute);font-size:12.5px}
.ladder{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.rung{position:relative;padding:18px 16px 16px;border-radius:20px;background:linear-gradient(180deg,#151515,#0d0d0d);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;overflow:hidden}
.rung:before{content:"";position:absolute;inset:0 0 auto;height:90px;background:radial-gradient(160px 80px at 50% 0,color-mix(in srgb,var(--tg,#1f5bff) 20%,transparent),transparent 70%);pointer-events:none}
.rung.t-bronze{--tg:#e8a466}.rung.t-silver{--tg:#dfe6ee}.rung.t-gold{--tg:#f7c948}.rung.t-platinum{--tg:#bfe6f3}.rung.t-diamond{--tg:#8eeaff}.rung.t-obsidian{--tg:#9d7bff}
.rung.me{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime),0 10px 40px #1f5bff22}.rung.lock .medal{filter:saturate(.75) brightness(.85)}
.rung .rn{font:900 20px/1.1 var(--disp);text-transform:uppercase;margin-top:6px}.rung .rw{all:unset;color:var(--mute);font-size:12.5px}
.rung .lu{margin:10px 0 4px;padding:8px 12px;border-radius:12px;background:#0007;border:1px solid var(--line2);width:100%}.lu small{display:block;color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.lu b{font-size:17px;color:var(--lime)}
.rung ul{list-style:none;margin:6px 0 0;padding:0;width:100%;text-align:left;font-size:12.5px;color:var(--tx2)}.rung li{display:flex;gap:6px;align-items:flex-start;padding:3px 0}.rung li .ic{width:15px;height:15px;color:var(--lime);margin-top:1px}
.rung .pill{margin-top:8px}

/* rewards */
.vipmini{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.vipmini b{display:block;font-size:14px}.vipmini small{color:var(--mute);font-size:12px}
.rw.hot .ri{background:var(--lime);color:#000;box-shadow:0 0 18px #1f5bff55}.rw .ra{font-variant-numeric:tabular-nums;white-space:nowrap}

/* affiliate */
.linkbox{display:flex;gap:8px;align-items:center;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:8px 8px 8px 14px}.linkbox .mono{flex:1}
.stat{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.stat span{display:block;color:var(--mute);font-size:12.5px}.stat b{font:900 28px/1.1 var(--disp)}
.dealrate{display:flex;align-items:baseline;gap:10px}.dealrate b{font:900 54px/1 var(--disp);color:var(--lime)}.dealrate span{color:var(--tx2)}
.tiers{display:flex;gap:6px;flex-wrap:wrap}.tiers span{flex:1;min-width:70px;padding:8px 10px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);font-size:11.5px;color:var(--mute);text-align:center}.tiers b{display:block;font-size:16px;color:var(--tx)}.tiers .on{border-color:var(--lime)}.tiers .on b{color:var(--lime)}

/* chat */
.supg{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}@media (max-width:899px){.supg{grid-template-columns:1fr}}
.msg.sys{align-self:center;max-width:90%;text-align:center}.msg.sys .bub{background:transparent;border:1px dashed var(--line2);color:var(--mute);font-size:12.5px}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mute);margin-right:6px;vertical-align:1px}.live-dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}

/* lobby */
.soon{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,160px);gap:12px;overflow-x:auto;padding-bottom:6px}
.soon-t{background:repeating-linear-gradient(135deg,#141414 0 10px,#101010 10px 20px)!important;border:1px dashed #2c2c2c;opacity:.85}.soon-t .em{opacity:.35;filter:grayscale(1)}.soon .tag{position:absolute;top:8px;left:8px;font:800 10px/1 var(--ui);letter-spacing:.1em;padding:4px 7px;border-radius:6px;background:#000a;color:var(--lime)}
.soon .gt{cursor:default}.soon .gt .tile{position:relative}
.sportsc{gap:16px;background:radial-gradient(400px 160px at 100% 0,#1f5bff22,transparent),var(--panel)}.sportsc b{font:900 24px var(--disp);text-transform:uppercase}
.sbig{width:56px;height:56px;border-radius:16px;background:var(--lime);color:#000;display:grid;place-items:center;flex:none}
@media (max-width:560px){
  .viphero{padding:18px;gap:14px}.viphero>.medal:last-child{display:none}.vipname{font-size:36px}
  .rw{flex-wrap:wrap;row-gap:6px}.rw>div{flex:1 1 calc(100% - 56px)}.rw .ra{margin-left:54px;margin-right:auto}
  .vipmini small{display:none}.ph.row h1{font-size:34px}
  .bal .amt{font-size:14px;gap:6px}.bal select{padding-right:4px;max-width:58px}
  .dealrate b{font-size:44px}
}

.logo:focus:not(:focus-visible),.logo img:focus{outline:none}
/* live/slot art tiles + DOPE-style sports row */
.rowx.soon{display:flex;grid-auto-flow:unset}
.rowx.soon .gt{cursor:default}
.tag.sn{background:#000b;color:#fff}
.sprow{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:6px}
.spt{flex:0 0 132px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px;border-radius:20px;text-align:center;
  background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),var(--panel);border:1px solid var(--line);transition:transform .18s,border-color .18s}
.spt:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 70%,#fff 10%)}
.spi{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--c) 75%,#fff 25%),var(--c) 60%,color-mix(in srgb,var(--c) 70%,#000));box-shadow:inset 0 2px 0 #ffffff40,0 10px 24px color-mix(in srgb,var(--c) 45%,transparent)}
.spi svg{width:48px;height:48px;filter:drop-shadow(0 3px 4px #0006)}
.spt b{font-size:13px;line-height:1.2}
@media (max-width:560px){.spt{flex-basis:104px;padding:14px 8px 12px}.spi{width:60px;height:60px;border-radius:18px}.spi svg{width:40px;height:40px}}
/* 3D sports row (borderless, DOPE style) */
.sp3{flex:0 0 150px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;border-radius:18px;padding:4px 0 8px;transition:transform .2s}
.sp3i{width:150px;height:150px;display:block;transition:transform .25s}
.sp3i svg{width:100%;height:100%;display:block}
.sp3:hover .sp3i{transform:translateY(-6px) scale(1.04)}
.sp3 b{font-size:13.5px;font-weight:650;color:var(--tx)}
@media (max-width:560px){.sp3{flex-basis:112px}.sp3i{width:112px;height:112px}.sp3 b{font-size:12.5px}}
/* provably fair verifier */
.pftabs{max-width:520px;margin-bottom:14px}
.pfg{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}@media (max-width:899px){.pfg{grid-template-columns:1fr}}
.pffields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 10px}.pfbool{gap:8px;margin-top:22px;font-size:14px}.pfbool input{width:auto}
.pfround{margin-bottom:14px}.pfwarn{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:14px;background:#2a1f05;border:1px solid #ffbf3c55;color:#ffe2a0;font-size:13.5px}.pfwarn .ic{color:#ffbf3c}
.pfb{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;font-size:13px;font-weight:750}.pfb .ic{width:16px;height:16px}
.pfb.ok{background:#0f2a12;color:var(--green);border:1px solid #38d97a55}.pfb.bad{background:#2a0c10;color:var(--red);border:1px solid #ff4d5e55}.pfb.na{background:var(--panel2);color:var(--mute)}
.pfchecks{list-style:none;padding:0;margin:10px 0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.pfchecks li{display:flex;gap:5px;align-items:center}.pfchecks .ic{width:15px;height:15px}
.pfvis{margin:14px 0;padding:16px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}
.pfbig{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pfbig b{font:900 46px/1 var(--disp);color:var(--lime)}.pfbig span{color:var(--tx2);font-size:14px}
.pfdice .track{position:relative;height:12px;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--green));margin:26px 6px 14px}.pfdice .track i{position:absolute;top:-6px;width:3px;height:24px;background:#fff;border-radius:2px}
.pfdice .track b{position:absolute;top:-30px;transform:translateX(-50%);background:var(--lime);color:#000;font-size:12px;padding:2px 7px;border-radius:7px}
.pfpath{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.pfpath span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--panel2);font:800 11px var(--ui)}
.pfrow{display:flex;flex-wrap:wrap;gap:4px}.pfrow span{padding:5px 7px;border-radius:7px;background:var(--panel2);font-size:11.5px;color:var(--mute)}.pfrow .on{background:var(--lime);color:#000;font-weight:800}
.pfgrid{display:grid;gap:5px}.pfgrid.k{grid-template-columns:repeat(8,1fr)}.pfgrid.m{grid-template-columns:repeat(5,1fr);max-width:300px;margin:auto}
.pfgrid span{aspect-ratio:1;display:grid;place-items:center;border-radius:9px;background:var(--panel2);font-size:12.5px;font-weight:700;color:var(--mute)}
.pfgrid .drawn{background:#12192b;color:var(--tx)}.pfgrid .pick{outline:1.5px solid var(--lime);color:var(--tx)}.pfgrid .hit{background:var(--lime);color:#000}
.pfgrid.m span{font-size:20px}.pfgrid.m .mine{background:#3a0c12}.pfgrid.m .gem{background:#0f2a2f}.pfgrid.m .rev{outline:2px solid var(--lime)}
.pfcards{display:flex;flex-wrap:wrap;gap:8px}.pfcards>div{display:flex;flex-direction:column;align-items:center;gap:3px}.pfcards small{font-size:10.5px;color:var(--mute)}
.pfc{width:38px;height:52px;border-radius:7px;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 3px 8px #0006}.pfc b{font-size:15px}.pfc i{font-style:normal;font-size:15px}.pfc.red{color:#d4153f}
.pfbj{display:flex;gap:24px;flex-wrap:wrap}.pfbj small{display:block;color:var(--mute);margin-bottom:6px}
.pfmono{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;white-space:pre-wrap}
.pfsteps{margin:0;padding-left:20px;color:var(--tx2);line-height:1.7}.pfkv{align-items:flex-start}.pfkv span{flex:0 0 110px;color:var(--tx)}.pfkv b{font-weight:500;color:var(--tx2);text-align:left;font-size:13.5px}
/* demo build */
.notice.demo{background:#1f5bff;color:#ffffff;border-color:#1f5bff}
.demohint{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:#070e21;border:1px solid #1f5bff55;margin:0 0 14px;font-size:13px;color:var(--tx2)}.demohint .ic{color:var(--lime)}.demohint>div{flex:1}
.demoplay{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:24px;align-items:center;padding:24px;width:100%;max-width:760px}
@media (max-width:640px){.demoplay{grid-template-columns:1fr}.dpart{max-width:200px;margin:auto}}
.dpart .gt{width:100%;cursor:default}
.dpart .tile.spin .em{animation:dspin .7s ease-in-out}@keyframes dspin{0%{transform:scale(1)}30%{transform:scale(.85) rotate(-6deg)}60%{transform:scale(1.12) rotate(5deg)}100%{transform:scale(1)}}
.dres{min-height:28px;font-size:17px}.dres.big b{font-size:22px;text-shadow:0 0 18px #38d97a88}

/* ═══════════ Originals v2: animation, sound toggle, plane crash, multi-hand blackjack ═══════════ */
.sndb{width:38px;height:38px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;color:var(--tx2)}.sndb:hover{color:var(--lime)}.sndb .ic{width:20px;height:20px}
.fxlayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}
.spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:4;animation:spark .6s ease-out forwards;box-shadow:0 0 8px currentColor}
@keyframes spark{from{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}
.shard{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:2px;pointer-events:none;z-index:4;animation:shard .75s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes shard{from{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r));opacity:0}}
.win-burst.big b{font-size:84px;background:linear-gradient(180deg,#fff,#1f5bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px #1f5bff88)}

/* 3D cards */
.cd3{width:96px;height:134px;perspective:800px;position:relative;flex:none}
.cd3 .in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.3,1.1)}
.cd3 .in.down{transform:rotateY(180deg)}
.cd3 .cf{position:absolute;inset:0;border-radius:11px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 12px 24px -8px #000c}
.cd3 .fr{background:linear-gradient(180deg,#fff,#eeeeec);color:#111;display:flex;flex-direction:column;justify-content:space-between;padding:7px 9px;font-weight:900}
.cd3.red .fr{color:#d81f3a}
.cd3 .fr .r{font-size:24px;line-height:1}.cd3 .fr .s{font-size:42px;align-self:center;line-height:1}.cd3 .fr .r2{transform:rotate(180deg);font-size:24px;line-height:1}
.cd3 .bk{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#1f5bff 0 6px,#1a46c1 6px 12px);border:4px solid #fff;box-shadow:inset 0 0 0 3px #ffffff,0 12px 24px -8px #000c}
.cd3 .bk::after{content:"R";position:absolute;inset:0;display:grid;place-items:center;font:900 34px var(--disp);color:#ffffff}
.cd3.deal{animation:deal3 .5s cubic-bezier(.2,.85,.3,1.05) both;animation-delay:var(--d)}
@keyframes deal3{from{transform:translate(var(--fx,300px),var(--fy,-280px)) rotate(-18deg) scale(.55);opacity:0}12%{opacity:1}to{transform:none;opacity:1}}
.cd3.big{width:132px;height:184px}.cd3.big .fr .r,.cd3.big .fr .r2{font-size:32px}.cd3.big .fr .s{font-size:58px}
.cd3.mini{width:46px;height:64px}.cd3.mini .fr{padding:3px 5px}.cd3.mini .fr .r{font-size:14px}.cd3.mini .fr .s{font-size:20px}.cd3.mini .fr .r2{display:none}.cd3.mini .cf{border-radius:7px}

/* dice */
.dnum.rolling{color:#d6d6d0;filter:blur(.4px)}
.track .mk{width:56px;height:56px;margin:-28px 0 0 -28px;background:none;box-shadow:none;transition:left .45s cubic-bezier(.2,.9,.3,1.25),transform .3s}
.track .mk svg{width:100%;height:100%;filter:drop-shadow(0 8px 14px #000a)}
.track .mk b{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);background:#fff;color:#000;font-size:13px;padding:3px 8px;border-radius:8px;white-space:nowrap}
.track .mk.w b{background:var(--lime)}.track .mk.l b{background:var(--red);color:#fff}
.track .mk.w svg rect{fill:#1f5bff}.track .mk.l svg rect{fill:#ff6b78}
.track .mk.show{animation:mkpop .45s}@keyframes mkpop{40%{transform:translateY(-14px) rotate(-20deg)}}

/* limbo */
.limbo{position:relative;width:min(380px,80vw);aspect-ratio:1;display:grid;place-items:center}
.lring{position:absolute;inset:0;transform:rotate(-90deg)}.lring circle{fill:none;stroke-width:9}.lring .bgc{stroke:#1a1a1a}
.lring .fgc{stroke:#5a5a55;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke .2s}.lring .fgc.w{stroke:var(--lime);filter:drop-shadow(0 0 8px #1f5bff)}.lring .fgc.l{stroke:var(--red)}
.limbo .bigm{font-size:clamp(56px,9vw,96px);z-index:1}.limbo .ltg{position:absolute;bottom:22%;z-index:1}

/* crash */
.crash{background:#070707;box-shadow:inset 0 0 0 1px #1c1c1c}
.crashm{top:30%;text-align:center;text-shadow:0 0 30px #000}.crashm small{display:block;font:900 24px var(--disp);letter-spacing:.06em}
.crashlbl{position:absolute;left:0;right:0;bottom:26px;text-align:center;color:var(--tx2);font-size:14px;pointer-events:none}

/* coinflip */
.coin .f span{font:900 64px var(--disp);text-shadow:0 2px 0 #fff8,0 -1px 0 #0004}
.coin .f::before{content:"";position:absolute;inset:10px;border-radius:50%;border:3px dashed #0003}
.cshadow{width:150px;height:22px;border-radius:50%;background:radial-gradient(#000c,transparent 70%);margin-top:-6px}
.cres{min-height:34px;font:900 30px var(--disp);letter-spacing:.04em}

/* wheel */
.wshine{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffff22,transparent 45%);pointer-events:none}
.wptr.flick{animation:flick .12s}@keyframes flick{50%{transform:translateX(-50%) rotate(-14deg)}}
.wheel.hit{animation:whit 1s}@keyframes whit{30%{box-shadow:0 0 0 2px #2a2a2a,0 0 60px #1f5bff66,inset 0 0 40px #0009}}
.wcenter.w{color:var(--lime);text-shadow:0 0 18px #1f5bff88;animation:pop .4s}.wcenter.l{color:#777}

/* keno */
.kn{position:relative}.kn.hit span{display:inline-block;animation:pop .35s}

/* mines */
.mt.press{transform:scale(.92)}
.mt.gem svg{animation:gemin .5s cubic-bezier(.3,1.6,.5,1)}@keyframes gemin{from{transform:scale(.2) rotate(-30deg)}}
.mt.bomb:not(.ghost){animation:flip .45s,boom .5s .1s}@keyframes boom{40%{box-shadow:0 0 0 6px #ff4d5e55,0 0 50px #ff4d5e}}
.mt.ghost{opacity:.38;animation:fadein .3s}@keyframes fadein{from{opacity:0}}

/* hi-lo */
.hilo{display:flex;gap:36px;align-items:center;flex-wrap:wrap;justify-content:center}
.hdeck{position:relative;width:132px;height:184px}.hdeck>.cd3{position:absolute;left:-8px;top:-8px;opacity:.5}.hcur{position:absolute;inset:0}
.hbtns{width:190px}
.hstrip{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:6px 2px}.hsi{display:flex;flex-direction:column;align-items:center;gap:3px;animation:pop .3s}.hsi small{font-size:11px;color:var(--mute)}
.hsi.lost .cd3{outline:2px solid var(--red);border-radius:8px}.hsi.won .cd3{outline:2px solid var(--lime);border-radius:8px}

/* blackjack table */
.g-blackjack{padding:0}
.bjt{position:relative;width:100%;min-height:600px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 16px 18px;--fx:min(38vw,380px);--fy:-300px;
  background:radial-gradient(120% 90% at 50% 0%,#1d6b3e 0%,#0f4527 45%,#082816 80%,#051a0e 100%);box-shadow:inset 0 0 0 10px #3a2410,inset 0 0 0 12px #c99a4a66,inset 0 30px 80px #0007}
.bjshoe{position:absolute;top:18px;right:22px;width:70px;height:92px;border-radius:10px;background:linear-gradient(180deg,#2a1a0a,#120a04);box-shadow:0 10px 20px #0008,inset 0 0 0 2px #5a3a18}
.bjshoe i{position:absolute;left:10px;right:10px;height:58px;border-radius:6px;background:repeating-linear-gradient(45deg,#1f5bff 0 4px,#1a46c1 4px 8px);border:2px solid #fff}.bjshoe i:nth-child(1){top:8px}.bjshoe i:nth-child(2){top:12px}.bjshoe i:nth-child(3){top:16px}
.bjdealer{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:170px}
.bjcards{display:flex;justify-content:center;min-height:134px;padding-left:44px}.bjcards .cd3{margin-left:-44px}
.bjtot{display:inline-flex;align-items:baseline;gap:2px;min-width:40px;justify-content:center;padding:4px 12px;border-radius:99px;background:#000b;color:#fff;font:900 17px var(--ui);box-shadow:0 4px 12px #0006;animation:pop .25s}.bjtot small{font-size:12px;opacity:.7}.bjtot.bust{background:var(--red)}
.bjarc{font:800 12px var(--ui);letter-spacing:.22em;color:#e9d9a6aa;text-align:center;padding:4px 14px;border-top:1px solid #e9d9a633;border-bottom:1px solid #e9d9a633}
.bjout{min-height:44px;font:900 34px var(--disp);text-transform:uppercase;opacity:0;transform:scale(.8);transition:all .3s}.bjout.show{opacity:1;transform:none}.bjout.w{color:var(--lime);text-shadow:0 0 22px #1f5bff88}.bjout.l{color:#ff8a94}.bjout.p{color:#fff}
.bjseats{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;width:100%;margin-top:auto}
.seat{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:150px;padding:10px;border-radius:20px;transition:background .25s}
.seat.on{background:#ffffff0d}
.seat>.bjhand+.bjhand{margin-top:-4px}
.seat:has(.bjhand+.bjhand){flex-direction:column}
.bjhand{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 8px;border-radius:16px;transition:box-shadow .25s,transform .25s}
.bjhand.on{box-shadow:0 0 0 2px var(--lime),0 0 28px #1f5bff44;transform:translateY(-4px)}
.bjhand.on::before{content:"";position:absolute;top:-14px;left:50%;border:8px solid transparent;border-top-color:var(--lime);transform:translateX(-50%)}
.bjhand.r-l .bjcards{filter:grayscale(.6) brightness(.75)}
.bjres{position:absolute;top:44%;left:50%;translate:-50% -50%;padding:5px 14px;border-radius:10px;font:900 19px var(--disp);text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 20px #0008;animation:pop .3s;z-index:3}
.r-w .bjres{background:var(--lime);color:#ffffff}.r-l .bjres{background:#2a0a0e;color:#ff8a94;border:1px solid #ff4d5e}.r-p .bjres{background:#fff;color:#111}
.bjx2{position:absolute;top:0;right:-4px;background:#ffcf3a;color:#000;font:900 12px var(--ui);padding:2px 6px;border-radius:7px}
.bspot{display:flex;flex-direction:column;align-items:center;gap:3px}.bspot small{color:#e9d9a699;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.chip{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffffff 0 40%,transparent 41%),repeating-conic-gradient(#1f5bff 0 20deg,#fff 20deg 30deg);box-shadow:0 6px 14px #0009,inset 0 0 0 3px #ffffff;position:relative}
.chip span{font:900 12px var(--ui);color:#1f5bff;max-width:44px;overflow:hidden;text-overflow:ellipsis}
.chip.stack::before{content:"";position:absolute;inset:0;border-radius:50%;transform:translate(4px,-5px);background:inherit;box-shadow:inherit;z-index:-1}
.seat.empty .bjcards{opacity:0}.seat.empty .chip{opacity:1}
.sides{display:flex;gap:6px}
.sbet{display:flex;flex-direction:column;align-items:center;min-width:56px;padding:4px 8px;border-radius:999px;border:1px solid #e9d9a666;color:#e9d9a6;font-size:11px}
.sbet span{font-weight:800;letter-spacing:.06em}.sbet b{font-size:12px;color:#fff}.sbet em{font-style:normal;font-weight:800;font-size:10.5px;white-space:nowrap}
.sbet.won{border:1.5px solid #ffcf3a;background:#ffcf3a22;color:#ffcf3a;position:relative;animation:pop .35s}.sbet.lost{opacity:.4}
.bjacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;visibility:hidden;opacity:0;transform:translateY(8px);transition:all .2s}.bjacts.show{visibility:visible;opacity:1;transform:none}
.bja{min-width:96px;height:52px;border-radius:14px;background:#0a0a0acc;border:1px solid #ffffff22;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;backdrop-filter:blur(6px);transition:transform .12s,background .15s}
.bja:not(:disabled):hover{background:var(--lime);color:#ffffff;transform:translateY(-2px)}.bja:disabled{opacity:.3}
.bja kbd{font:700 10px var(--ui);padding:2px 5px;border-radius:5px;background:#ffffff1a;color:inherit;opacity:.7}
.sideb{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sideb div{display:flex;flex-direction:column;gap:4px}.sideb span{font-size:12px;color:var(--tx2);font-weight:700}
.paytab{margin-top:10px;font-size:12.5px;color:var(--tx2)}.paytab summary{cursor:pointer;color:var(--tx);font-weight:700}.paytab div{margin-top:6px;line-height:1.5}.paytab b{color:var(--lime);margin-right:4px}
@media (max-width:640px){
  .bjt{min-height:520px;--fx:120px;--fy:-220px;padding:20px 8px 14px}.bjshoe{transform:scale(.7);transform-origin:top right}
  .cd3{width:64px;height:90px}.cd3 .fr .r,.cd3 .fr .r2{font-size:16px}.cd3 .fr .s{font-size:28px}.bjcards{min-height:90px;padding-left:30px}.bjcards .cd3{margin-left:-30px}
  .seat{min-width:0;padding:4px}.bjseats{gap:6px}.chip{width:44px;height:44px}.chip span{font-size:10px}.bja{min-width:72px;height:46px}.bjarc{font-size:9px;letter-spacing:.14em}
  .cd3.big{width:104px;height:146px}.hdeck{width:104px;height:146px}.hbtns{width:100%}
}
.g-crash .crash{max-width:100%;width:100%}
.crashm.w{color:var(--lime);text-shadow:0 0 30px #1f5bff66}
.cpill{position:absolute;top:calc(30% + 70px);left:50%;transform:translate(-50%,10px) scale(.9);opacity:0;padding:8px 16px;border-radius:99px;background:var(--lime);color:#ffffff;font-weight:800;font-size:15px;transition:all .25s;pointer-events:none;white-space:nowrap}
.cpill.show{opacity:1;transform:translate(-50%,0) scale(1)}.cpill b{margin-left:6px}
.shands{display:flex;gap:8px;justify-content:center}
.seat.split .bjcards{padding-left:58px}.seat.split .bjcards .cd3{margin-left:-58px}
.bjres.bustnow{background:#2a0a0e;color:#ff8a94;border:1px solid #ff4d5e;animation:pop .3s .5s both}
.bjseats .cd3{width:84px;height:118px}.bjseats .cd3 .fr .r,.bjseats .cd3 .fr .r2{font-size:21px}.bjseats .cd3 .fr .s{font-size:36px}.bjseats .bjcards{min-height:118px}
@media (max-width:640px){.bjseats .cd3{width:56px;height:78px}.bjseats .cd3 .fr .r,.bjseats .cd3 .fr .r2{font-size:14px}.bjseats .cd3 .fr .s{font-size:24px}.bjseats .bjcards{min-height:78px;padding-left:34px}.bjseats .bjcards .cd3{margin-left:-34px}.seat.split .bjcards{padding-left:40px}.seat.split .bjcards .cd3{margin-left:-40px}.sbet{min-width:44px;padding:3px 5px}.sbet em{font-size:9px;white-space:normal;text-align:center}}
.cpill{top:calc(30% + 86px)}
@media (max-width:640px){.crashm{font-size:46px}.crashm small{font-size:15px}.cpill{top:calc(30% + 54px);font-size:13px}}

/* ═══════════ wallet v2 ═══════════ */
.wl{max-width:1180px;margin:0 auto}
.wl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.wl-head h1{margin:0}.wl-head p{margin:4px 0 0}
.wl-total{padding:14px 20px;border-radius:18px;background:radial-gradient(240px 120px at 100% 0,#1f5bff26,transparent),var(--panel);border:1px solid var(--line);text-align:right}.wl-total small{display:block;color:var(--mute);font-size:12px}.wl-total b{font:900 30px var(--disp)}
.wl-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px;align-items:start}
@media (max-width:980px){.wl-grid{grid-template-columns:1fr}}
.wl-main{padding:0;overflow:visible}
.wl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid var(--line);background:#0d0d0d;border-radius:22px 22px 0 0}
.wl-tabs button{height:46px;border-radius:14px;display:flex;gap:8px;align-items:center;justify-content:center;font-weight:800;color:var(--tx2)}.wl-tabs button .ic{width:18px;height:18px}
.wl-tabs button.on{background:var(--lime);color:#ffffff}
#wlBody{padding:20px}
.wl-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--tx2);margin-bottom:14px;padding:10px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.wl-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}@media (max-width:560px){.wl-row{grid-template-columns:1fr}}
.wl-row select{height:56px}
.cpk{position:relative}
.cpk-btn{width:100%;height:56px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:14px;background:var(--bg2);border:1px solid var(--line2);text-align:left;transition:border-color .15s}
.cpk-btn:hover{border-color:#3a3a3a}.cpk-btn .ic{width:18px;height:18px;color:var(--mute)}
.cpk-n{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}.cpk-n b{font-size:15px}.cpk-n small{color:var(--mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpk-b{font-variant-numeric:tabular-nums;color:var(--tx2);font-size:13px;font-weight:700}
.cpk-pop{position:absolute;z-index:30;top:62px;left:0;right:0;min-width:280px;background:#121212;border:1px solid var(--line2);border-radius:16px;box-shadow:0 24px 50px #000c;overflow:hidden;animation:pop .15s}
.cpk-s{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.cpk-s .ic{width:18px;height:18px;color:var(--mute)}.cpk-s input{border:0;background:transparent;height:34px;padding:0;flex:1}
.cpk-l{max-height:320px;overflow-y:auto;padding:6px}
.cpk-l button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;text-align:left}.cpk-l button:hover{background:#1c1c1c}.cpk-l button.on{background:#070e21;box-shadow:inset 0 0 0 1px #1f5bff55}
.wl-addr{display:flex;gap:20px;align-items:flex-start;margin-top:16px;padding:18px;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}
.wl-addr.skel{height:210px;background:linear-gradient(90deg,#111,#191919,#111);background-size:200% 100%;animation:skel 1.2s infinite}@keyframes skel{to{background-position:-200% 0}}
.wl-addr .qr{flex:none;padding:10px}
.wl-ad{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.wl-ad label{margin:0}
.wl-copy{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:12px;background:#0b0b0b;border:1px solid var(--line2)}.wl-copy .mono{flex:1;min-width:0;word-break:break-all;font-size:13.5px}
.wl-tips{margin:2px 0 0;padding-left:18px;color:var(--tx2);font-size:13px;line-height:1.6}.wl-tips b{color:var(--tx)}
.wl-test{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:10px;border-top:1px dashed var(--line2)}.wl-test .row input{max-width:160px}
@media (max-width:640px){.wl-addr{flex-direction:column;align-items:center}.wl-ad{width:100%}}
.wl-amt{display:flex;gap:8px}.wl-amt input{flex:1}
.wl-bals{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.wl-bal{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);text-align:left}.wl-bal:hover{border-color:#333}
.wl-bal>span:not(.cl){display:flex;flex-direction:column;flex:1;line-height:1.2}.wl-bal small{color:var(--mute);font-size:12px}.wl-bal .amt{font-variant-numeric:tabular-nums}
.wl-wd{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.wl-wd:last-child{border:0}.wl-wd>div{flex:1;display:flex;flex-direction:column;line-height:1.25}.wl-wd small{color:var(--mute);font-size:11.5px}
.wl-act{margin-top:16px}.wl-f{max-width:520px;flex:1}.wl-f button{height:34px;font-size:13px}
#acts{margin-top:10px}
.wl-tx{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)}.wl-tx:last-of-type{border-bottom:0}
.wl-ti{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:#1a1a1a;color:var(--tx2)}.wl-ti .ic{width:17px;height:17px}
.wl-ti.k-dep{background:#0f2a12;color:var(--green)}.wl-ti.k-wd{background:#2a160a;color:#ffbf3c}.wl-ti.k-rw{background:#070e21;color:var(--lime)}
.wl-tn{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.wl-tn small{color:var(--mute);font-size:12px}
.wl-ta{display:flex;align-items:center;gap:6px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
#more{margin-top:10px}
.wl-test .row{flex-wrap:wrap}.wl-test .btn{white-space:nowrap}@media (max-width:640px){.wl-test .row input{max-width:none;flex:1}}
.shands{flex-wrap:wrap}
.seat.many .cd3{width:62px;height:88px}.seat.many .cd3 .fr .r,.seat.many .cd3 .fr .r2{font-size:15px}.seat.many .cd3 .fr .s{font-size:26px}.seat.many .bjcards{min-height:88px;padding-left:40px}.seat.many .bjcards .cd3{margin-left:-40px}
.seat.many .bjres{font-size:14px;padding:3px 9px}

/* ═══════════ Baccarat (minimal table, peel cards) ═══════════ */
.g-baccarat{padding:0}
.bac{position:relative;width:100%;min-height:600px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px 22px 24px;user-select:none;-webkit-user-select:none;background:radial-gradient(80% 60% at 50% 30%,#141a22 0%,#0b0d10 60%,#09090a 100%)}
.bac-roadw{width:100%;max-width:760px;display:flex;justify-content:flex-end}
.bac-top{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;width:100%;max-width:760px;align-items:start;margin-top:4px}
.bac-side{--sc:#22c55e;display:flex;flex-direction:column;align-items:center;gap:14px;transition:opacity .3s}.bac-side.b{--sc:#ff5c6c}
.bac-h{display:flex;align-items:center;gap:12px;font:800 13px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:#9a9a96}
.bac-side.p .bac-h span{color:#6ee7a0}.bac-side.b .bac-h span{color:#ff9aa4}
.bac-tot{min-width:42px;height:42px;padding:0 10px;border-radius:12px;display:grid;place-items:center;font:900 22px var(--disp);letter-spacing:0;background:#ffffff0d;color:#fff;transition:all .3s}.bac-tot.pop{animation:pop .3s}
.bac-side.won .bac-tot{background:var(--sc);color:#fff;box-shadow:0 0 26px color-mix(in srgb,var(--sc) 55%,transparent)}
.bac-cards{display:flex;gap:8px;justify-content:center;align-items:center;min-height:146px}
.bac-mid{align-self:center;padding-top:30px}
.bac-res{min-width:120px;display:flex;flex-direction:column;align-items:center;text-align:center}
.bac-res .vs{font:800 13px var(--ui);letter-spacing:.3em;color:#3a3a38;text-transform:uppercase}
.bac-res.show span{font:900 30px var(--disp);text-transform:uppercase;animation:pop .3s}.bac-res small{color:#8b8b87;font-size:12.5px;margin-top:2px}
.bac-res.w-player span{color:#5ee391}.bac-res.w-banker span{color:#ff7a88}.bac-res.w-tie span{color:#ffc93c}.bac-res.nat span{color:#e8e2cf;font-size:22px}
.pc{width:96px;height:136px;flex:none;animation:deal3 .4s cubic-bezier(.2,.85,.3,1.05) both;--fx:0px;--fy:-220px;touch-action:none;user-select:none;-webkit-user-select:none}
.pc.third{margin:0 20px}.pc.third .pc-in{transform:rotate(90deg)}
.pc-in{position:relative;width:100%;height:100%;transition:transform .3s}
.pc-face,.pc-back,.pc-flap{position:absolute;left:0;right:0;border-radius:10px}.pc-face,.pc-back{inset:0}
.pc-face{background:#fbfbf8;color:#111;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;font-weight:900;box-shadow:0 18px 30px -12px #000}
.pc.red .pc-face{color:#d81f3a}.pc-face .r{font-size:24px;line-height:1}.pc-face .s{font-size:44px;align-self:center;line-height:1}.pc-face .r2{transform:rotate(180deg);font-size:24px;line-height:1}
.pc-back{background:linear-gradient(135deg,#1c1c1c,#0f0f0f);border:1px solid #2a2a2a;box-shadow:inset 0 0 0 6px #121212,inset 0 0 0 7px #1f5bff44,0 18px 30px -12px #000}
.pc-back::after{content:"R";position:absolute;inset:0;display:grid;place-items:center;font:900 34px var(--disp);color:#1f5bff55}
.pc-flap{top:100%;height:0;opacity:0;border-radius:10px 10px 4px 4px;background:linear-gradient(0deg,#ffffff 0%,#ecebe6 55%,#c9c7bf 100%);box-shadow:0 -8px 16px #0008;pointer-events:none}
.pc.sq{cursor:grab;outline:1.5px dashed #1f5bff99;outline-offset:5px;border-radius:12px;animation:sqpulse 1.4s infinite}.pc.sq:active{cursor:grabbing}
@keyframes sqpulse{50%{outline-color:#1f5bff}}
.pc.open .pc-back,.pc.open .pc-flap{display:none}
.bac-hint{height:0;overflow:hidden;display:flex;align-items:center;gap:12px;color:#d8d8d2;font-size:13.5px;font-weight:700;transition:height .2s}.bac-hint.show{height:40px}.bac-hint .ic{width:16px;height:16px;color:var(--lime)}
.bac-spots{width:100%;max-width:760px;margin-top:auto;display:flex;flex-direction:column;gap:10px}
.bac-pairs{display:flex;justify-content:space-between;gap:10px}.bac-main{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:10px}
.bsp{--sc:#22c55e;position:relative;height:92px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#121316;border:1px solid #1f2126;color:#fff;transition:background .15s,transform .12s,box-shadow .2s;overflow:visible}
.bsp::before{content:"";position:absolute;left:18%;right:18%;top:0;height:2px;border-radius:2px;background:var(--sc);opacity:.75}
.bsp span{font:800 15px var(--ui);letter-spacing:.14em;text-transform:uppercase}.bsp small{color:#7d7d79;font-size:12px;font-weight:700}
.bsp.sm{height:48px;flex:0 0 160px;flex-direction:row;gap:10px}.bsp.sm span{font-size:12px}.bsp.sm small{font-size:11px}
.bsp:hover{background:#17191d;transform:translateY(-1px)}
.s-player,.s-playerPair{--sc:#22c55e}.s-banker,.s-bankerPair{--sc:#ff5c6c}.s-tie{--sc:#ffc93c}
.bsp.has{background:color-mix(in srgb,var(--sc) 10%,#121316);border-color:color-mix(in srgb,var(--sc) 45%,#1f2126)}
.bsp.win{background:color-mix(in srgb,var(--sc) 18%,#121316);border-color:var(--sc);box-shadow:0 0 28px color-mix(in srgb,var(--sc) 35%,transparent)}.bsp.lose{opacity:.4}.bsp.push{border-color:#ffffff55}
.bsp .stk{position:absolute;top:-12px;right:12px}.bsp.sm .stk{top:-10px;right:-8px}
.bchips{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.bchip{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;--cc:#1f5bff;background:radial-gradient(circle,#0b0b0b 0 44%,transparent 45%),repeating-conic-gradient(var(--cc) 0 22deg,#fff 22deg 30deg);box-shadow:0 4px 10px #0009,inset 0 0 0 2px #0006;transition:transform .12s}
.bchip span{font:900 12px var(--ui);color:var(--cc)}.bchip.on{transform:translateY(-4px);box-shadow:0 0 0 2px #fff,0 8px 16px #000}
.bchip.c01{--cc:#9aa4b2}.bchip.c05{--cc:#3fd6ff}.bchip.c1{--cc:#1f5bff}.bchip.c5{--cc:#ff4d5e}.bchip.c10{--cc:#9b6bff}.bchip.c50{--cc:#ffcf3a}
.bchip.mini{width:36px;height:36px;display:grid}.bchip.mini span{font-size:9px}
.sqt{gap:8px;margin-top:12px;font-size:13.5px;color:var(--tx2);font-weight:600}.sqt input{width:auto}
.bac-road{display:flex;gap:10px;align-items:center}
.bead{display:flex;gap:2px;padding:5px;border-radius:10px;background:#121316;border:1px solid #1f2126;overflow:hidden}.bcol{display:flex;flex-direction:column;gap:2px}
.bead i{width:13px;height:13px;border-radius:50%;display:grid;place-items:center;font:900 0px var(--ui);background:#ffffff08;position:relative;font-style:normal}
.bead i.w-player{background:#22c55e}.bead i.w-banker{background:#ff5c6c}.bead i.w-tie{background:#ffc93c}
.bead em{position:absolute;width:5px;height:5px;border-radius:50%;border:1px solid #121316}.bead em.pp{left:-1px;bottom:-1px;background:#22c55e}.bead em.bp{right:-1px;top:-1px;background:#ff5c6c}
.bstats{display:flex;gap:10px;font:800 12px var(--ui)}.bstats .w-player{color:#6ee7a0}.bstats .w-banker{color:#ff9aa4}.bstats .w-tie{color:#ffc93c}
.bnet{font:900 20px var(--disp);margin-top:4px}.bnet.w{color:var(--lime);text-shadow:0 0 18px #1f5bff66}.bnet.l{color:#8b8b87;font-size:14px}
@media (max-width:640px){
  .bac{min-height:560px;padding:16px 10px 14px;gap:12px}.bac-top{gap:6px}.bac-mid{padding-top:20px}.bac-res{min-width:64px}.bac-res.show span{font-size:18px}.bac-h{letter-spacing:.12em;font-size:11px;gap:6px}.bac-tot{min-width:32px;height:32px;font-size:17px}
  .pc{width:58px;height:84px}.pc-face{padding:4px 6px}.pc-face .r,.pc-face .r2{font-size:15px}.pc-face .s{font-size:26px}.pc.third{margin:0 13px}.bac-cards{min-height:96px;gap:4px}
  .bsp{height:70px}.bsp span{font-size:12px;letter-spacing:.08em}.bsp.sm{flex:1;height:42px}.bead i{width:10px;height:10px}
}

/* win pill (shown above the game, never over its numbers) */
.winpill{position:absolute;top:14px;left:50%;z-index:7;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:14px;background:#060b18ee;border:1.5px solid var(--lime);box-shadow:0 10px 30px #000a,0 0 24px #1f5bff33;transform:translate(-50%,-24px);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.3),opacity .25s;pointer-events:none;white-space:nowrap}
.winpill.show{transform:translate(-50%,0);opacity:1}
.winpill small{font:800 11px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#1f5bffaa}.winpill b{font:900 22px var(--disp);color:var(--lime)}.winpill em{font-style:normal;font-weight:800;font-size:13px;padding:3px 8px;border-radius:8px;background:#1f5bff1f;color:var(--lime)}
.winpill.big{background:linear-gradient(135deg,#3e72ff,#113fbf);border-color:#8eacff;box-shadow:0 12px 40px #1f5bff66}.winpill.big small{color:#ffffffaa}.winpill.big b{color:#ffffff;font-size:26px}.winpill.big em{background:#ffffff1a;color:#ffffff}
@media (max-width:640px){.winpill{top:10px;padding:7px 12px}.winpill b{font-size:18px}}

/* dice v3: small fixed-face marker, smooth number */
.track .mk{width:36px;height:36px;margin:-18px 0 0 -18px;transition:left .56s cubic-bezier(.2,.8,.3,1)}
.track .mk b{bottom:42px;font-size:12px;padding:2px 7px}
.track .mk.show{animation:none}
.dnum.rolling{filter:none;color:#e8e8e2}
/* ── auto play */
.gmode{margin:2px 0 12px}.gmode button{height:34px}
.autobox{margin-top:12px;padding:12px;border:1px solid var(--line2);border-radius:14px;background:var(--bg2)}
.autobox label{display:block;font-size:12px;color:var(--tx2);margin:10px 0 6px;font-weight:600}.autobox>.ab-row:first-child label{margin-top:0}
.autobox input,.autobox select{width:100%}.autobox small{display:block;color:var(--tx3,#777);font-size:11px;margin-top:4px}
.ab-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ab-adj{display:flex;gap:6px;align-items:center}.ab-adj .seg2{flex:1.6;padding:3px}.ab-adj .seg2 button{height:32px;font-size:12px;white-space:nowrap}.ab-adj input{flex:1;min-width:0;height:40px}.ab-adj input:disabled{opacity:.4}.ab-adj>span{color:var(--tx2);font-weight:700}
.ab-stat{display:flex;justify-content:space-between;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--panel2);font-size:13px;color:var(--tx2)}.ab-stat b{color:#fff;margin-left:4px}.ab-stat b.green{color:var(--lime)}.ab-stat b.red{color:#ff4d6d}
#autoGo.red{background:#ff4d6d;color:#fff}
.autobox input:disabled,.autobox select:disabled{opacity:.55}
.krisk button{font-size:12.5px}#kt div.z b{opacity:.45}
.cashbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:60px!important;background:var(--lime);color:#ffffff;animation:cashpulse 1.1s ease-in-out infinite}.cashbtn b{font-size:19px}.cashbtn small{font-size:12px;opacity:.75;font-weight:700}
@keyframes cashpulse{50%{box-shadow:0 0 0 6px rgba(31,91,255,.18)}}
.cpill.low{top:calc(30% + 150px)}@media (max-width:640px){.cpill.low{top:calc(30% + 100px)}}
.gstage{scroll-margin-top:68px}
/* doubled card lies sideways, like at a real table */
.bjcards .cd3.dbl{rotate:90deg;translate:22px 16px;margin-right:30px}
@media (max-width:640px){.bjcards .cd3.dbl{translate:14px 10px;margin-right:18px}}
/* limbo: win shown inside the ring, top, in white */
.limbo .bigm.w{color:#fff;text-shadow:0 0 34px #ffffff40}
.lwin{position:absolute;top:19%;left:50%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translate(-50%,8px) scale(.9);opacity:0;transition:all .3s cubic-bezier(.2,.9,.3,1.3);pointer-events:none;white-space:nowrap}
.lwin.show{opacity:1;transform:translate(-50%,0) scale(1)}
.lwin small{font:800 11px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#ffffffa0}.lwin b{font:900 26px var(--disp);color:#fff}
@media (max-width:640px){.lwin b{font-size:20px}.lwin{top:17%}}
.bac-hint .hl{font-weight:800}.bac-hint em{font-style:normal}
@media (max-width:640px){.bac-hint .hx{display:none}.bac-hint .hl::after{content:" (drag a side or corner, or tap)";font-weight:600;color:#aaa}.bac-hint .btn{white-space:nowrap}}
.bjtot[hidden],.bjres[hidden]{display:none!important}
/* limbo: the ring flashes red when the rocket blows */
.limbo.blown::after{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#ff4d5e55,transparent 65%);animation:blown .7s ease-out forwards;pointer-events:none}
@keyframes blown{from{transform:scale(.6);opacity:1}to{transform:scale(1.25);opacity:0}}
/* baccarat: the third card goes under the first two, lying sideways (no overflow on any screen) */
.bac-cards{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:8px;row-gap:8px}
.pc.third{grid-column:1/-1;justify-self:center;margin:0;width:136px;height:96px;position:relative}
.pc.third .pc-in{position:absolute;width:96px;height:136px;left:20px;top:-20px;transform:rotate(90deg)}
@media (max-width:640px){.bac-cards{gap:4px;row-gap:6px}.pc.third{margin:0;width:84px;height:58px}.pc.third .pc-in{width:58px;height:84px;left:13px;top:-13px}}
/* live-table order: the shoe is on the dealer's left (your right), so Hand 1 sits there and is dealt first */
.bjseats{flex-direction:row-reverse}
/* baccarat chips 0.1 → 1,000 in two rows */
.bchips{grid-template-columns:repeat(5,1fr)}
.bchip.c25{--cc:#ff8a3d}.bchip.c50{--cc:#2ec27e}.bchip.c100{--cc:#f2f2f2}.bchip.c500{--cc:#ff4fb0}.bchip.c1000{--cc:#ffcf3a}
.bchip.c1000{box-shadow:0 0 0 2px #ffcf3a55,0 0 18px #ffcf3a44}
/* crash: payout / cash-out pill lives at the top of the screen */
.cpill,.cpill.low{top:18px!important;transform:translate(-50%,-8px) scale(.95)}.cpill.show{transform:translate(-50%,0) scale(1)}
.cpill.live{background:#0d0d0dd9;color:#fff;border:1.5px solid #ffffff2a;backdrop-filter:blur(6px)}.cpill.live span{color:#ffffff99;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.cpill.live b{color:#fff}
.cashbtn{height:56px!important}.cashbtn b{font-size:18px}
@media (max-width:640px){.cpill,.cpill.low{top:12px!important;font-size:13px}}
.sndb.turbo.on{background:var(--lime);color:#ffffff;box-shadow:0 0 14px #1f5bff55}
/* blackjack bet chip: one solid colour with the Ripl logo; the amount sits underneath so it never gets cut off */
.bspot .chip{background:radial-gradient(circle at 35% 30%,#5c87ff,#1f5bff 55%,#1643be);box-shadow:0 6px 14px #0009,inset 0 0 0 3px #ffffff22,inset 0 0 0 6px #1f5bff,inset 0 0 0 7px #ffffff33}
.bspot .chip svg{width:44%;height:auto;display:block}
.bspot .camt{font:800 13px var(--ui);color:#fff;background:#000a;padding:2px 9px;border-radius:99px;margin-top:3px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:640px){.bspot .camt{font-size:10.5px;padding:1px 6px}}
/* recent results: one row only, newest first, so they never cover the game */
.hist{flex-wrap:nowrap;overflow:hidden;max-width:calc(100% - 28px)}.hist span{flex:none}
@media (max-width:899px){.gstage{padding-top:56px}.hist{top:12px;right:12px;left:12px;justify-content:flex-end}.hist span:nth-child(n+6){display:none}}
/* while the win pill is up it takes the history row's place */
.hist{transition:opacity .2s}.gstage:has(.winpill.show) .hist{opacity:0}
@media (max-width:899px){.winpill{top:8px}}
/* blackjack insurance */
.bja.ins{display:none}.bjacts.insphase .bja{display:none}.bjacts.insphase .bja.ins{display:inline-flex}
.bja[data-a="insurance"]{background:var(--lime);color:#ffffff}.bja[data-a="insurance"] kbd{background:#ffffff22;color:#ffffff}
.bjout.ask{color:#fff;font-size:22px;display:flex;flex-direction:column;align-items:center;gap:4px}
.bjout small{display:block;font:700 13px var(--ui);text-transform:none;letter-spacing:0;color:#e9d9a6cc;text-shadow:none}
/* ───────── game toolkit: volume, max, live bets, bet slip, live stats */
.volw{position:relative}
.volpop{position:absolute;top:44px;right:-6px;z-index:30;display:none;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#151515;border:1px solid var(--line2);box-shadow:0 14px 30px #000a;width:190px}
.volpop.show{display:flex}.volpop b{font:800 12px var(--ui);color:var(--tx2);min-width:34px;text-align:right}
.volpop input{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--lime) var(--p,50%),#2a2a2a var(--p,50%));padding:0;border:0}
.volpop input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #000a;cursor:pointer}
.volpop input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0}
.amtrow button.amax{width:52px;color:var(--lime)}
.cdlg{width:min(400px,100%)}.cdlg-t{font:900 20px var(--disp);text-transform:uppercase}.cdlg-r{gap:8px;font-size:13px;color:var(--tx2)}
.lb{padding:14px 16px}.lb-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.lb-tabs{width:auto}.lb-tabs button{padding:0 16px;height:34px;font-size:13px}
.lb-ghost{gap:7px;font-size:12.5px;color:var(--tx2);cursor:pointer}
.lb-r{display:grid;grid-template-columns:1.1fr 1.1fr .6fr 1fr .8fr 1fr;gap:8px;align-items:center;width:100%;padding:10px 10px;border-radius:10px;font-size:13px;text-align:left;color:#ddd}
button.lb-r:nth-child(odd){background:#ffffff06}button.lb-r:hover{background:#ffffff0f}
.lb-head{color:var(--tx2);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding-top:0}
.lb-r .num{text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.lb-g{font-weight:700;color:#fff}.lb-u{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-r .pay{color:#8b8b87}.lb-r.w .pay{color:var(--lime)}.lb-r.w .mult{color:#fff}.lb-r .mult{color:#8b8b87}
.lb-empty{padding:18px;text-align:center;font-size:13px}
@media (max-width:640px){.lb-r{grid-template-columns:1.2fr .8fr 1fr}.lb-r>:nth-child(2),.lb-r>:nth-child(3),.lb-r>:nth-child(4){display:none}.lb-h .lb-ghost{width:100%}}
.slipc{width:min(460px,100%)}
.slip{display:flex;flex-direction:column;gap:14px}.slip-h{display:flex;align-items:center;gap:10px}.slip-h b{font:900 22px var(--disp);text-transform:uppercase}
.slip-m{font:900 56px/1 var(--disp);text-align:center;color:#8b8b87;padding:8px 0}.slip.w .slip-m{color:var(--lime);text-shadow:0 0 24px #1f5bff55}
.slip-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slip-g div,.slip-f div{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:var(--panel2)}
.slip-g span,.slip-f span{font-size:11.5px;color:var(--tx2);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.slip-g b{display:flex;align-items:center;gap:6px;font-size:14px}
.slip-f{display:flex;flex-direction:column;gap:6px}.slip-f code{font-size:11.5px;word-break:break-all;color:#ddd}
.sspanel{position:fixed;right:22px;bottom:22px;z-index:120;width:330px;padding:14px;border-radius:18px;background:#121212f2;border:1px solid var(--line2);box-shadow:0 20px 50px #000c;backdrop-filter:blur(8px);animation:tin .2s}
.ss-h{display:flex;align-items:center;gap:8px;cursor:move;margin-bottom:10px;user-select:none}.ss-h b{font:900 16px var(--disp);text-transform:uppercase}.ss-h .sndb{width:32px;height:32px}
.ss-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ss-g div{padding:9px 11px;border-radius:12px;background:var(--panel2);display:flex;flex-direction:column;gap:2px}.ss-g span{font-size:11px;color:var(--tx2);font-weight:700;text-transform:uppercase}.ss-g b{font:800 16px var(--ui);font-variant-numeric:tabular-nums}
.ss-c{position:relative;height:120px;margin-top:10px;border-radius:12px;background:#0b0b0b;overflow:hidden}.ss-c svg{width:100%;height:100%;display:block}.ss-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:12.5px;text-align:center;padding:0 16px}
@media (max-width:899px){.sspanel{left:12px;right:12px;bottom:96px;width:auto}}
.modal{animation:mfade .18s ease-out}@keyframes mfade{from{opacity:0}}
.lb-ghost{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap}.lb-ghost input{width:auto;margin:0}
.lb-tabs button{white-space:nowrap}
@media (max-width:640px){.lb{padding:12px}.lb-h{gap:8px}.lb-tabs{width:100%}.lb-tabs button{padding:0 8px;font-size:12.5px}.lb-h .lb-ghost{width:auto!important}.ss-c{height:80px}.sspanel{padding:12px}.ss-g{grid-template-columns:repeat(4,1fr);gap:6px}.ss-g div{padding:7px 8px}.ss-g b{font-size:13.5px}}
/* hi-lo (Stake rules) */
.hilo2{display:flex;align-items:center;gap:40px;justify-content:center}
.hhint{display:flex;flex-direction:column;align-items:center;gap:6px;width:110px;text-align:center}.hhint span{width:46px;height:62px;border-radius:9px;border:2px dashed #ffffff22;display:grid;place-items:center;font:900 22px var(--disp);color:#ffffff55}.hhint small{color:var(--mute);font-size:11.5px;line-height:1.3}
.hgs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.hg{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:14px;background:var(--panel2);border:1px solid var(--line2);color:#fff;transition:transform .1s,background .15s}
.hg:not(:disabled):hover{background:#1f1f1f}.hg:not(:disabled):active{transform:scale(.97)}.hg:disabled{opacity:.45}
.hg .hg-a{font-size:18px;line-height:1}.hg b{font-size:13.5px}.hg small{font-size:12px;color:var(--tx2);font-weight:700}
.hg.g-higher_eq,.hg.g-higher{border-color:#1f5bff55}.hg.g-higher_eq .hg-a,.hg.g-higher .hg-a{color:var(--lime)}.hg.g-lower_eq .hg-a,.hg.g-lower .hg-a{color:#ff7a88}.hg.g-same .hg-a{color:#ffc93c}
.stat i{font-style:normal;color:var(--mute);font-size:11.5px}
.hsi em{font-style:normal;font-size:10.5px;font-weight:800;color:var(--lime)}.hsi.lost em{color:var(--red)}
.autox{margin-top:12px;padding:12px;border:1px solid var(--line2);border-radius:14px;background:var(--bg2)}.autox label{display:block;font-size:12px;color:var(--tx2);margin:8px 0 6px;font-weight:600}.autox label:first-child{margin-top:0}.autox input{width:100%}
@media (max-width:640px){.hilo2{gap:14px}.hhint{width:62px}.hhint small{display:none}.hhint span{width:36px;height:50px;font-size:17px}}
.mt.pre{background:#1f5bff1a;border-color:var(--lime)!important;box-shadow:inset 0 0 0 2px #1f5bff99,0 0 14px #1f5bff33}
.mt.pre::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #1f5bff}
.autox .stat b{font-size:16px}.mt.pre{display:grid;place-items:center}
/* baccarat scoreboards */
.bac-road{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}
.rtabs{display:flex;gap:4px;padding:3px;border-radius:9px;background:#121316;border:1px solid #1f2126}.rtabs button{font:800 11px var(--ui);padding:4px 9px;border-radius:7px;color:var(--tx2)}.rtabs button.on{background:#ffffff14;color:#fff}
.bead.big i{background:transparent;border:1px solid #ffffff10;border-radius:50%}
.bead.big i.ring{border:2.5px solid;background:transparent}.bead.big i.ring.w-player{border-color:#22c55e}.bead.big i.ring.w-banker{border-color:#ff5c6c}
.bead.big i s{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:#ffc93c;transform:rotate(45deg)}.bead.big i b{position:absolute;right:-5px;top:-6px;font:900 8px var(--ui);color:#ffc93c}
.bstats small{margin-left:3px;font-size:10.5px;opacity:.75}
/* ───────── wheel v2 */
.g-wheel{background:radial-gradient(520px 420px at 50% 42%,color-mix(in srgb,var(--wc,#8b5cf6) 14%,transparent),transparent 70%),#0b0b0b;transition:background .6s}
.wheelw2{position:relative;width:min(420px,84vw);aspect-ratio:1;margin-top:8px}
.wlights{position:absolute;inset:-4%;width:108%;height:108%;filter:drop-shadow(0 18px 30px #000c)}
.wlights::before{content:""}
.wlights .bulb{fill:#3a3420;transition:fill .08s}.wlights .bulb.on{fill:#ffe9a3;filter:drop-shadow(0 0 4px #ffd36a)}
.wheelw2::before{content:"";position:absolute;inset:-1.5%;border-radius:50%;background:conic-gradient(from 0deg,#3b3220,#7a6634,#c8a95a,#7a6634,#3b3220,#7a6634,#c8a95a,#7a6634,#3b3220);box-shadow:0 30px 60px -18px #000,inset 0 0 0 2px #00000080}
.wheelw2::after{content:"";position:absolute;inset:2.4%;border-radius:50%;background:#0d0f14;box-shadow:inset 0 0 0 2px #00000099}
.wspin{position:absolute;inset:3%;z-index:1;will-change:transform}.wspin svg{width:100%;height:100%;display:block}
.wtx{font:900 9px var(--disp,system-ui);fill:#ffffff;text-anchor:middle;dominant-baseline:middle;letter-spacing:.02em}
.wseg{transition:filter .3s}.wseg.win{animation:wsegw 1s ease-in-out 3;stroke:#fff;stroke-width:2.2}
@keyframes wsegw{50%{filter:brightness(1.5) saturate(1.2)}}
.wglare{position:absolute;inset:3%;z-index:2;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 34% 22%,#ffffff26,transparent 42%),radial-gradient(circle,transparent 62%,#00000055 100%)}
.wpin{position:absolute;left:50%;top:-5.5%;z-index:4;width:12%;transform:translateX(-50%);transform-origin:50% 30%;filter:drop-shadow(0 6px 6px #000a)}.wpin svg{display:block;width:100%}
.wpin.flick{animation:wpin .14s ease-out}@keyframes wpin{40%{transform:translateX(-50%) rotate(-16deg)}}
.whub{position:absolute;inset:33.5%;z-index:3;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#2a2f3d,#0d0f14 70%);box-shadow:0 0 0 3px #c8a95a,0 0 0 6px #0d0f14,0 10px 24px #000c,inset 0 2px 6px #ffffff14}
.whub span{width:42%;display:grid;place-items:center;opacity:.9}.whub span svg{width:100%;height:auto}.whub span svg path{fill:#1f5bff}
.whub b{font:900 clamp(22px,5.5vw,34px) var(--disp);color:#fff;animation:pop .35s}
.whub.show.w{box-shadow:0 0 0 3px var(--c),0 0 0 6px #0d0f14,0 0 40px var(--c),inset 0 2px 6px #ffffff14}.whub.show.w b{color:#fff;text-shadow:0 0 18px var(--c)}.whub.show.l b{color:#7b8194}
.wlegend{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.wlegend span{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:62px;padding:6px 10px;border-radius:12px;background:#14161d;border:1px solid #23262f;border-top:3px solid var(--c)}
.wlegend span b{font-size:13px;color:#fff}.wlegend span small{font-size:11px;color:var(--tx2);font-weight:700}
.wheelw2::before,.wheelw2::after{z-index:0}.wlights{z-index:2;pointer-events:none}
@media (min-width:900px){.wheelw2{margin-top:30px}}
/* peel from any side: the flap's shading follows the fold */
.pc-flap{border-radius:10px}
.pc-flap[data-m="b"]{background:linear-gradient(0deg,#ffffff 0%,#ecebe6 55%,#bdbab0 100%)}
.pc-flap[data-m="t"]{background:linear-gradient(180deg,#ffffff 0%,#ecebe6 55%,#bdbab0 100%)}
.pc-flap[data-m="br"]{background:linear-gradient(315deg,#ffffff 0%,#ecebe6 50%,#b5b2a8 100%)}
.pc-flap[data-m="bl"]{background:linear-gradient(45deg,#ffffff 0%,#ecebe6 50%,#b5b2a8 100%)}
.pc-flap[data-m="tr"]{background:linear-gradient(225deg,#ffffff 0%,#ecebe6 50%,#b5b2a8 100%)}
.pc-flap[data-m="tl"]{background:linear-gradient(135deg,#ffffff 0%,#ecebe6 50%,#b5b2a8 100%)}
.pc-back{filter:drop-shadow(0 0 0 transparent)}
/* cash-out (Mines, Hi-Lo): the theme's neon green, glowing while you can cash out */
.btn.cashg{background:var(--lime);color:#ffffff;box-shadow:0 0 0 1px #1f5bff,0 0 22px #1f5bff66,0 10px 26px -10px #1f5bffaa;animation:cashglow 1.6s ease-in-out infinite}
.btn.cashg:hover:not(:disabled){filter:brightness(1.06)}.btn.cashg:disabled{background:#0f1830;color:#283d75;box-shadow:none;animation:none}
@keyframes cashglow{50%{box-shadow:0 0 0 1px #1f5bff,0 0 34px #1f5bff99,0 10px 26px -10px #1f5bffaa}}
/* ───────── coin (original R / B design, polished): raised rim, dotted ring, embossed letter, real thickness, moving sheen */
.coinw{position:relative}.coin .f{overflow:hidden}
.coin .ce{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#0a2162 0 3deg,#1a46be 3deg 6deg)}
.coin .h{background:radial-gradient(circle at 34% 28%,#a0b9ff 0,#4073ff 22%,#1f5bff 46%,#11379f 78%,#0a2162 100%);color:#000921;box-shadow:inset 0 0 0 7px #1a47c5,inset 0 0 0 9px #0c2875,inset 0 -10px 22px #0006,inset 0 8px 16px #ffffff80}
.coin .t{background:radial-gradient(circle at 34% 28%,#ffffff 0,#e4e4e4 22%,#b5b5b5 50%,#6e6e6e 80%,#3a3a3a 100%);color:#151515;box-shadow:inset 0 0 0 7px #cfcfcf,inset 0 0 0 9px #6a6a6a,inset 0 -10px 22px #0006,inset 0 8px 16px #ffffff90}
.coin .f::before{inset:16px;border:2.5px dotted #00000040}
.coin .f::after{content:"";position:absolute;inset:26px;border-radius:50%;box-shadow:inset 0 2px 3px #0004,0 1px 0 #ffffff70}
.coin .f span{font:900 78px/1 var(--disp);position:relative;z-index:1;color:inherit;text-shadow:0 2px 0 #ffffffa0,0 -2px 1px #00000055,0 0 1px #0008}
.coin .t span{text-shadow:0 2px 0 #fff,0 -2px 1px #00000066}
.coin .sheen{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,#ffffff70 50%,transparent 60%);transform:translateX(-60%);pointer-events:none;z-index:2}
.coinw.flipping .sheen{animation:sheen .38s linear infinite}@keyframes sheen{to{transform:translateX(60%)}}
.coinw.won .coin{filter:drop-shadow(0 0 22px #1f5bff99)}.coinw.lost .coin{filter:saturate(.7) brightness(.85)}
.coin{transition-property:transform;filter:drop-shadow(0 22px 30px #000c)}
.g-coinflip{background:radial-gradient(520px 380px at 50% 42%,#1f5bff12,transparent 70%),#0b0b0b}
/* ───────── wheel v3: graphite rim, neon edge light that runs while spinning, green shades */
.g-wheel{background:radial-gradient(520px 420px at 50% 42%,#1f5bff0f,transparent 70%),#0a0a0a}
.g-wheel.wspinning{background:radial-gradient(560px 440px at 50% 42%,#1f5bff1f,transparent 72%),#0a0a0a}
.wheelw2::before{background:radial-gradient(circle at 50% 30%,#2b2f27,#121410 62%,#0a0b08);box-shadow:0 34px 70px -20px #000,inset 0 0 0 1px #ffffff14,inset 0 2px 0 #ffffff12}
.wheelw2::after{inset:2.6%;background:#090b06;box-shadow:inset 0 0 0 1.5px #1f5bff55,inset 0 0 18px #000}
.wneon{position:absolute;inset:-1.5%;z-index:2;border-radius:50%;pointer-events:none;--spd:1.4s;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 calc(100% - 1px),transparent 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 calc(100% - 1px),transparent 100%);
  background:conic-gradient(#1f5bff33,#1f5bff33);transition:opacity .4s}
.wheelw2{filter:drop-shadow(0 0 0 transparent)}
.wneon.spin{background:conic-gradient(from 0deg,transparent 0 55%,#1f5bff55 70%,#799dff 84%,#1f5bff 88%,transparent 92%,transparent 100%);animation:wneon var(--spd) linear infinite}
.wneon.spin::after,.wneon.win::after{content:""}
@keyframes wneon{to{transform:rotate(360deg)}}
.wheelw2:has(.wneon.spin){filter:drop-shadow(0 0 18px #1f5bff66)}
.wneon.win{background:conic-gradient(#1f5bff,#799dff,#1f5bff,#1a46bf,#1f5bff);animation:wneonwin .5s ease-in-out 4}
.wheelw2:has(.wneon.win){filter:drop-shadow(0 0 26px #1f5bff88)}
@keyframes wneonwin{50%{opacity:.35}}
.wtx{font:900 9px var(--disp,system-ui);text-anchor:middle;dominant-baseline:middle}
.wseg.win{stroke:#abc1ff;stroke-width:2.4;animation:wsegw .7s ease-in-out 4}@keyframes wsegw{50%{filter:brightness(1.6)}}
.whub{box-shadow:0 0 0 2px #1f5bff99,0 0 0 6px #090b06,0 0 22px #1f5bff33,0 10px 24px #000c,inset 0 2px 6px #ffffff14;background:radial-gradient(circle at 40% 30%,#22281a,#090b06 70%)}
.wlegend span{background:#10130b;border-color:#1f2614}
.wpin svg path{fill:#1f5bff}.wpin svg circle{fill:#ffffff}.wpin{filter:drop-shadow(0 0 10px #1f5bff88) drop-shadow(0 6px 6px #000a)}
.pc-shade{position:absolute;inset:0;border-radius:10px;pointer-events:none}
.pc.open .pc-shade{display:none}
.pc-flap{box-shadow:none}
/* blackjack side bets either side of the chip (PP left, 21+3 right) */
.bspot{flex-direction:row!important;align-items:center;gap:10px}
.bchipc{display:flex;flex-direction:column;align-items:center;gap:3px}
.sb{width:66px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 4px;border-radius:12px;font-size:11px;color:#e9d9a6;transition:opacity .45s,transform .45s}
.sb.none{visibility:hidden}
.sb span{font-weight:800;letter-spacing:.06em;font-size:11px}.sb .sb-stake{font-size:12px;color:#fff}.sb .sb-win{display:none;font:900 14px var(--ui);color:#ffffff}.sb em{display:none;font-style:normal;font-size:9.5px;font-weight:800;color:#ffffffcc;white-space:nowrap;max-width:76px;overflow:hidden;text-overflow:ellipsis}
.sb.pend{border:1.5px dashed #1f5bff99;background:#00000040}
.sb.won{background:var(--lime);color:#ffffff;box-shadow:0 0 18px #1f5bff77;animation:pop .35s;width:auto;min-width:66px;padding:5px 8px}.sb.won span{color:#ffffff}.sb.won .sb-stake{display:none}.sb.won .sb-win,.sb.won em{display:block}
.sb.gone{opacity:0;transform:scale(.7);pointer-events:none}
.sides{display:none}
@media (max-width:640px){.bspot{gap:4px}.sb{width:46px;min-height:36px;padding:3px 2px;border-radius:9px}.sb span{font-size:9.5px}.sb .sb-stake{font-size:10px}.sb.won{min-width:46px;padding:3px 5px}.sb .sb-win{font-size:11px}.sb em{display:none!important}}
.bjseats{flex-wrap:nowrap!important;gap:8px}
.seat{min-width:0}
.sb{width:58px}
@media (max-width:640px){.bjseats{gap:2px}.seat{padding:2px}.bspot{gap:2px}.sb{width:31px;min-height:32px;padding:2px 1px;border-radius:7px}.sb span{font-size:8px;letter-spacing:0}.sb .sb-stake{font-size:8.5px}.sb.won{min-width:31px;padding:2px 3px}.sb .sb-win{font-size:9px}
  .bspot .chip{width:36px;height:36px}.bspot .camt{font-size:9.5px;padding:1px 5px}}
.bchipc small{white-space:nowrap}@media (max-width:640px){.bchipc small{font-size:9px;letter-spacing:.04em}}
/* ───────── auto bet: switch, ∞, Advanced / Strategy panels */
.autosw{display:flex;align-items:center;justify-content:space-between;margin:2px 0 12px;padding:10px 12px;border-radius:13px;background:var(--bg2);border:1px solid var(--line2)}
.autosw span{font-weight:800;font-size:14px}
.tgl{width:46px;height:26px;border-radius:99px;background:#2a2a2a;position:relative;transition:background .2s;flex:none}.tgl i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#bbb;transition:transform .2s,background .2s}
.tgl.on{background:var(--lime);box-shadow:0 0 14px #1f5bff55}.tgl.on i{transform:translateX(20px);background:#ffffff}.tgl:disabled{opacity:.5}
.autobox{margin-top:0}
.abn{display:flex;gap:6px}.abn input{flex:1;min-width:0}.abinf{width:46px;border-radius:12px;background:var(--panel2);font-size:20px;font-weight:800;color:var(--tx2)}.abinf.on{background:var(--lime);color:#ffffff}
.ab-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.abt{display:flex;align-items:center;justify-content:center;gap:5px;height:36px;border-radius:11px;background:var(--panel2);border:1px solid var(--line2);font-weight:800;font-size:12.5px;color:var(--tx2);white-space:nowrap;overflow:hidden}
.abt b{color:var(--lime);font-weight:800;overflow:hidden;text-overflow:ellipsis}.abt svg{transition:transform .2s;flex:none}.abt.open{color:#fff;border-color:#1f5bff66}.abt.open svg{transform:rotate(180deg)}
.ab-panel{margin-top:8px;padding:10px;border-radius:12px;background:#0d0d0d;border:1px solid var(--line2)}
.ab-panel label:first-child{margin-top:0}
.ab-lock{font-size:11.5px;margin-top:8px}
.seg2 button.locked{opacity:.55;cursor:not-allowed}
.strats{display:flex;flex-direction:column;gap:6px}
.strat{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 11px;border-radius:11px;background:var(--panel2);border:1px solid var(--line2);text-align:left}
.strat b{font-size:13px}.strat small{font-size:11.5px;color:var(--tx2)}.strat.on{border-color:var(--lime);background:#060b19}.strat.on b{color:var(--lime)}
.strat-p{margin-top:8px}.strat-p label{margin-top:0!important}
#abExtra>*{margin-top:10px}
#abExtra .autox{border:0;padding:0;background:none}
/* hi-lo guess buttons under the card (all screens) */
.g-hilo{justify-content:flex-start;gap:14px}
.hctl{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(460px,100%)}
.hctl .hgs{width:100%;margin:0}.hctl .hg{padding:14px 10px}.hctl .hg b{font-size:15px}.hctl #sk{min-width:160px}
.ax-h{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--lime);margin-bottom:6px}
.ab-tabs{grid-template-columns:1fr 1.35fr}
.strats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.strat{padding:8px 10px}.strat small{display:none}.strat.on small{display:block}.strat.on{grid-column:1/-1}
.fbadges{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-bottom:6px}.fbadges img{display:block;height:48px;width:auto;transition:transform .15s,filter .15s}.fbadges a:hover img{transform:translateY(-2px);filter:drop-shadow(0 6px 14px #000a)}
.pfbadge img{display:block;height:40px;width:auto}.pfbadge:hover img{filter:brightness(1.1)}
/* ═══════════ premium type: Inter (UI) + Inter Display (headings), self-hosted, OFL ═══════════ */
@font-face{font-family:"RB Inter";src:url(fonts/Inter-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"RB Inter";src:url(fonts/Inter-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"RB Inter";src:url(fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"RB Inter";src:url(fonts/Inter-Bold.woff) format("woff");font-weight:700 900;font-display:swap}
@font-face{font-family:"RB Display";src:url(fonts/InterDisplay-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"RB Display";src:url(fonts/InterDisplay-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"RB Display";src:url(fonts/InterDisplay-ExtraBold.woff) format("woff");font-weight:800;font-display:swap}
@font-face{font-family:"RB Display";src:url(fonts/InterDisplay-Black.woff) format("woff");font-weight:900;font-display:swap}
/* ═══════════ premium black: deep neutral canvas, soft lifted panels, hairline borders ═══════════ */
:root{--ui:"RB Inter","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--disp:"RB Display","Inter Display","RB Inter",system-ui,sans-serif;
  --bg:#070708;--bg2:#050506;--panel:#0e0e10;--panel2:#141416;--panel3:#1b1b1e;--line:#ffffff0d;--line2:#ffffff16;--tx:#f5f5f3;--tx2:#b9b9b5;--mute:#7d7d79}
html,body{font-feature-settings:"cv11","ss01","tnum" 0;letter-spacing:-.006em}
body{background:radial-gradient(1200px 600px at 50% -200px,#1f5bff0a,transparent 70%),var(--bg)}
h1,h2,h3,.sec h2,.gtitle b,.cdlg-t,.slip-h b,.ss-h b{font-family:var(--disp);font-weight:800;letter-spacing:-.025em}
.sec h2{font-size:26px;text-transform:none}
.bigm,.dnum,.crashm,.bjout,.whub b,.slip-m,.bac-res.show span,.cres,.winpill b{font-family:var(--disp);font-weight:900;letter-spacing:-.035em}
.card,.gctl,.lb,.sspanel,.vipc{background:linear-gradient(180deg,#121214 0%,#0d0d0f 100%);border-color:var(--line)!important;box-shadow:inset 0 1px 0 #ffffff08}
.gwrap{background:#0b0b0d;border-color:var(--line)}
.gstage{background:radial-gradient(640px 380px at 50% 40%,#1f5bff0b,transparent 70%),#09090a}
.side,.top,header{background:#08080999!important;backdrop-filter:blur(14px)}
.tile{box-shadow:0 14px 30px -18px #000,inset 0 1px 0 #ffffff0a}
input,select{background:#09090a!important;border-color:var(--line2)!important}
.stat{background:#0a0a0b;border-color:var(--line)!important}
.btn{letter-spacing:-.01em}
/* ═══════════ bankroll ═══════════ */
.br-h{align-items:center}.br-tabs{width:auto}.br-tabs button{padding:0 18px;height:34px;font-size:13.5px}
.brc{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:16px;background:linear-gradient(180deg,#161618,#111113);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff0a,0 20px 40px -24px #000}
.br-ic{color:var(--lime);display:grid;place-items:center;filter:drop-shadow(0 0 10px #1f5bff55)}
.br-t{display:flex;flex-direction:column;gap:2px}.br-t small{font:600 11.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.22em;color:var(--mute)}.br-t b{font:800 32px/1.1 var(--disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.br-pill{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:#1d1d20;border:1px solid var(--line2);font-variant-numeric:tabular-nums}.br-pill b{font-size:16px;font-weight:600}
.br-flag{width:28px;height:20px;border-radius:4px;display:grid;place-items:center;background:linear-gradient(180deg,#1f5bff,#1747d6);color:#ffffff;font:900 13px var(--ui)}
@media (max-width:640px){.brc{flex-wrap:wrap;padding:16px}.br-t b{font-size:26px}.br-pill{width:100%;justify-content:center}.sec h2{font-size:22px}}
.br-tabs{background:#121214;border-color:var(--line2)}.br-tabs button.on{background:#26262a;color:#fff;box-shadow:inset 0 1px 0 #ffffff12}
/* footer trust block: provably fair, then responsible gambling, each with a short description */
.ftrust{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:10px}
.ftr{display:flex;align-items:center;gap:18px;max-width:760px}
.ftr img{flex:none;width:180px;height:auto;transition:transform .15s}.ftr:hover img{transform:translateY(-1px)}
.ftr p{margin:0;font-size:13px;line-height:1.5;color:var(--tx2)}
@media (max-width:640px){.ftr{flex-direction:column;align-items:flex-start;gap:8px}.ftr img{width:160px}}
/* ───────── public chat */
.chatb{position:relative;width:44px;height:44px;border-radius:12px;background:var(--panel);display:grid;place-items:center;color:var(--tx2);border:1px solid var(--line2)}.chatb:hover{color:#fff}.chatb.on{color:var(--lime);border-color:#1f5bff55;box-shadow:0 0 18px -6px var(--lime)}
.cb-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--lime);color:#000;font:800 10.5px/18px var(--ui)}
.pchat{position:fixed;right:0;top:calc(var(--nt) + var(--hh));bottom:0;width:360px;z-index:55;background:var(--bg2);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .22s ease;visibility:hidden}
.pchat.on{transform:none;visibility:visible}
@media(min-width:1100px){body.chat-open .main{margin-right:360px}}
@media(min-width:900px) and (max-width:1099px){.pchat{box-shadow:-30px 0 60px -20px #000}}
.pc-h{position:relative;display:flex;align-items:center;gap:8px;padding:10px 10px 10px 12px;border-bottom:1px solid var(--line)}
.pc-room{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border-radius:11px;background:var(--panel);border:1px solid var(--line2);font-weight:700;color:var(--tx)}.pc-room .ic{width:16px;height:16px;color:var(--mute)}
.pc-on{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tx2);font-weight:600}.pc-on i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.pc-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--mute)}.pc-ic:hover{color:#fff;background:var(--panel)}.pc-ic .ic{width:18px;height:18px}
.pc-rooms{position:absolute;left:10px;top:52px;z-index:5;min-width:220px;background:#121212;border:1px solid var(--line2);border-radius:14px;padding:6px;box-shadow:0 20px 40px -10px #000}
.pc-rooms button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;text-align:left;font-weight:600;color:var(--tx2)}.pc-rooms button:hover,.pc-rooms button.on{background:var(--panel2);color:#fff}.pc-rooms i{margin-left:auto;font-style:normal;font-size:12px}
.pc-wins{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;border-bottom:1px solid var(--line);scrollbar-width:none;background:linear-gradient(90deg,#1f5bff0d,transparent)}.pc-wins::-webkit-scrollbar{display:none}
.pc-w{flex:none;font-size:12px;padding:5px 10px;border-radius:99px;background:var(--panel);border:1px solid #1f5bff33;white-space:nowrap;color:var(--tx2)}.pc-w:hover{border-color:var(--lime)}
.pc-pin{padding:9px 12px;font-size:12.5px;color:var(--tx2);background:#1f5bff10;border-bottom:1px solid #1f5bff26}
.pc-list{flex:1;overflow-y:auto;padding:8px 6px 8px 8px;overscroll-behavior:contain}
.pc-empty{text-align:center;padding:40px 10px;font-size:13px}
.pc-m{position:relative;display:flex;gap:9px;padding:7px 8px;border-radius:12px;animation:pcin .18s ease}.pc-m:hover{background:#ffffff07}
.pc-m.men{background:#1f5bff12;box-shadow:inset 3px 0 0 var(--lime)}
@keyframes pcin{from{opacity:0;transform:translateY(4px)}}
.pc-av{flex:none;width:28px;height:28px;display:grid;place-items:center;margin-top:1px}.pc-av .medal{filter:drop-shadow(0 2px 4px #0008)}
.pc-b{min-width:0;flex:1}
.pc-l1{display:flex;align-items:center;gap:6px;line-height:1.2}.pc-n{font-weight:750;font-size:13.5px;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-n:hover{color:var(--lime)}.pc-m.me .pc-n{color:var(--lime)}
.pc-t{font-size:11px;margin-left:auto;opacity:0;transition:opacity .15s}.pc-m:hover .pc-t{opacity:1}
.pc-badge{font:800 9.5px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:6px;background:#070e21;color:var(--lime);border:1px solid #1f5bff44}.pc-badge.a{background:#2a0d12;color:#ff7d8b;border-color:#ff4d5e55}
.pc-x{font-size:14px;color:var(--tx2);word-wrap:break-word;overflow-wrap:anywhere;margin-top:2px;line-height:1.4}
.pc-at{color:var(--lime);cursor:pointer;font-weight:700}
.pc-q{font-size:11.5px;color:var(--mute);border-left:2px solid var(--line2);padding:1px 0 1px 7px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-bet{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;margin-top:6px;padding:9px 11px;border-radius:12px;background:linear-gradient(135deg,#171717,#0f0f0f);border:1px solid var(--line2);text-align:left}.pc-bet:hover{border-color:#1f5bff66}
.pc-bg{font-weight:750;font-size:13px}.pc-bm{font:800 15px var(--disp);text-align:right;color:var(--tx2)}.pc-bm.w{color:var(--lime);text-shadow:0 0 12px #1f5bff66}
.pc-bp{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:650}.pc-bu{font-size:11.5px;text-align:right}
.pc-sys{margin:6px 8px;padding:8px 11px;border-radius:10px;background:var(--panel);border:1px dashed var(--line2);font-size:12.5px;color:var(--tx2)}
.pc-acts{position:absolute;right:6px;top:4px;display:none;gap:2px;background:#151515;border:1px solid var(--line2);border-radius:9px;padding:2px}.pc-m:hover .pc-acts{display:flex}
.pc-acts button{width:26px;height:24px;border-radius:7px;font-size:13px;color:var(--tx2);display:grid;place-items:center}.pc-acts button:hover{background:var(--panel2);color:#fff}.pc-acts .ic{width:13px;height:13px}
.pc-new{position:absolute;left:50%;transform:translateX(-50%);bottom:118px;z-index:3;background:var(--lime);color:#000;font-weight:800;font-size:12.5px;padding:7px 14px;border-radius:99px;box-shadow:0 10px 24px -8px var(--lime)}
.pc-foot{border-top:1px solid var(--line);padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:var(--bg2);position:relative}
.pc-rep{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tx2);padding:6px 8px;margin-bottom:8px;border-radius:9px;background:var(--panel);border-left:3px solid var(--lime)}.pc-rep span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pc-rep .ic{width:14px;height:14px}
.pc-emo{position:absolute;left:10px;right:10px;bottom:100%;margin-bottom:6px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;background:#121212;border:1px solid var(--line2);border-radius:14px;box-shadow:0 -10px 30px -10px #000}
.pc-emo button{height:34px;border-radius:8px;font-size:18px}.pc-emo button:hover{background:var(--panel2)}
.pc-f{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:4px}.pc-f:focus-within{border-color:#1f5bff88}
.pc-f input{border:0;background:transparent;padding:9px 4px;font-size:14px}.pc-f input:disabled{opacity:.6}
.pc-f .pc-ic{font-size:17px}
.pc-send{flex:none;width:38px;height:38px;border-radius:11px;background:var(--lime);color:#000;display:grid;place-items:center}.pc-send:disabled{background:var(--panel3);color:var(--mute)}.pc-send .ic{width:18px;height:18px}
.pc-meta{display:flex;gap:8px;font-size:11.5px;min-height:16px;margin-top:6px;padding:0 4px}
/* profile card */
.pf{max-width:440px;gap:14px}.pf-h{display:flex;align-items:center;gap:14px}.pf-n{font:800 21px var(--disp)}.pf-r{color:var(--lime);font-weight:700;font-size:14px}
.pf-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pf-g div{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.pf-g span{display:block;font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.pf-g b{font-size:15px}
.pf-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pf-big{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:14px;text-align:left;background:radial-gradient(160px 80px at 0 0,#1f5bff14,transparent),var(--bg2);border:1px solid var(--line2)}.pf-big:not([disabled]):hover{border-color:#1f5bff77}
.pf-big span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.pf-big b{display:flex;align-items:center;gap:6px;font:800 20px var(--disp)}.pf-big small{display:flex;align-items:center;gap:4px;color:var(--tx2);font-size:12px}
.pf-row{font-size:12.5px}.pf-hid{display:flex;gap:12px;align-items:center;padding:16px;border-radius:14px;background:var(--bg2);border:1px dashed var(--line2)}.pf-hid .ic{width:26px;height:26px;color:var(--mute)}
.pf-tog{gap:8px;font-size:13px;color:var(--tx2)}.pf-tog input{width:auto}
@media(max-width:899px){
  .pchat{top:0;width:100%;z-index:95;border-left:0}
  body.chat-open{overflow:hidden}
  .pc-acts{display:flex;position:static;background:none;border:0;align-self:flex-start;opacity:.55}.pc-m{padding-right:4px}
  .pc-t{opacity:1}.pc-new{bottom:120px}
  .pf-g{grid-template-columns:repeat(2,1fr)}
  .chatb{display:none}
}
.pchat [hidden]{display:none!important}
/* ───────── player profile page */
.pp{display:flex;flex-direction:column;gap:16px;max-width:1180px;margin:0 auto}
.pp .sk{border-radius:14px;background:linear-gradient(90deg,var(--panel2),var(--panel3),var(--panel2));background-size:200% 100%;animation:skm 1.2s infinite}@keyframes skm{to{background-position:-200% 0}}
.pp h2{font:800 17px var(--disp);margin:0 0 12px}
.pp-hero{padding:22px;background:radial-gradient(600px 220px at 0 0,#1f5bff19,transparent 70%),radial-gradient(400px 200px at 100% 100%,#1f5bff0c,transparent),var(--panel)}
.pp-id{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.pp-id h1{margin:0;font:900 30px/1.1 var(--disp);letter-spacing:-.01em}.pp-id .medal{filter:drop-shadow(0 10px 22px #000a)}
.pp-rank{color:var(--lime);font-weight:800;font-size:15px;margin:3px 0 2px}
.pp-act{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.pp-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.pp-kpi div{background:#0a0a0acc;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.pp-kpi span{display:block;font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.pp-kpi b{font:800 21px var(--disp)}.pp-kpi small{font-size:12px;color:var(--mute)}
.pp-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}.pp-col{display:flex;flex-direction:column;gap:16px}
.pp-h2{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.pp-h2 h2{margin:0}.pp-h2 span{margin-left:auto;font-size:12px}
.pp-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp-t{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px}.pp-t span{display:block;font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.07em}.pp-t b{display:block;font:800 22px var(--disp);margin:4px 0 2px}.pp-t small{font-size:12px;color:var(--tx2)}
.pp-pnl{background:radial-gradient(200px 90px at 100% 0,#1f5bff14,transparent),var(--bg2)}
.pp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pp-bc{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:99px;background:var(--bg2);border:1px solid var(--line2);font-size:12px;color:var(--tx2);font-weight:600}.pp-bc b{color:var(--lime)}
.pp-note{font-size:11.5px;margin-top:10px}
.pp-bar{display:flex;gap:3px;height:12px;border-radius:99px;overflow:hidden;margin-bottom:14px;background:var(--bg2)}.pp-bar i{display:block;height:100%;border-radius:3px;min-width:4px}
.pp-cats{display:flex;flex-direction:column;gap:8px}
.pp-cat{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;background:var(--bg2);border:1px solid var(--line)}
.pp-ci{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 35%,transparent)}.pp-ci .ic{width:19px;height:19px}
.pp-cn{flex:1;min-width:0}.pp-cn b,.pp-cv b{display:block;font-size:14.5px}.pp-cn small,.pp-cv small{font-size:12px}
.pp-cv{text-align:right}.pp-cv small{color:var(--mute)}
.pp-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp-best{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border-radius:16px;text-align:left;background:radial-gradient(220px 110px at 0 0,#1f5bff1c,transparent),var(--bg2);border:1px solid var(--line2);min-height:128px}
.pp-best:not(.off):hover{border-color:#1f5bff88;transform:translateY(-1px)}.pp-best span{font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.pp-bx{display:flex;align-items:center;gap:6px;font:900 27px var(--disp)}.pp-best small{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--tx2)}
.pp-top{display:flex;flex-direction:column;gap:6px}
.pp-tr{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);text-align:left}.pp-tr:hover{border-color:#1f5bff66}
.pp-tr small{display:block;font-size:11px}.pp-rk{width:24px;height:24px;border-radius:8px;background:var(--panel3);display:grid;place-items:center;font-weight:800;font-size:12px}.pp-tr:first-child .pp-rk{background:var(--lime);color:#000}
.pp-tp{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--tx2);min-width:90px;justify-content:flex-end}
.pp-fav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pp-fg{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);text-align:center}.pp-fg:hover{border-color:#1f5bff66}.pp-fg svg{width:54px;height:54px}.pp-fg small{font-size:11.5px}
.pp-sw{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);cursor:pointer}.pp-sw input{width:18px;height:18px;margin-top:2px;accent-color:var(--lime);flex:none}.pp-sw b{display:block;font-size:14px}.pp-sw small{font-size:12px}
@media(max-width:899px){.pp-grid{grid-template-columns:1fr}.pp-kpi{grid-template-columns:1fr 1fr}.pp-id h1{font-size:24px}.pp-act{margin-left:0;width:100%}.pp-hero{padding:16px}.pp-tiles{grid-template-columns:1fr 1fr}.pp-t b{font-size:18px}.pp-tp{min-width:0}}
/* provider + table-type tabs (Live casino, Slots) */
.pchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px 0 0;padding-bottom:2px}.pchips::-webkit-scrollbar{display:none}
.pchips+.pchips{margin-top:8px}
.pchip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line2);color:var(--tx2);font:600 13.5px var(--ui);white-space:nowrap;cursor:pointer;flex:none}
.pchip small{font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--panel3);color:var(--tx2)}
.pchip:hover{color:#fff}.pchip.on{background:var(--lime);border-color:var(--lime);color:#ffffff}.pchip.on small{background:#ffffff26;color:#ffffff}
/* home: providers strip */
.provs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.provs::-webkit-scrollbar{display:none}
.prov{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line2);transition:border-color .15s,transform .15s}
.prov b{font:800 16px var(--ui);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prov small{color:var(--tx2);font-size:12.5px}
.prov:hover{border-color:var(--lime);transform:translateY(-2px)}
/* sportsbook SDK mount */
.sbmount{min-height:70vh;border-radius:14px;overflow:hidden}

/* side bets: round chips, thin solid border */
.sb{width:52px!important;height:52px;min-height:0!important;padding:0!important;border-radius:50%!important;border:1px solid #e9d9a680;background:#00000040}
.sb.pend{border:1px solid #1f5bffaa}
.sb.none{border:0;background:none}
.sb.won{width:auto!important;min-width:52px!important;height:auto;min-height:52px!important;padding:6px 12px!important;border-radius:999px!important;border:1px solid transparent}
.sbet.won{border:1px solid #ffcf3a}
@media (max-width:640px){.sb{width:40px!important;height:40px}.sb.won{min-width:40px!important;min-height:40px!important;padding:4px 8px!important}}
@media (max-width:420px){.sb{width:32px!important;height:32px}.sb.won{min-width:32px!important;min-height:32px!important;padding:2px 6px!important}}

.bja[hidden]{display:none!important}

/* total bet: smaller figure */
.stat b#tb{font-size:20px;line-height:1.2}
@media (max-width:640px){.stat b#tb{font-size:17px}}

/* side bets: hairline border */
.sb{border:.5px solid #e9d9a659!important}
.sb.pend{border:.5px solid #1f5bff80!important}
.sb.none,.sb.won{border-color:transparent!important}
@media (max-resolution:1.5dppx){.sb{border-color:#e9d9a640!important}.sb.pend{border-color:#1f5bff66!important}}

/* insurance: one Yes/No control */
.insbox{display:none}
.bjacts.insphase .insbox{display:inline-flex;align-items:center;gap:0;padding:5px;border-radius:16px;background:#0a0a0acc;border:1px solid #ffffff22;backdrop-filter:blur(6px)}
.insq{font-weight:800;padding:0 14px 0 10px;white-space:nowrap}
.insbox .bja{min-width:78px;height:44px;border:0;border-radius:11px;background:transparent}
.insbox .bja.yes{background:var(--lime);color:#ffffff}
.insbox .bja.yes kbd{background:#ffffff22;color:#ffffff}
.insbox .bja.no{margin-left:6px;background:#ffffff14}
.insbox .bja.no:not(:disabled):hover{background:#ffffff2a;color:#fff}
@media (max-width:640px){.insq{padding:0 8px 0 6px;font-size:13px}.insbox .bja{min-width:62px;height:40px}}

/* == signup-v2.css == */
/* Ripl — signup form v2 (load after styles.css) */

/* "or continue with" divider + social buttons, placed under the form */
.card.rb-signup > form + .or { margin-top: 22px; margin-bottom: 12px; }
.card.rb-signup > .soc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 4px;
}
.card.rb-signup > .soc .sbtn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 50px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px !important;
  background: #fff !important;
  color: #1f1f1f !important;
  border: 1px solid #dadce0 !important;
  transition: background .15s, box-shadow .15s, transform .1s;
}
.card.rb-signup > .soc .sbtn:hover {
  background: #f7f8f8 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
  transform: translateY(-1px);
}
.card.rb-signup .g-logo,
.card.rb-signup .tg-logo { width: 20px; height: 20px; display: block; flex: none; }

/* Inputs */
.card.rb-signup form input[name=email],
.card.rb-signup form input[name=username],
.card.rb-signup form input[name=password] {
  height: 50px !important;
  margin-bottom: 6px;
  padding: 0 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  background: rgba(255, 255, 255, .04) !important;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.card.rb-signup form input[name=email]:focus,
.card.rb-signup form input[name=username]:focus,
.card.rb-signup form input[name=password]:focus {
  outline: none;
  border-color: #1f5bff !important;
  box-shadow: 0 0 0 3px rgba(31, 91, 255, .18);
  background: rgba(255, 255, 255, .06) !important;
}
.card.rb-signup form label {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: .02em;
  color: rgba(255, 255, 255, .65);
}

/* Create account */
.card.rb-signup form button[type=submit] {
  border-radius: 6px !important;
  box-shadow: 0 6px 24px rgba(31, 91, 255, .25);
  transition: transform .1s, box-shadow .15s;
}
.card.rb-signup form button[type=submit]:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 30px rgba(31, 91, 255, .35);
}

/* "Please confirm you are 18+" hint */
.rb-age-hint { display: none; margin: 6px 0 0 30px; font-size: 12px; color: #ff6b6b; }
.rb-age-hint.on { display: block; }

/* == header-v2.css == */
/* Ripl header v2: bigger wordmark + grouped Log in / Sign up buttons */
.hdr .logo img{height:54px}
.hdr .btn[data-auth]{height:42px;padding:0 22px;font-size:16px;font-weight:500;border:0;border-radius:8px;line-height:1}
.hdr .btn[data-auth=login]{height:52px;padding:0 24px 0 26px;margin-right:-14px;background:#141417;color:#fff;border-radius:11px 0 0 11px;box-shadow:inset 1px 0 0 #1f1f24,inset 0 1px 0 #1f1f24,inset 0 -1px 0 #1f1f24}
.hdr .btn[data-auth=login]:hover{color:#4170f0;background:#141417}
.hdr .btn[data-auth=register]{color:#0a0a0a;font-weight:600;box-shadow:0 0 0 5px #141417,0 0 0 6px #1f1f24,0 6px 18px rgba(31,91,255,.18)}
.hdr .btn[data-auth=register]:hover{filter:brightness(1.07)}
@media (max-width:760px){.hdr .logo img{height:42px}.hdr .btn[data-auth]{height:36px;padding:0 14px;font-size:14px}.hdr .btn[data-auth=login]{height:46px;margin-right:-10px;padding:0 16px 0 18px}}

/* == logo-v2.css == */
/* Ripl logo v2: R mark on Originals badges + mobile header */
:root{--rave-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 289 171'%3E%3Cpath d='M40 171V95A65 65 0 0 1 105 30H160V80H110A20 20 0 0 0 90 100V171Z M189 135a36 36 0 1 0 72 0a36 36 0 1 0 -72 0Z'/%3E%3C/svg%3E")}
.tile .badge{font-size:0;color:transparent;width:34px;height:26px}
.tile .badge::before{content:"";position:absolute;inset:6px;background:#fff;-webkit-mask:var(--rave-mark) center/contain no-repeat;mask:var(--rave-mark) center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
@media (max-width:768px){
a.logo{display:inline-flex;align-items:center;width:46px;height:28px}
a.logo img{display:none}
a.logo::before{content:"";width:100%;height:100%;background:#fff;-webkit-mask:var(--rave-mark) center/contain no-repeat;mask:var(--rave-mark) center/contain no-repeat}
}

/* Desktop header logo -10% (54px -> 48.6px); mobile stays 42px */
@media (min-width: 761px) {
  .hdr .logo img { height: 48.6px; }
}

/* Ripl Originals tile badge: green mark instead of white */
.tile .badge::before { background: var(--lime); }

/* == auth-pair.css == */
/* Login / Sign up joined pill */
.auth-pair{display:inline-flex;align-items:center;gap:4px;padding:3px;background:#17171a;border:1px solid rgba(255,255,255,.06);border-radius:11px;flex:none}
body .auth-pair .btn.btn{height:34px;min-width:0;margin:0;padding:0 18px;border-radius:8px;font-size:15px;font-weight:600;line-height:1;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
body .auth-pair .btn.btn.ghost{background:transparent;border:0;color:#f2f2f3;box-shadow:none}
body .auth-pair .btn.btn.ghost:hover{background:rgba(255,255,255,.06);color:#fff}
body .auth-pair .btn.btn:not(.ghost){background:#1f5bff;color:#0a0a0a;border:0;box-shadow:0 6px 20px -8px rgba(31,91,255,.55)}
body .auth-pair .btn.btn:not(.ghost):hover{filter:brightness(1.06)}
@media (max-width:768px){.auth-pair{gap:2px;border-radius:10px}body .auth-pair .btn.btn{height:32px;padding:0 13px;font-size:14px;border-radius:7px}}
/* Casino / Sports switch under the logo - same joined pill */
body .seg.seg{gap:4px;padding:3px;background:#17171a;border:1px solid rgba(255,255,255,.06);border-radius:11px;height:auto}
body .seg.seg>a{height:34px;padding:0 18px;border-radius:8px;font-size:15px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:transparent;color:#f2f2f3;box-shadow:none}
body .seg.seg>a:not(.on):hover{background:rgba(255,255,255,.06);color:#fff}
body .seg.seg>a.on{background:#1f5bff;color:#0a0a0a;box-shadow:0 6px 20px -8px rgba(31,91,255,.55)}

/* == rave-v3.css == */
/* self-hosted fonts (site CSP blocks Google Fonts) */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-grotesque-400-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-grotesque-400-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Ripl v3 — headings, footer brand, signed-in header, bankroll */

/* ---------- Section headings ---------- */
.sec > h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:33px;letter-spacing:-0.02em;}

/* ---------- Footer brand column + trust buttons ---------- */
.foot .fbrand-row{display:flex;align-items:flex-start;gap:48px;width:100%;}
.foot .fbrand{display:flex;flex-direction:column;gap:16px;min-width:220px;flex:none;}
.foot .fbrand-top{display:flex;align-items:center;gap:14px;}
.foot .fbrand-top img{height:44px;width:auto;display:block;}
.foot .f18{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);display:grid;place-items:center;font:700 14px 'Bricolage Grotesque',sans-serif;color:#d7d7d2;}
.foot .ftag{margin:0;font:400 15px/1.55 'Bricolage Grotesque',sans-serif;color:#9a9a94;}
.foot .fsoc{display:flex;gap:10px;}
.foot .fsoc[hidden]{display:none;}
.foot .fsoc a{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#b9b9b3;transition:.15s;}
.foot .fsoc a:hover{background:#215cff;color:#070708;border-color:#215cff;}
.foot .fsoc svg{width:18px;height:18px;}
.foot .fbrand-row .ftrust{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;}
.foot .fbrand-row .ftr{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:.15s;text-decoration:none;}
.foot .fbrand-row .ftr:hover{background:rgba(255,255,255,.06);border-color:rgba(212,255,58,.45);transform:translateY(-1px);}
@media (max-width:720px){.foot .fbrand-row{flex-direction:column;gap:24px;}}

/* ---------- Signed-in header ---------- */
.hdr .wgrp{display:flex;align-items:center;gap:6px;padding:4px;border-radius:12px;background:#121214;border:1px solid rgba(255,255,255,.07);}
.hdr .wgrp .bal{display:flex;align-items:center;gap:6px;padding:0 8px 0 10px;height:36px;margin:0;background:none;border:0;font:600 15px 'Bricolage Grotesque',system-ui,sans-serif;color:#f2f2ee;}
.hdr .wgrp .bal .amt{display:flex;align-items:center;gap:6px;}
.hdr .wgrp .bal select{background:transparent;border:0;color:#9a9a94;font:600 12px 'JetBrains Mono',monospace;cursor:pointer;padding:0 2px;}
.hdr .wgrp .wbtn{display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:9px;background:#215cff;color:#070708;font:700 14px 'Bricolage Grotesque',sans-serif;text-decoration:none;}
.hdr .wgrp .wbtn .ic{width:18px;height:18px;}
.hdr .hpop{position:relative;}
.hdr .hbtn{position:relative;width:44px;height:44px;margin-left:8px;border-radius:12px;display:grid;place-items:center;background:#121214;border:1px solid rgba(255,255,255,.07);color:#d7d7d2;cursor:pointer;padding:0;}
.hdr .hbtn:hover{background:#1a1a1d;color:#fff;}
.hdr .hbtn .ic{width:20px;height:20px;}
.hdr .hbtn .dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:#215cff;box-shadow:0 0 0 2px #121214;}
.hdr .uchip{display:flex;align-items:center;gap:10px;height:44px;margin-left:8px;padding:0 6px 0 10px;border-radius:12px;background:#121214;border:1px solid rgba(255,255,255,.07);color:#f2f2ee;cursor:pointer;}
.hdr .uchip .uav{width:28px;height:28px;display:grid;place-items:center;color:#215cff;}
.hdr .uchip .uav .ic,.hdr .uchip .uav svg{width:24px;height:24px;}
.hdr .uchip .un{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;}
.hdr .uchip .un b{font:700 13px 'Bricolage Grotesque',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;}
.hdr .uchip .un small{font:500 11px 'Bricolage Grotesque',sans-serif;color:#8a8a84;}
.hdr .uchip .un small:empty{display:none;}
.hdr .uchip .uc{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.06);transition:transform .15s;}
.hdr .uchip .uc .ic{width:16px;height:16px;}
.hdr .hpop.open .uchip .uc{transform:rotate(180deg);}
.hdr .pop{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:8px;border-radius:14px;background:#121214;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.15s;z-index:200;}
.hdr .hpop.open .pop{opacity:1;visibility:visible;transform:none;}
.hdr .pop a,.hdr .pop button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:none;color:#d7d7d2;font:500 15px 'Bricolage Grotesque',sans-serif;text-decoration:none;text-align:left;cursor:pointer;}
.hdr .pop a:hover,.hdr .pop button:hover{background:rgba(255,255,255,.06);color:#fff;}
.hdr .pop .ic{width:18px;height:18px;flex:none;color:#9a9a94;}
.hdr .pop hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:6px 4px;}
.hdr .pop .red,.hdr .pop .red .ic{color:#ff5a5a;}
.hdr .pop .ph{padding:6px 12px 8px;font:700 10px 'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#8a8a84;}
.hdr .pop .empty{padding:22px 12px;text-align:center;color:#8a8a84;font:500 14px 'Bricolage Grotesque',sans-serif;}
@media (max-width:720px){
  .hdr .wgrp{position:absolute;left:50%;transform:translateX(-50%);}
  .hdr .wgrp .bal{font-size:14px;padding:0 4px 0 8px;}
  .hdr .wgrp .wbtn{padding:0 11px;}
  .hdr.signed .logo,.hdr.signed .chatb,.hdr .hbtn{display:none;}
  .hdr .uchip{padding:0 4px;gap:4px;margin-left:auto;}
  .hdr .uchip .un{display:none;}
  .hdr .pop{position:fixed;left:12px;right:12px;top:64px;min-width:0;max-height:calc(100vh - 80px);overflow:auto;}
}

/* ---------- Bankroll ---------- */
.brc{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.brc .br-t{flex:1;min-width:160px;}
.brc .br-t small{display:block;font:700 10px 'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#8a8a84;}
.brc .br-t b{display:block;font:800 33px/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-0.02em;color:#f2f2ee;}
.brc .br-pill{display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:10px;background:#232327;font:600 22px 'Bricolage Grotesque',sans-serif;color:#f2f2ee;}
.brc .br-pill b{font-weight:600;}
.brc .br-pill .mute{color:#8a8a84;}
.brc .br-flag{width:38px;height:26px;flex:none;}
.brc .br-proof{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0;}
.brc .br-proof:empty{display:none;}
.brc .br-addr{font:500 15px 'JetBrains Mono',monospace;color:#9a9a94;white-space:nowrap;}
.brc .br-verify{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:10px;background:#2a2a2f;color:#f2f2ee;font:500 16px 'Bricolage Grotesque',sans-serif;text-decoration:none;white-space:nowrap;transition:.15s;}
.brc .br-verify:hover{background:#215cff;color:#070708;}
@media (max-width:720px){
  .brc .br-pill{order:3;width:100%;font-size:18px;}
  .brc .br-proof{order:4;width:100%;flex-basis:100%;justify-content:space-between;gap:10px;flex-wrap:wrap;}
}
/* specificity bump over styles.css */
#bankrollSlot .brc .br-t b{font:800 33px/1.1 "Bricolage Grotesque",sans-serif;letter-spacing:-0.02em;}
#bankrollSlot .brc .br-t small{font:700 10px "JetBrains Mono",monospace;letter-spacing:1px;}
#bankrollSlot .brc .br-pill b{font:600 22px "Bricolage Grotesque",sans-serif;color:#f2f2ee;}
#bankrollSlot .brc .br-pill .mute{font:500 22px "Bricolage Grotesque",sans-serif;}
@media (max-width:720px){#bankrollSlot .brc .br-pill b,#bankrollSlot .brc .br-pill .mute{font-size:18px}#bankrollSlot .brc .br-t b{font-size:28px}}

/* ================= v3.1 ================= */
:root{color-scheme:dark;}

/* ---- dark, rounded native dropdowns everywhere on the site ---- */
select{color-scheme:dark;}
select option{background:#141416;color:#f2f2ee;}
.hdr .wgrp .bal select{appearance:none;-webkit-appearance:none;height:28px;padding:0 24px 0 10px;border-radius:8px;background:rgba(255,255,255,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a94' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 7px center/12px;color:#d7d7d2;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.5px;cursor:pointer;}
.hdr .wgrp .bal select:hover{background-color:rgba(255,255,255,.1);}
.hdr .wgrp .bal select:focus{outline:2px solid rgba(212,255,58,.5);outline-offset:1px;}

/* ---- wallet button: icon only ---- */
.hdr .wgrp .wbtn{width:40px;padding:0;justify-content:center;gap:0;}
.hdr .wgrp .wbtn .ic{width:20px;height:20px;}
.hdr .wgrp .wbtn:hover{filter:brightness(1.08);}

/* ---- chat lives in a floating button now ---- */
.hdr .chatb{display:none !important;}
.chatfab{position:fixed;right:24px;bottom:24px;z-index:96;width:58px;height:58px;border-radius:50%;border:0;display:grid;place-items:center;background:#215cff;color:#070708;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 0 4px rgba(212,255,58,.12);transition:transform .15s,box-shadow .15s;}
.chatfab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 36px rgba(0,0,0,.6),0 0 0 6px rgba(212,255,58,.16);}
.chatfab .ic{width:26px;height:26px;}
.chatfab .cf-x{display:none;}
body.chat-open .chatfab .cf-o{display:none;}
body.chat-open .chatfab .cf-x{display:grid;}
.chatfab > span{display:grid;place-items:center;}

/* chat window = popup above the button */
body .pchat{top:auto;right:24px;bottom:96px;left:auto;width:380px;height:min(640px,calc(100vh - 140px));border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.65);transform:translateY(14px) scale(.97);transform-origin:bottom right;opacity:0;transition:transform .2s ease,opacity .2s ease,visibility .2s;}
body .pchat.on{transform:none;opacity:1;}
body.chat-open .main{margin-right:0;}
@media (max-width:899px){
  .chatfab{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));width:54px;height:54px;}
  body .pchat{top:72px;left:8px;right:8px;bottom:calc(86px + env(safe-area-inset-bottom));width:auto;height:auto;border-radius:16px;}
  body.chat-open .chatfab{display:none;}
}

/* ---- account + notification dropdowns ---- */
.hdr .pop{min-width:270px;padding:8px;border-radius:16px;background:#111113;border:1px solid rgba(255,255,255,.09);box-shadow:0 22px 60px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.4);transform-origin:top right;transform:translateY(-6px) scale(.98);}
.hdr .hpop.open .pop{transform:none;}
.hdr .pop::before{content:"";position:absolute;top:-6px;right:22px;width:12px;height:12px;background:#111113;border-left:1px solid rgba(255,255,255,.09);border-top:1px solid rgba(255,255,255,.09);transform:rotate(45deg);}
.hdr .pop .pu{display:flex;align-items:center;gap:12px;padding:10px 10px 12px;}
.hdr .pop .pu .uav{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(212,255,58,.1);color:#215cff;flex:none;}
.hdr .pop .pu .uav svg{width:26px;height:26px;padding:0;background:none;}
.hdr .pop .pu .pun{display:flex;flex-direction:column;min-width:0;}
.hdr .pop .pu b{font:700 15px 'Bricolage Grotesque',sans-serif;color:#f2f2ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hdr .pop .pu small{font:500 12px 'Bricolage Grotesque',sans-serif;color:#8a8a84;}
.hdr .pop .pu small:empty{display:none;}
.hdr .pop a,.hdr .pop button{height:42px;padding:0 10px;gap:12px;border-radius:10px;font:500 14.5px 'Bricolage Grotesque',sans-serif;color:#cfcfca;transition:background .12s,color .12s;}
.hdr .pop a .ic,.hdr .pop button .ic{box-sizing:content-box;width:16px;height:16px;padding:7px;border-radius:9px;background:rgba(255,255,255,.05);color:#a3a39d;transition:background .12s,color .12s;}
.hdr .pop a:hover,.hdr .pop button:hover{background:rgba(255,255,255,.05);color:#fff;}
.hdr .pop a:hover .ic,.hdr .pop button:hover .ic{background:rgba(212,255,58,.14);color:#215cff;}
.hdr .pop hr{margin:6px 6px;border-top-color:rgba(255,255,255,.07);}
.hdr .pop .red{color:#ff6b6b;}
.hdr .pop .red .ic{background:rgba(255,90,90,.1);color:#ff6b6b;}
.hdr .pop .red:hover{background:rgba(255,90,90,.08);color:#ff8080;}
.hdr .pop .red:hover .ic{background:rgba(255,90,90,.18);color:#ff8080;}
.hdr .pop .ph{padding:10px 10px 6px;}
.hdr .pop .empty{padding:26px 12px 22px;}

/* ---- mobile header: logo back, wallet centered, no account dropdown ---- */
@media (max-width:720px){
  .hdr.signed .logo{display:flex !important;}
  .hdr.signed .logo img{height:26px;width:auto;}
  .hdr.signed .sp{display:none;}
  .hdr .wgrp{position:static;transform:none;margin:0 auto;}
  .hdr .hpop,.hdr .hbtn,.hdr .uchip{display:none !important;}
}

/* ---- mobile footer: plain trust rows, no boxes ---- */
@media (max-width:720px){
  .foot .fbrand-row .ftr{border:0;background:none;padding:6px 0;border-radius:0;}
  .foot .fbrand-row .ftr:hover{background:none;transform:none;}
}

/* ================= v3.2 ================= */
/* balance group centered in the header */
.hdr .wgrp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;}
/* no "USDT" text: the coin icon itself opens the currency picker */
.hdr .wgrp .bal{position:relative;padding:0 10px 0 8px;}
.hdr .wgrp .bal select{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;margin:0;opacity:0;cursor:pointer;background:none;border:0;}
.hdr .wgrp .bal .amt > :first-child{transition:transform .15s,box-shadow .15s;border-radius:50%;}
.hdr .wgrp .bal:hover .amt > :first-child{transform:scale(1.08);box-shadow:0 0 0 3px rgba(212,255,58,.25);}

@media (max-width:720px){
  /* account button back on the right: icon only, no arrow; tap opens the menu */
  .hdr #mePop.hpop{display:block !important;margin-left:auto;}
  .hdr #mePop .uchip{display:flex !important;width:42px;height:42px;padding:0;gap:0;justify-content:center;margin-left:0;}
  .hdr #mePop .uchip .un,.hdr #mePop .uchip .uc{display:none !important;}
  .hdr #notifPop.hpop{display:block !important;width:0;}
  .hdr #notifPop .hbtn{display:none !important;}
  .hdr .pop{position:fixed;left:auto;right:8px;top:calc(var(--nt, 0px) + 66px);width:min(300px,calc(100vw - 16px));min-width:0;max-height:calc(100vh - 170px);overflow:auto;}
  .hdr .pop::before{display:none;}
}

/* ================= v3.3 ================= */
.foot .fsoc{display:flex !important;gap:10px;margin-top:2px;}
.foot .fsoc .soc-off{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#b9b9b3;}
.foot .fsoc .soc-off svg{width:18px;height:18px;}

/* ================= v3.4 ================= */
@media (max-width:768px){ .hdr a.logo{width:51px;height:31px;} }
@media (max-width:720px){
  .foot .fbrand-row .ftr{flex-direction:column;align-items:flex-start;text-align:left;}
  .foot .fbrand-row .ftr img{margin:0;}
}

/* ================= v3.5 ================= */
.vipc b.vip-user{text-transform:none;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;letter-spacing:-0.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}

/* ================= v3.6 ================= */
.vipc b.vip-user{font-size:29px;line-height:1.15;}

/* ================= v3.7 ================= */
img.cl{display:inline-block;flex:none;vertical-align:middle;border-radius:50%;object-fit:contain;background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important;}
span.cl{background:var(--a) !important;box-shadow:none !important;text-shadow:none !important;color:#fff;}
.hdr .wgrp .bal select{display:none !important;}
.hdr .wgrp .bal .amt{cursor:pointer;}
.hdr .wgrp .bal .amt > :first-child,.hdr .wgrp .bal:hover .amt > :first-child{transform:none;box-shadow:none;}
.hdr .baldd{width:26px;height:26px;margin-left:2px;border:0;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#a3a39d;cursor:pointer;padding:0;transition:background .15s,color .15s;}
.hdr .baldd:hover{background:rgba(255,255,255,.11);color:#fff;}
.hdr .baldd .ic{width:14px;height:14px;transition:transform .15s;}
.hdr #balPop.open .baldd{color:#215cff;}
.hdr #balPop.open .baldd .ic{transform:rotate(180deg);}
.hdr #balPop .pop{left:-4px;right:auto;min-width:270px;top:calc(100% + 12px);transform-origin:top left;}
.hdr #balPop .pop::before{left:30px;right:auto;}
.hdr .balpop button{height:46px;}
.hdr .balpop button span{font:600 14px 'Bricolage Grotesque',sans-serif;color:#f2f2ee;}
.hdr .balpop button b{margin-left:auto;font:600 13px 'JetBrains Mono',monospace;color:#cfcfca;}
.hdr .balpop button.on{background:rgba(212,255,58,.08);}
.hdr .balpop button.on span,.hdr .balpop button.on b{color:#215cff;}
@media (max-width:720px){
  .hdr #balPop.hpop{display:flex !important;}
  .hdr #balPop .pop{position:absolute;top:calc(100% + 12px);right:auto;left:50%;width:min(300px,calc(100vw - 16px));margin-left:calc(min(300px, 100vw - 16px) / -2);max-height:calc(100vh - 170px);overflow:auto;}
}

/* == orig2.css == */
/* Ripl Originals, second wave: game scenes. Scoped to the game stage. */
.gstage .o2, .o2seg, .o2pays { --lime: #1f5bff; --lime-d: #1841b2; --ink: #12150c; --red: #ff4d5e; --gold: #ffc93c; --raise: #1f232b; --raise2: #272c36; --line: #2a2f39; --text: #eef1f5; --muted: #8a93a3; --fun: "Lilita One", system-ui, sans-serif; --ui: inherit; }
.gstage .o2 { width: 100%; position: relative; }
.gstage .o2 *, .gstage .o2 *::before, .gstage .o2 *::after { box-sizing: border-box; }
.gstage .o2 button { font: inherit; color: inherit; }
.o2-p { position: absolute; pointer-events: none; z-index: 30; }
.o2-ladder { display: flex; gap: 6px; overflow-x: auto; padding: 4px 2px 8px; scrollbar-width: thin; scroll-behavior: smooth; }
.o2-ladder span { flex: 0 0 auto; font-size: 12px; font-weight: 700; padding: 6px 10px; border-radius: 8px; background: #1f232b; color: #8a93a3; border: 1px solid transparent; font-variant-numeric: tabular-nums; }
.o2-ladder span.done { background: rgba(31,91,255,.12); color: #1f5bff; }
.o2-ladder span.next { border-color: #1f5bff; color: #eef1f5; }
.o2-ladder span.bust { background: rgba(255,77,94,.15); color: #ff4d5e; }
.o2seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; background: rgba(0,0,0,.25); border: 1px solid #2a2f39; border-radius: 10px; padding: 4px; margin-bottom: 4px; }
.o2seg button { border: 0; background: transparent; border-radius: 7px; padding: 7px 0; font-weight: 600; font-size: 13px; color: #8a93a3; cursor: pointer; }
.o2seg button[aria-pressed="true"] { background: #272c36; color: #eef1f5; }
.o2seg.off { opacity: .55; pointer-events: none; }
.o2pays { margin-top: 12px; font-size: 12.5px; color: #8a93a3; }
.o2pays summary { cursor: pointer; font-weight: 700; color: #eef1f5; }
.o2pays p { margin: 8px 0 0; line-height: 1.45; }
.o2pays b { color: #eef1f5; }
.tile.o2t { position: relative; overflow: hidden; }
.tile.o2t > svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.gstage .he-fly { position: absolute; left: 0; top: 0; }
.gstage .sl { width: 100%; display: flex; flex-direction: column; gap: 22px; align-items: center; }
.gstage .sl-head { display: flex; gap: 10px; align-items: baseline; color: var(--muted); font-size: 14px; }
.gstage .sl-head b { font: 400 30px/1 var(--fun); color: var(--lime); }
.gstage .sl-head span { font-size: 13px; }
.gstage .sl-view { position: relative; width: 100%; height: 176px; overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent); mask: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent); }
.gstage .sl-track { position: absolute; left: 0; top: 24px; display: flex; gap: 16px; will-change: transform; }
.gstage .sl-card { flex: 0 0 96px; height: 128px; border-radius: 14px; display: grid; place-items: center; font: 400 22px/1 var(--fun); border: 2px solid rgba(255,255,255,.08); box-shadow: inset 0 -6px 0 rgba(0,0,0,.22); transition: transform .25s cubic-bezier(.2,1.6,.4,1); }
.gstage .sl-card.t0 { background: #262b35; color: #8a93a3; }
.gstage .sl-card.t1 { background: #33405a; color: #c7d2ea; }
.gstage .sl-card.t2 { background: #0b6f80; color: #a8f0fa; }
.gstage .sl-card.t3 { background: #001e70; color: #799dff; }
.gstage .sl-card.t4 { background: #4b25b8; color: #d9caff; }
.gstage .sl-card.t5 { background: linear-gradient(160deg, #ffd34d, #c27a00); color: #3a2400; }
.gstage .sl-card.hit { transform: scale(1.14); }
.gstage .sl-card.hit.win { border-color: var(--lime); box-shadow: 0 0 0 4px rgba(31,91,255,.25), 0 0 30px rgba(31,91,255,.45); }
.gstage .sl-card.hit.lose { border-color: var(--red); box-shadow: 0 0 0 4px rgba(255,77,94,.2); }
.gstage .sl-mark { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; transform: translateX(-50%); background: linear-gradient(var(--lime), rgba(31,91,255,0) 22%, rgba(31,91,255,0) 78%, var(--lime)); }
.gstage .sl-mark::before, .gstage .sl-mark::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); border: 11px solid transparent; }
.gstage .sl-mark::before { top: 0; border-top-color: var(--lime); }
.gstage .sl-mark::after { bottom: 0; border-bottom-color: var(--lime); }
.gstage .sl-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: center; font-size: 12px; color: var(--muted); }
.gstage .sl-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 4px; vertical-align: -1px; }
.gstage .sl-legend .t0 { background: #262b35; }
.gstage .sl-legend .t1 { background: #33405a; }
.gstage .sl-legend .t2 { background: #0b6f80; }
.gstage .sl-legend .t3 { background: #001e70; }
.gstage .sl-legend .t4 { background: #4b25b8; }
.gstage .sl-legend .t5 { background: #ffc93c; }
.gstage .ck { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.gstage .ck-view { position: relative; height: 380px; overflow: hidden; border-radius: 14px; background: #2b2e36; }
.gstage .ck-road { position: absolute; inset: 0 auto 0 0; display: flex; will-change: transform; }
.gstage .ck-side { position: relative; height: 100%; background: repeating-linear-gradient(0deg, #4a4f5c 0 38px, #535967 38px 40px); }
.gstage .ck-side.start { box-shadow: inset -8px 0 0 #6b7180; }
.gstage .ck-side.end { box-shadow: inset 8px 0 0 #6b7180; display: grid; place-items: center; }
.gstage .ck-flag { font-size: 44px; filter: drop-shadow(0 4px 6px rgba(0,0,0,.4)); }
.gstage .ck-lane { position: relative; height: 100%; background: #2b2e36; border-right: 4px dashed rgba(255,255,255,.55); display: grid; place-items: center; overflow: hidden; }
.gstage .ck-lane:last-of-type { border-right: 0; }
.gstage .ck-cover { width: 88px; height: 88px; border-radius: 50%; display: grid; place-items: center; background: radial-gradient(circle at 40% 35%, #5a606e, #3a3f4b); border: 4px solid #22252c; box-shadow: inset 0 0 0 3px #4a4f5c; font-weight: 800; font-size: 15px; color: #d3d8e2; transition: background .3s, color .3s; }
.gstage .ck-lane.passed .ck-cover { background: radial-gradient(circle at 40% 35%, #799dff, #1f5bff 55%, #113290); color: var(--ink); border-color: #00185b; box-shadow: 0 0 22px rgba(31,91,255,.45); }
.gstage .ck-lane.passed::after { content: ""; position: absolute; left: 10%; right: 10%; top: 18px; height: 14px; border-radius: 4px; background: repeating-linear-gradient(90deg, #ffc21a 0 14px, #1b1f2a 14px 28px); box-shadow: 0 3px 0 rgba(0,0,0,.35); }
.gstage .ck-lane.crash .ck-cover { background: #5a2028; color: #ff9aa5; }
.gstage .ck-car { position: absolute; left: 50%; top: 0; z-index: 4; filter: drop-shadow(0 10px 10px rgba(0,0,0,.45)); }
.gstage .ck-hen { position: absolute; left: 0; top: calc(50% - 64px); z-index: 5; width: 96px; filter: drop-shadow(0 8px 6px rgba(0,0,0,.35)); will-change: transform; }
.gstage .ck-foot { min-height: 40px; }
.gstage .rl { width: 100%; display: flex; flex-direction: column; gap: 16px; }
.gstage .rl-top { display: grid; grid-template-columns: minmax(220px, 300px) 1fr; gap: 20px; align-items: center; }
.gstage .rl-wheel { width: 100%; filter: drop-shadow(0 14px 22px rgba(0,0,0,.5)); }
.gstage .rl-info { display: flex; flex-direction: column; gap: 12px; }
.gstage .rl-big { width: 92px; height: 92px; border-radius: 18px; display: grid; place-items: center; font: 400 46px/1 var(--fun); background: var(--raise); }
.gstage .rl-big.red { background: #c42339; }
.gstage .rl-big.black { background: #1b1f2a; border: 2px solid #3a404c; }
.gstage .rl-big.green { background: #15a85d; }
.gstage .rl-last { display: flex; flex-wrap: wrap; gap: 6px; min-height: 30px; }
.gstage .rl-last span { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-weight: 800; font-size: 13px; }
.gstage .rl-last .red { background: #c42339; }
.gstage .rl-last .black { background: #2a2f39; }
.gstage .rl-last .green { background: #15a85d; }
.gstage .rl-tip { margin: 0; color: var(--muted); font-size: 13px; max-width: 34ch; }
.gstage .rl-table { display: grid; grid-template-columns: 48px repeat(12, 1fr) 48px; grid-template-rows: repeat(3, 44px) 40px 40px; gap: 4px; }
.gstage .rl-cell { position: relative; border: 0; border-radius: 6px; font-weight: 800; font-size: 14px; color: #fff; transition: filter .15s, box-shadow .2s; }
.gstage .rl-cell:hover { filter: brightness(1.2); }
.gstage .rl-cell.red { background: #c42339; }
.gstage .rl-cell.blk { background: #1f232b; }
.gstage .rl-cell.z { background: #15a85d; }
.gstage .rl-cell.out { background: #232832; border: 1px solid var(--line); font-size: 13px; }
.gstage .rl-cell.win { box-shadow: 0 0 0 3px var(--lime), 0 0 18px rgba(31,91,255,.5); z-index: 2; }
.gstage .rl-cell .dia { display: inline-block; width: 16px; height: 16px; transform: rotate(45deg); border-radius: 2px; }
.gstage .rl-cell .dia.r { background: #e8344e; }
.gstage .rl-cell .dia.b { background: #0e1014; border: 1px solid #555; }
.gstage .rl-stack { position: absolute; right: 2px; top: 2px; min-width: 22px; height: 22px; padding: 0 3px; border-radius: 11px; display: grid; place-items: center; font-size: 10px; font-weight: 800; color: #fff; background: var(--c); border: 2px dashed rgba(255,255,255,.75); box-shadow: 0 2px 4px rgba(0,0,0,.5); animation: o2chipIn .18s ease; }
@keyframes o2chipIn { from { transform: translateY(-10px) scale(1.3); opacity: 0; } }
.gstage .rl-chips { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.gstage .rl-chip { aspect-ratio: 1; border-radius: 50%; border: 3px dashed rgba(255,255,255,.7); background: var(--c); font-weight: 800; font-size: 12px; color: #fff; box-shadow: 0 0 0 2px var(--c), 0 3px 0 rgba(0,0,0,.4); transition: transform .12s; }
.gstage .rl-chip[aria-pressed="true"] { transform: translateY(-4px); box-shadow: 0 0 0 2px var(--c), 0 0 0 5px var(--lime), 0 6px 10px rgba(0,0,0,.4); }
.gstage .vp { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.gstage .vp-pay { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 4px 14px; width: 100%; max-width: 640px; background: var(--raise); border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; font-size: 13px; }
.gstage .vp-pay div { display: flex; justify-content: space-between; color: var(--muted); padding: 3px 6px; border-radius: 6px; }
.gstage .vp-pay b { color: var(--text); }
.gstage .vp-pay div.on { background: var(--lime); color: var(--ink); }
.gstage .vp-pay div.on b { color: var(--ink); }
.gstage .vp-hint { color: var(--muted); font-size: 14px; min-height: 20px; }
.gstage .vp-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 128px)); gap: 12px; perspective: 900px; width: 100%; justify-content: center; }
.gstage .vp-card { position: relative; background: none; border: 0; padding: 0; aspect-ratio: 100/140; transition: transform .2s cubic-bezier(.2,1.4,.4,1); }
.gstage .vp-card:disabled { cursor: default; }
.gstage .vp-in { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform .38s cubic-bezier(.3,.7,.3,1); }
.gstage .vp-in .f { position: absolute; inset: 0; width: 100%; height: 100%; backface-visibility: hidden; filter: drop-shadow(0 8px 12px rgba(0,0,0,.4)); }
.gstage .vp-in .front { transform: rotateY(180deg); }
.gstage .vp-card.up .vp-in { transform: rotateY(180deg); }
.gstage .vp-card em { position: absolute; left: 50%; bottom: -26px; transform: translateX(-50%); font-style: normal; font-size: 12px; font-weight: 800; color: var(--ink); background: var(--lime); padding: 2px 10px; border-radius: 999px; opacity: 0; transition: opacity .15s; }
.gstage .vp-card.held { transform: translateY(-14px); }
.gstage .vp-card.held em { opacity: 1; }
.gstage .vp-card.held .f { box-shadow: 0 0 0 3px var(--lime); border-radius: 10px; }
.gstage .vp-card.lose .front { opacity: .55; }
.gstage .vp-card.winc .f { filter: drop-shadow(0 0 14px rgba(31,91,255,.5)); }
.gstage .rp { width: 100%; display: flex; flex-direction: column; gap: 18px; }
.gstage .rp-arena { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.gstage .rp-side { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--muted); font-weight: 700; font-size: 13px; }
.gstage .rp-pod { width: 168px; height: 168px; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #2c3240, #1a1e26); border: 3px solid #333a47; display: grid; place-items: center; padding: 8px; transition: border-color .2s, box-shadow .2s; }
.gstage .rp-pod svg { width: 100%; height: 100%; }
.gstage .rp-pod.house svg { transform: scaleX(-1); }
.gstage .rp-pod.won { border-color: var(--lime); box-shadow: 0 0 0 6px rgba(31,91,255,.15), 0 0 40px rgba(31,91,255,.3); }
.gstage .rp-pod.lose { border-color: var(--red); opacity: .7; }
.gstage .rp-pod.tie { border-color: var(--gold); }
.gstage .rp-mid { text-align: center; min-width: 170px; }
.gstage .rp-mult { font: 400 48px/1 var(--fun); color: var(--lime); }
.gstage .rp-mult.dead { color: var(--red); }
.gstage .rp-msg { color: var(--muted); font-size: 14px; margin-top: 8px; min-height: 40px; max-width: 24ch; margin-inline: auto; }
.gstage .rp-picks { display: flex; justify-content: center; gap: 12px; }
.gstage .rp-pick { width: 116px; padding: 12px 8px 10px; border-radius: 14px; background: var(--raise); border: 2px solid var(--line); display: flex; flex-direction: column; align-items: center; gap: 6px; font-weight: 700; transition: transform .12s, border-color .15s; }
.gstage .rp-pick svg { width: 76px; height: 76px; }
.gstage .rp-pick:not(:disabled):hover { border-color: var(--lime); transform: translateY(-3px); }
.gstage .rp-pick:disabled { opacity: .45; cursor: not-allowed; }
.gstage .ml { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.gstage .ml-field { position: relative; height: 380px; border-radius: 16px; overflow: hidden;
  background: repeating-linear-gradient(90deg, #4fae38 0 60px, #57b83f 60px 120px), #4fae38; box-shadow: inset 0 -30px 60px rgba(0,0,0,.25); }
.gstage .ml-hole { position: absolute; width: 22%; max-width: 150px; aspect-ratio: 1.25; transform: translate(-50%,-50%); background: none; border: 0; padding: 0; }
.gstage .ml-hole:not(:disabled):hover .ml-rim { box-shadow: 0 0 0 4px var(--lime); }
.gstage .ml-pit { position: absolute; left: 0; right: 0; bottom: 0; height: 46%; border-radius: 50%; background: radial-gradient(ellipse at 50% 40%, #0f0905 55%, #2d1c0e 70%); }
.gstage .ml-rim { position: absolute; left: -4%; right: -4%; bottom: -6%; height: 30%; border-radius: 0 0 50% 50% / 0 0 100% 100%; background: #7a5232; box-shadow: inset 0 6px 0 #a87a52; transition: box-shadow .15s; }
.gstage .ml-clip { position: absolute; left: 10%; right: 10%; bottom: 14%; height: 120%; overflow: hidden; }
.gstage .ml-mole { position: absolute; left: 0; right: 0; bottom: 0; height: 80%; transform: translateY(100%); transition: transform .22s cubic-bezier(.2,1.5,.4,1); }
.gstage .ml-hole.up .ml-mole { transform: translateY(8%); }
.gstage .ml-hole.miss .ml-pit { background: radial-gradient(ellipse at 50% 40%, #3b2412 40%, #2d1c0e 70%); }
.gstage .ml-mallet { position: absolute; left: 0; top: 0; z-index: 5; opacity: 0; transform-origin: 70% 90%; pointer-events: none; filter: drop-shadow(0 8px 6px rgba(0,0,0,.35)); }
.gstage .ml-status { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--muted); font-size: 14px; }
.gstage .ml-status b { font: 400 28px/1 var(--fun); color: var(--lime); margin-left: 6px; }
.gstage .pm { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.gstage .pm-sky { position: relative; height: 400px; border-radius: 16px; overflow: hidden; background: linear-gradient(#1d6fd6, #6cc4ff 70%, #b8e4ff); }
.gstage .pm-sky .cl { position: absolute; height: 34px; border-radius: 20px; background: rgba(255,255,255,.75); filter: blur(.5px); animation: o2drift 26s linear infinite; }
.gstage .pm-sky .cl::before { content: ""; position: absolute; left: 22%; top: -18px; width: 46px; height: 46px; border-radius: 50%; background: inherit; }
.gstage .pm-sky .c1 { width: 120px; top: 60px; left: 10%; }
.gstage .pm-sky .c2 { width: 90px; top: 140px; left: 70%; animation-duration: 34s; }
.gstage .pm-sky .c3 { width: 70px; top: 30px; left: 55%; animation-duration: 40s; opacity: .6; }
@keyframes o2drift { from { transform: translateX(-60px); } 50% { transform: translateX(60px); } to { transform: translateX(-60px); } }
.gstage .pm-balloon { position: absolute; left: 50%; bottom: 128px; width: 220px; height: 292px; transform-origin: 50% 85%; transform: translateX(-50%) scale(.55); }
.gstage .pm-tag { position: absolute; left: 50%; top: 32%; transform: translate(-50%,-50%); font: 400 30px/1 var(--fun); color: #fff; text-shadow: 0 2px 0 rgba(0,0,0,.3); white-space: nowrap; }
.gstage .pm-pump { position: absolute; left: 50%; bottom: 14px; width: 120px; height: 120px; transform: translateX(-50%); }
.gstage .pm-handle { position: absolute; left: 22px; top: 0; width: 76px; height: 14px; border-radius: 7px; background: #1b1f2a; z-index: 2; }
.gstage .pm-rod { position: absolute; left: 55px; top: 10px; width: 10px; height: 40px; background: #9aa2b2; }
.gstage .pm-barrel { position: absolute; left: 40px; top: 44px; width: 40px; height: 76px; border-radius: 8px; background: linear-gradient(90deg, #fff, #c9ced8); box-shadow: inset 0 -6px 0 rgba(0,0,0,.12); }
.gstage .pm-hose { position: absolute; left: 58px; top: -10px; width: 4px; height: 0; }
.gstage .pm-pop { position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%) scale(0); font: 400 64px/1 var(--fun); color: #fff; text-shadow: 0 4px 0 #a30a22; opacity: 0; }
.gstage .pm-pop.show { animation: o2popIn .6s cubic-bezier(.2,1.6,.4,1) forwards; }
@keyframes o2popIn { to { transform: translate(-50%,-50%) scale(1) rotate(-6deg); opacity: 1; } }
.gstage .sn { width: 100%; display: grid; place-items: center; }
.gstage .sn-board { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); gap: 8px; width: min(100%, 460px); aspect-ratio: 1; }
.gstage .sn-tile { position: relative; border-radius: 14px; display: grid; place-items: center; background: #232832; border: 2px solid #2f3540; box-shadow: inset 0 -5px 0 rgba(0,0,0,.25); transition: box-shadow .2s, transform .2s; }
.gstage .sn-tile b { font: 400 21px/1 var(--fun); }
.gstage .sn-tile small { position: absolute; left: 7px; top: 5px; font-size: 11px; font-weight: 800; color: var(--muted); }
.gstage .sn-tile.cool b { color: #c7d2ea; }
.gstage .sn-tile.warm b { color: var(--lime); }
.gstage .sn-tile.hot { background: #3b2f10; border-color: #6b5413; }
.gstage .sn-tile.hot b { color: var(--gold); }
.gstage .sn-tile.snake { background: #3a1820; border-color: #5c2330; }
.gstage .sn-tile.start { background: #111627; border-color: #00185b; color: var(--lime); font-weight: 800; font-size: 13px; }
.gstage .sn-tile.land { box-shadow: 0 0 0 3px var(--lime), 0 0 26px rgba(31,91,255,.4); transform: scale(1.04); }
.gstage .sn-tile.snake.land { box-shadow: 0 0 0 3px var(--red), 0 0 26px rgba(255,77,94,.45); }
.gstage .sn-center { grid-column: 2 / 4; grid-row: 2 / 4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; }
.gstage .sn-dice { display: flex; gap: 12px; }
.gstage .sn-dice span { width: 62px; height: 62px; display: block; filter: drop-shadow(0 6px 6px rgba(0,0,0,.4)); }
.gstage .sn-dice svg { width: 100%; height: 100%; }
.gstage .sn-mult { font: 400 38px/1 var(--fun); color: var(--lime); }
.gstage .sn-msg { color: var(--muted); font-size: 13px; max-width: 22ch; min-height: 36px; }
.gstage .sn-token { position: absolute; width: 30px; height: 30px; border-radius: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle at 35% 30%, #799dff, var(--lime) 50%, #002384); border: 3px solid #12151a; box-shadow: 0 6px 10px rgba(0,0,0,.5); z-index: 4; transition: background .2s; }
.gstage .sn-token.bitten { background: radial-gradient(circle at 35% 30%, #ffb3bb, var(--red) 55%, #8a0f1e); }
.gstage .dt { width: 100%; display: grid; grid-template-columns: 1fr 190px; gap: 20px; align-items: center; }
.gstage .dt-boardwrap { position: relative; display: grid; place-items: center; }
.gstage .dt-board { width: min(100%, 420px); filter: drop-shadow(0 16px 24px rgba(0,0,0,.5)); }
.gstage .dt-dart { position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; filter: drop-shadow(0 6px 6px rgba(0,0,0,.45)); transform-origin: 50% 100%; }
.gstage .dt-legend { display: flex; flex-direction: column; gap: 6px; }
.gstage .dt-legend div { display: grid; grid-template-columns: 14px 1fr auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 10px; background: var(--raise); border: 1px solid transparent; font-size: 13px; }
.gstage .dt-legend i { width: 14px; height: 14px; border-radius: 50%; }
.gstage .dt-legend span { color: var(--muted); }
.gstage .dt-legend div.on { border-color: var(--lime); background: rgba(31,91,255,.08); }
.gstage .tw { width: 100%; max-width: 520px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.gstage .tw-top { filter: drop-shadow(0 0 16px rgba(255,207,61,.6)); animation: o2bob 2.4s ease-in-out infinite; }
@keyframes o2bob { 50% { transform: translateY(-5px); } }
.gstage .tw-rows { width: 100%; display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 16px; background: linear-gradient(#2a221d, #1c1714); border: 2px solid #3a2f27; }
.gstage .tw-row { display: grid; grid-template-columns: 78px 1fr; gap: 8px; align-items: center; border-radius: 10px; padding: 2px; transition: background .2s; }
.gstage .tw-m { font-size: 12px; font-weight: 800; color: var(--muted); text-align: right; padding-right: 4px; }
.gstage .tw-row.active { background: rgba(31,91,255,.08); }
.gstage .tw-row.active .tw-m { color: var(--lime); }
.gstage .tw-row.cleared .tw-m { color: var(--gold); }
.gstage .tw-tiles { display: grid; gap: 6px; }
.gstage .tw-tile { height: 38px; border-radius: 8px; border: 0; background: linear-gradient(#8f7d6c, #6f5f51); box-shadow: inset 0 -4px 0 rgba(0,0,0,.28), inset 0 2px 0 rgba(255,255,255,.15); display: grid; place-items: center; padding: 3px; }
.gstage .tw-tile svg { height: 100%; }
.gstage .tw-tile:not(:disabled):hover { background: linear-gradient(#799dff, #1d48c0); }
.gstage .tw-row.active .tw-tile:not(:disabled) { box-shadow: inset 0 -4px 0 rgba(0,0,0,.28), 0 0 0 2px rgba(31,91,255,.5); }
.gstage .tw-tile:disabled { cursor: default; }
.gstage .tw-tile.egg { background: linear-gradient(#5a4a1a, #3d3110); }
.gstage .tw-tile.trap { background: linear-gradient(#5c1d24, #3a0f15); }
.gstage .tw-tile.ghost { opacity: .45; }
.gstage .tw-tile.chosen.egg { box-shadow: 0 0 0 2px var(--gold), 0 0 16px rgba(255,207,61,.45); }
.gstage .tw-tile.chosen.trap { box-shadow: 0 0 0 2px var(--red); }
@media (max-width: 860px) {
.gstage .rl-top { grid-template-columns: 1fr; justify-items: center; }
.gstage .rl-info { align-items: center; text-align: center; }
.gstage .rl-table { grid-template-columns: 30px repeat(12, 1fr) 30px; grid-template-rows: repeat(3, 34px) 34px 34px; font-size: 11px; }
.gstage .rl-cell { font-size: 11px; }
.gstage .vp-pay { grid-template-columns: 1fr 1fr; }
.gstage .rp-pod { width: 112px; height: 112px; padding: 14px; }
.gstage .rp-mid { min-width: 110px; }
.gstage .rp-mult { font-size: 34px; }
.gstage .dt { grid-template-columns: 1fr; }
.gstage .dt-legend { display: grid; grid-template-columns: repeat(2, 1fr); }
.gstage .ml-field, .gstage .pm-sky { height: 320px; }
.gstage .pm-balloon { width: 170px; height: 226px; }
}
.gstage .he { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.gstage .he-felt { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 18px 16px 16px; border-radius: 120px 120px 22px 22px / 70px 70px 22px 22px;
  background: radial-gradient(120% 90% at 50% 20%, #1c7a52, #0d4a32 70%); border: 10px solid #3a2112; box-shadow: inset 0 0 0 3px #c9a24a, inset 0 0 50px rgba(0,0,0,.45), 0 16px 30px rgba(0,0,0,.4); }
.gstage .he-row { display: grid; grid-template-columns: 70px auto 1fr; align-items: center; gap: 14px; width: 100%; max-width: 560px; }
.gstage .he-who { font-weight: 800; font-size: 13px; color: #b9e6cf; text-align: right; }
.gstage .he-cards, .gstage .he-board { display: flex; gap: 8px; perspective: 900px; }
.gstage .he-card { position: relative; width: 70px; aspect-ratio: 100/140; transition: transform .2s; }
.gstage .he-board .he-card { width: 76px; }
.gstage .he-card .vp-in { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform .38s cubic-bezier(.3,.7,.3,1); }
.gstage .he-card .f { position: absolute; inset: 0; width: 100%; height: 100%; backface-visibility: hidden; filter: drop-shadow(0 5px 8px rgba(0,0,0,.4)); }
.gstage .he-card .front { transform: rotateY(180deg); }
.gstage .he-card.up .vp-in { transform: rotateY(180deg); }
.gstage .he-card.best { transform: translateY(-8px); }
.gstage .he-card.best .front { filter: drop-shadow(0 0 10px rgba(31,91,255,.75)); }
.gstage .he-card.dim { opacity: .45; }
.gstage .he-tag { justify-self: start; font-size: 13px; font-weight: 700; color: #e9f7ef; background: rgba(0,0,0,.28); padding: 5px 10px; border-radius: 999px; min-height: 28px; }
.gstage .he-tag:empty { visibility: hidden; }
.gstage .he-tag.win { background: var(--lime); color: var(--ink); }
.gstage .he-tag.nq { color: #ffd34d; }
.gstage .he-arc { font-size: 11px; letter-spacing: .5px; color: rgba(233,247,239,.6); border-top: 1px solid rgba(201,162,74,.5); border-bottom: 1px solid rgba(201,162,74,.5); padding: 3px 12px; }
.gstage .he-spots { display: flex; gap: 14px; margin-top: 2px; }
.gstage .he-spot { width: 104px; padding: 8px 6px; border-radius: 999px; border: 2px dashed rgba(233,247,239,.45); text-align: center; display: flex; flex-direction: column; font-size: 12px; color: #d8efe3; transition: border-color .2s, background .2s; }
.gstage .he-spot b { font-size: 11px; font-weight: 800; opacity: .8; }
.gstage .he-spot span { font-weight: 800; font-size: 14px; color: #fff; }
.gstage .he-spot.bonus { border-color: rgba(255,211,77,.6); }
.gstage .he-spot.won { border-style: solid; border-color: var(--lime); background: rgba(31,91,255,.18); }
.gstage .he-spot.lost { border-style: solid; border-color: rgba(255,77,94,.7); background: rgba(255,77,94,.12); }
.gstage .he-spot.lost span { text-decoration: line-through; opacity: .7; }
.gstage .he-spot.push { border-style: solid; border-color: rgba(233,247,239,.8); }
.gstage .he-msg { font-size: 14px; color: #e9f7ef; min-height: 21px; text-align: center; max-width: 52ch; }
.gstage .he-pays { background: var(--raise); border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; font-size: 13px; }
.gstage .he-pays summary { cursor: pointer; font-weight: 700; }
.gstage .he-paygrid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 10px; }
.gstage .he-paygrid h4 { margin: 0 0 6px; font-size: 13px; color: var(--muted); font-weight: 600; }
.gstage .he-paygrid p { display: flex; justify-content: space-between; margin: 3px 0; }
.gstage .he-paygrid p.note { color: var(--muted); display: block; margin-top: 8px; }
@media (max-width: 860px) {
.gstage .he-card { width: 52px; }
.gstage .he-board .he-card { width: 54px; }
.gstage .he-row { grid-template-columns: 50px auto 1fr; gap: 8px; }
.gstage .he-spot { width: 86px; }
.gstage .he-paygrid { grid-template-columns: 1fr; }
}
.gstage .he-pile { position: absolute; top: 44px; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 7px; }
.gstage .he-shoe { right: 44px; }
.gstage .he-discard { left: 44px; }
.gstage .he-stack { position: relative; width: 56px; aspect-ratio: 100/140; }
.gstage .he-stack::before { content: ""; position: absolute; inset: -4px; border: 2px dashed rgba(233,247,239,.22); border-radius: 10px; }
.gstage .he-stack i { position: absolute; inset: 0; filter: drop-shadow(0 2px 2px rgba(0,0,0,.35)); }
.gstage .he-stack svg { display: block; width: 100%; height: 100%; }
.gstage .he-lbl { font-size: 11px; font-weight: 700; color: rgba(233,247,239,.7); white-space: nowrap; }
.gstage .he-lbl b { color: #fff; }
.gstage .he-fly { position: absolute; left: 0; top: 0; z-index: 30; transform-origin: 0 0; pointer-events: none; filter: drop-shadow(0 8px 10px rgba(0,0,0,.45)); will-change: transform; }
.gstage .he-fly svg { display: block; width: 100%; height: auto; }
.gstage .he-card::before { content: ""; position: absolute; inset: 0; border: 2px dashed rgba(233,247,239,.2); border-radius: 9px; }
.gstage .he-card.empty .vp-in { opacity: 0; }
@media (max-width: 860px) {
.gstage .he-felt { padding-top: 104px; }
.gstage .he-stack { width: 42px; }
.gstage .he-pile { top: 18px; }
.gstage .he-shoe { right: 22px; }
.gstage .he-discard { left: 22px; }
}

/* == rave-v4.css == */
/* Ripl v4 add-on styles */

/* Rave mark badge on every game tile: solid black so the lime mark stands out on any background */
.tile .badge {
  background: #000;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 3px 8px rgba(0, 0, 0, 0.35);
}

/* New originals drawn with the classic tile layers: frame the illustration like the classic emblems */
.tile .em.o2em { width: 92%; top: 41%; filter: drop-shadow(rgba(0, 0, 0, 0.45) 0 12px 14px); }
.tile .em.o2em svg { overflow: visible; }
.tile .tt.tt2 { line-height: 0.92; bottom: 5%; }

/* Provably fair visuals for the new originals */
.pfrow .rv4-bad { background: var(--red, #ff4d5e); color: #fff; font-weight: 800; }
.pfbig b.rv4-red { color: var(--red, #ff4d5e); }
.pfbig b.rv4-black { color: #fff; }
.pfbig b.rv4-green { color: #19c37d; }
.rv4-tower { display: flex; flex-direction: column; gap: 4px; align-items: center; }
.rv4-tower > div { display: flex; gap: 4px; }
.rv4-tower span { width: 34px; height: 18px; border-radius: 5px; background: var(--panel2, #222); }
.rv4-tower span.safe { background: #19c37d; }
.rv4-tower span.trap { background: #ff4d5e; opacity: 0.55; }
.rv4-tower span.pick { outline: 2px solid #fff; outline-offset: 1px; opacity: 1; }
.rv4-moles { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; }
.rv4-moles small { width: 52px; color: var(--mute, #888); }
.rv4-moles span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--panel2, #222); font-size: 11px; color: var(--mute, #888); }
.rv4-moles span.up { background: var(--lime, #215cff); color: #000; font-weight: 800; }
.rv4-moles span.pick { outline: 2px solid #fff; outline-offset: 1px; }

/* == rave-v5.css == */
/* Ripl v5 add-on styles */

/* 3D lighting on the new originals' artwork (the four redesigned ones carry their own shading) */
.tile .em.o2em svg[viewBox="-20 0 340 340"] { filter: url(#rv3d); }
.tile .em.o2em { filter: drop-shadow(rgba(0, 0, 0, 0.5) 0 14px 14px); }

/* Live support: smaller, glossy lime button with a 3D headset */
#chatFab {
  width: 46px; height: 46px;
  background: radial-gradient(circle at 34% 26%, #9cb7ff 0%, #215cff 42%, #1140c2 100%);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.55), 0 0 0 3px rgba(212, 255, 58, 0.14),
    inset 0 -3px 6px rgba(0, 0, 0, 0.18), inset 0 2px 3px rgba(255, 255, 255, 0.65);
}
#chatFab .cf-o .ic, #chatFab .rv5-hs { width: 28px; height: 28px; }
#chatFab:hover { transform: translateY(-2px); }

/* Play now: same look as the Casino / Sports switch (lime segment in a dark frame) */
#playBtn {
  height: 40px; padding: 0 30px; border-radius: 8px;
  background: #1f5bff; color: #0a0a0a;
  font: 600 15px/1 "RB Inter", Inter, system-ui, sans-serif; letter-spacing: -0.09px;
  box-shadow: 0 0 0 3px #17171a, 0 0 0 4px rgba(255, 255, 255, 0.06), rgba(31, 91, 255, 0.55) 0 6px 20px -8px;
}
#playBtn:hover { filter: brightness(1.05); }

/* == rave-v6.css == */
/* Ripl v6: provider logos */
.prov.rv6-has-logo b { display: flex; align-items: center; height: 30px; margin-bottom: 4px; }
.prov .rv6-logo { max-height: 28px; max-width: 150px; width: auto; display: block; object-fit: contain; }

/* Providers row as an endless logo strip (pauses on hover). Padding keeps card borders from being clipped. */
.provs.rv6-marquee {
  display: block !important; overflow: hidden; padding: 6px 0; margin: -6px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.rv6-track { display: flex; align-items: center; gap: 0; width: max-content; animation: rv6scroll 32s linear infinite; }
.provs.rv6-marquee:hover .rv6-track { animation-play-state: paused; }
@keyframes rv6scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.rv6-lc {
  flex: 0 0 auto; box-sizing: border-box; width: 210px; margin-right: 12px; height: 76px; display: grid; place-items: center;
  background: #0e0e10; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 14px;
  transition: border-color 0.2s, background-color 0.2s;
}
.rv6-lc:hover { border-color: rgba(31, 91, 255, 0.45); background: #141416; }
.rv6-lc img { display: block; max-height: 30px; max-width: 150px; width: auto; object-fit: contain; user-select: none; }
.rv6-lc img[src*="pragmatic"] { max-height: 70px; max-width: 180px; }
.rv6-lcn { font: 700 16px/1 "RB Inter", Inter, system-ui, sans-serif; color: #f5f5f3; }
@media (prefers-reduced-motion: reduce) { .rv6-track { animation: none; } }

/* == rave-v7.css == */
/* Ripl v7: bigger, deeper-lime Rave mark on Originals tiles; LIVE tag on the right like the Originals badge */
.tile .badge { width: 40px; height: 30px; right: 8px; top: 8px; }
.tile .badge::before { inset: 5px 4px; background: #1a47c3; }
.tile .tag.live { left: auto; right: 9px; }

/* == rave-v8.css == */
/* v8: provider art is mostly square, so provider tiles are square; odd-shaped art shows whole */
.gt .tile.thumb { aspect-ratio: 1 / 1; }
/* v8: provider thumbnails that are not portrait show whole, over a blurred fill of the same art */
.tile.thumb.fit { background: #0d0d10; }
.tile.thumb.fit::before { content: ""; position: absolute; inset: -12%; background: var(--fitbg) center / cover no-repeat; filter: blur(16px) saturate(1.25) brightness(.62); transform: scale(1.1); z-index: 0; }
.tile.thumb.fit img { position: relative; z-index: 1; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(0,0,0,.45)); }
.tile.thumb.fit .tag, .tile.thumb.fit .badge { z-index: 2; }
/* v8: one pill on Rave tiles — smaller Rave mark + "Originals" (Ripl Originals) or "PvP" (Ripl Arena) */
.gt .tile > .badge, .ar-gart .tile > .badge { width: auto; height: 27px; padding: 0 9px 0 7px; display: flex; align-items: center; gap: 5px; border-radius: 7px; right: 8px; top: 8px; }
.gt .tile > .badge::before, .ar-gart .tile > .badge::before { position: static; inset: auto; width: 23px; height: 15px; flex: none; }
.gt .tile > .badge::after, .ar-gart .tile > .badge::after { content: "Originals"; font: 900 11px/1 var(--ui, Inter), system-ui, sans-serif; letter-spacing: .02em; color: #1a47c3; }
.gt.ar-gt .tile > .badge::after, .ar-gart .tile > .badge::after { content: "PvP"; }

/* == arena.css == */
/* Ripl Arena */
.ar { --lime: #1f5bff; --pink: #ff4f9a; --card: #111114; --line: rgba(255,255,255,.08); --mute: #9b9ba3; color: #f5f5f3; display: flex; flex-direction: column; gap: 22px; padding-bottom: 40px; }
.ar h1, .ar h2, .ar h3, .ar h4 { margin: 0; }
.ar .lime, .ar-modal .lime { color: var(--lime, #1f5bff); }
.ar .red { color: #ff4f6a; }
.ar-cur { font-size: .78em; color: #9b9ba3; font-weight: 700; }
.ar-pill { display: inline-block; font: 800 11px/1 "RB Inter", Inter, system-ui, sans-serif; letter-spacing: .12em; padding: 6px 9px; border-radius: 99px; background: rgba(31,91,255,.12); color: #1f5bff; border: 1px solid rgba(31,91,255,.35); }
.ar-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #ff3b5c; box-shadow: 0 0 0 0 rgba(255,59,92,.6); animation: arPulse 1.6s infinite; margin-right: 6px; vertical-align: middle; }
@keyframes arPulse { 70% { box-shadow: 0 0 0 8px rgba(255,59,92,0); } 100% { box-shadow: 0 0 0 0 rgba(255,59,92,0); } }

/* hero */
.ar-hero { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; gap: 20px; padding: 34px 34px; border-radius: 20px; border: 1px solid var(--line);
  background: radial-gradient(90% 140% at 0% 0%, rgba(31,91,255,.16), transparent 55%), radial-gradient(80% 120% at 100% 100%, rgba(255,79,154,.2), transparent 60%), linear-gradient(135deg, #15111f, #0b0b0e); }
.ar-hero::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0 2px, transparent 2px 22px); pointer-events: none; }
.ar-hero h1 { font: 900 clamp(34px, 5vw, 58px)/.95 "RB Inter", Inter, system-ui, sans-serif; letter-spacing: -.03em; margin: 12px 0 10px; text-transform: uppercase; }
.ar-hero h1 em { font-style: normal; color: #1f5bff; text-shadow: 0 0 30px rgba(31,91,255,.45); }
.ar-hero p { color: #c9c9cf; max-width: 560px; margin: 0 0 18px; font-size: 15px; line-height: 1.55; }
.ar-cta { display: flex; gap: 10px; flex-wrap: wrap; }
.ar-stats { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 20px; color: #9b9ba3; font-size: 13px; }
.ar-stats b { color: #fff; }
.ar-vsart { position: relative; height: 210px; z-index: 1; }
.ar-vsc { position: absolute; width: 170px; top: 18px; filter: drop-shadow(0 20px 26px rgba(0,0,0,.6)); animation: arFloat 4s ease-in-out infinite; }
.ar-vsc svg { width: 100%; height: auto; display: block; overflow: visible; }
.ar-vsc.a { left: 4%; transform: rotate(-8deg); }
.ar-vsc.b { right: 4%; animation-delay: -2s; }
.ar-vsb { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-8deg); font: 900 64px/1 "RB Inter", Inter, system-ui; color: #1f5bff; text-shadow: 0 0 0 #000, 4px 4px 0 #000, 0 0 40px rgba(31,91,255,.6); font-style: italic; }
@keyframes arFloat { 50% { translate: 0 -10px; } }
.ar-active { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 14px; background: linear-gradient(90deg, rgba(31,91,255,.16), rgba(31,91,255,.04)); border: 1px solid rgba(31,91,255,.4); color: #fff; text-decoration: none; }
.ar-active span:nth-child(3) { color: #c9c9cf; flex: 1; font-size: 14px; }

/* grid of tiles */
.ar-h2 h2, .ar-h3 h3 { font: 800 20px "RB Inter", Inter, system-ui, sans-serif; }
.ar-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.ar-gt { position: relative; }
.ar-gt .tile { transition: transform .2s, box-shadow .2s; }
.ar-gt:hover .tile { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.45); }
.ar-em { width: 68% !important; top: 40% !important; }
.ar-em svg { width: 100%; height: auto; display: block; overflow: visible; }
.ar-cnt { position: absolute; left: 9px; top: 9px; font: 800 10px/1 "RB Inter", Inter, system-ui; padding: 5px 8px; border-radius: 99px; background: rgba(0,0,0,.66); color: #1f5bff; }
.ar-cnt i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #1f5bff; margin-right: 5px; }
.ar-cnt::after { content: " open"; }

/* lists */
.ar-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ar-card { background: #0e0e10; border: 1px solid var(--line); border-radius: 16px; padding: 16px; min-width: 0; }
.ar-h3 { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ar-sub { color: #9b9ba3; font-size: 12px; }
.ar-row { display: grid; grid-template-columns: 40px minmax(90px, 1fr) minmax(0, 1.6fr) auto auto; align-items: center; gap: 12px; padding: 10px 6px; border-top: 1px solid var(--line); }
.ar-row:first-child { border-top: 0; }
.ar-row:has(.ar-tag) { grid-template-columns: 40px minmax(90px, 1fr) minmax(0, 1.6fr) auto auto auto; }
.ar-ico { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; overflow: hidden; flex: none; }
.ar-ico svg { width: 34px; height: 34px; overflow: visible; }
.ar-rg { display: flex; flex-direction: column; min-width: 0; }
.ar-rg b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ar-rg small, .ar-ra small { color: #9b9ba3; font-size: 11px; }
.ar-rp { display: flex; align-items: center; gap: 6px; min-width: 0; }
.ar-vs { font-style: normal; color: #6f6f78; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.ar-ra { display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; }
.ar-free { color: #1f5bff; }
.ar-tag { font-size: 11px; font-weight: 800; padding: 4px 8px; border-radius: 99px; background: rgba(255,255,255,.07); color: #c9c9cf; white-space: nowrap; }
.ar-tag.win { background: rgba(31,91,255,.12); color: #1f5bff; }
.ar-none { color: #7d7d86; font-size: 14px; padding: 18px 6px; text-align: center; }
.ar-pc { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.ar-pc.ar-empty { color: #7d7d86; font-size: 13px; }
.ar-pn { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
.ar-pn b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ar-pn small { color: #9b9ba3; font-size: 11px; }
.ar-av { --h: 90; width: 28px; height: 28px; flex: none; border-radius: 50%; display: grid; place-items: center; font: 900 13px "RB Inter", Inter, system-ui; color: #0b0b0d; background: linear-gradient(135deg, hsl(var(--h) 90% 70%), hsl(calc(var(--h) + 40) 80% 50%)); box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); }
.ar-av.lg { width: 46px; height: 46px; font-size: 20px; }

/* game page hero */
.ar-ghero { border-radius: 20px; padding: 18px 24px 26px; border: 1px solid var(--line); background: radial-gradient(100% 130% at 0% 0%, color-mix(in srgb, var(--a) 35%, transparent), transparent 60%), linear-gradient(135deg, #15121c, #0b0b0e); }
.ar-back { color: #9b9ba3; text-decoration: none; font-size: 13px; font-weight: 700; }
.ar-back:hover { color: #fff; }
.ar-gh { display: grid; grid-template-columns: 220px 1fr; gap: 28px; align-items: center; margin-top: 10px; }
.ar-gart { width: 100%; }
.ar-gart .tile { container-type: inline-size; position: relative; aspect-ratio: 3 / 4; width: 100%; overflow: hidden; isolation: isolate; border-radius: 18px; box-shadow: 0 20px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.08); animation: arFloat 4s ease-in-out infinite; }
.ar-gtext h1 { font: 900 clamp(30px, 4vw, 46px)/1 "RB Inter", Inter, system-ui; text-transform: uppercase; margin: 10px 0 12px; }
.ar-how { margin: 0 0 18px; padding: 0; list-style: none; display: grid; gap: 8px; color: #d4d4da; font-size: 14px; }
.ar-how li { position: relative; padding-left: 22px; }
.ar-how li::before { content: ""; position: absolute; left: 0; top: 6px; width: 10px; height: 10px; border-radius: 3px; background: #1f5bff; transform: rotate(45deg) scale(.8); }

/* modal */
.ar-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: rgba(0,0,0,.66); backdrop-filter: blur(6px); opacity: 0; transition: opacity .18s; padding: 16px; }
.ar-modal.in { opacity: 1; }
.ar-mbox { position: relative; width: min(520px, 100%); max-height: 92vh; overflow: auto; background: #121215; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; padding: 22px; color: #f5f5f3; transform: translateY(10px) scale(.98); transition: transform .18s; box-shadow: 0 30px 80px rgba(0,0,0,.6); }
.ar-modal.in .ar-mbox { transform: none; }
.ar-mbox h2 { font: 800 22px "RB Inter", Inter, system-ui; margin: 0 0 14px; }
.ar-x { position: absolute; right: 12px; top: 10px; width: 34px; height: 34px; border-radius: 10px; border: 0; background: rgba(255,255,255,.06); color: #fff; font-size: 22px; cursor: pointer; }
.ar-pick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; }
.ar-pg { display: flex; align-items: center; gap: 8px; padding: 7px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: #18181c; color: #e5e5ea; font: 700 12.5px "RB Inter", Inter, system-ui; cursor: pointer; text-align: left; }
.ar-pg .ar-ico { width: 32px; height: 32px; border-radius: 8px; }
.ar-pg .ar-ico svg { width: 27px; height: 27px; }
.ar-pg.on { border-color: #1f5bff; background: rgba(31,91,255,.1); color: #fff; }
.ar-lbl { display: block; font-weight: 800; font-size: 13px; margin-bottom: 8px; }
.ar-lbl small { display: block; font-weight: 500; color: #9b9ba3; margin-top: 2px; }
.ar-stake { display: flex; align-items: center; gap: 6px; background: #0b0b0d; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 5px 5px 5px 14px; }
.ar-stake input { flex: 1; min-width: 0; background: none; border: 0; color: #fff; font: 800 18px "RB Inter", Inter, system-ui; outline: none; }
.ar-stake button, .ar-quick button { border: 0; background: #1d1d22; color: #fff; font-weight: 800; border-radius: 9px; padding: 8px 12px; cursor: pointer; }
.ar-stake button:hover, .ar-quick button:hover { background: #2a2a31; }
.ar-quick { display: flex; gap: 6px; margin: 8px 0 14px; flex-wrap: wrap; }
.ar-chk { display: flex; gap: 10px; align-items: flex-start; font-weight: 700; font-size: 14px; margin-bottom: 14px; cursor: pointer; }
.ar-chk input { margin-top: 3px; accent-color: #1f5bff; }
.ar-chk small { display: block; font-weight: 500; color: #9b9ba3; }
.ar-sum { display: grid; grid-template-columns: auto auto; justify-content: space-between; gap: 6px 14px; padding: 12px 14px; border-radius: 12px; background: #0b0b0d; border: 1px solid rgba(255,255,255,.07); margin-bottom: 14px; font-size: 14px; }
.ar-sum span { color: #9b9ba3; }
.ar-sum b { text-align: right; }
.ar-btns { display: grid; gap: 8px; }
.ar-fine { color: #7d7d86; font-size: 12px; margin: 12px 0 0; }
.ar-jhead { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; }
.ar-jhead .ar-ico { width: 54px; height: 54px; border-radius: 14px; }
.ar-jhead .ar-ico svg { width: 46px; height: 46px; }
.ar-jhead h2 { margin: 0; }

/* match page */
.ar-match { gap: 14px; }
.ar-mtop { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ar-mt { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.ar-mt b { font: 800 18px "RB Inter", Inter, system-ui; }
.ar-mt .ar-ico { width: 34px; height: 34px; border-radius: 9px; }
.ar-mt .ar-ico svg { width: 29px; height: 29px; }
.ar-pot { padding: 6px 12px; border-radius: 99px; background: rgba(31,91,255,.1); border: 1px solid rgba(31,91,255,.3); font-weight: 800; font-size: 13px; color: #1f5bff; }
.ar-mbtn { display: flex; gap: 8px; }
.ar-players { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: stretch; }
.ar-pcard { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: #0e0e10; border: 1px solid var(--line); transition: border-color .2s, box-shadow .2s; min-width: 0; }
.ar-pcard.r { flex-direction: row-reverse; text-align: right; }
.ar-pcard.r .ar-pn { align-items: flex-end; }
.ar-pcard .ar-pn b { font-size: 15px; }
.ar-pcard.turn { border-color: #1f5bff; box-shadow: 0 0 0 3px rgba(31,91,255,.12), 0 0 30px rgba(31,91,255,.12); }
.ar-pcard.won { border-color: #ffd21f; box-shadow: 0 0 0 3px rgba(255,210,31,.15); }
.ar-you { font-style: normal; font-size: 10px; font-weight: 900; background: #1f5bff; color: #0b0b0d; padding: 2px 6px; border-radius: 6px; vertical-align: 2px; margin-left: 4px; }
.ar-score { margin-left: auto; font: 900 22px "RB Inter", Inter, system-ui; white-space: nowrap; }
.ar-pcard.r .ar-score { margin-left: 0; margin-right: auto; }
.ar-score small { font-size: 12px; color: #9b9ba3; font-weight: 700; }
.ar-mis { font-style: normal; color: #ff4f6a; font-size: 12px; margin-left: 6px; letter-spacing: 2px; }
.ar-mid { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 70px; }
.ar-vsl { font: 900 18px "RB Inter", Inter, system-ui; color: #4b4b55; font-style: italic; }
.ar-clock { font: 900 20px "RB Inter", Inter, system-ui; color: #fff; font-variant-numeric: tabular-nums; min-height: 24px; }
.ar-clock.low { color: #ff4f6a; animation: arBlink 1s steps(2) infinite; }
@keyframes arBlink { 50% { opacity: .55; } }
.ar-stage { position: relative; min-height: 460px; border-radius: 20px; background: radial-gradient(120% 100% at 50% 0%, #17141f, #0a0a0c); border: 1px solid var(--line); padding: 20px; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; }
.ar-fair { background: #0e0e10; border: 1px solid var(--line); border-radius: 14px; padding: 12px 16px; font-size: 13px; color: #c9c9cf; }
.ar-fair summary { cursor: pointer; font-weight: 800; color: #fff; }
.ar-fair code { word-break: break-all; font-size: 12px; color: #1f5bff; }
.ar-fair dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; }
.ar-fair dt { color: #9b9ba3; }
.ar-fair dd { margin: 0; }
.ar-wait { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 30px 10px; max-width: 520px; }
.ar-wait h2 { font: 800 24px "RB Inter", Inter, system-ui; }
.ar-radar { position: relative; width: 200px; height: 200px; display: grid; place-items: center; margin-bottom: 8px; }
.ar-radar span { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(31,91,255,.5); animation: arRing 2.4s linear infinite; }
.ar-radar span:nth-child(2) { animation-delay: -.8s; }
.ar-radar span:nth-child(3) { animation-delay: -1.6s; }
@keyframes arRing { from { transform: scale(.35); opacity: 1; } to { transform: scale(1); opacity: 0; } }
.ar-rcore { width: 110px; filter: drop-shadow(0 12px 18px rgba(0,0,0,.6)); animation: arFloat 3s ease-in-out infinite; }
.ar-rcore.big { width: 150px; }
.ar-rcore svg { width: 100%; height: auto; overflow: visible; }
.ar-link { display: flex; gap: 8px; width: 100%; }
.ar-link input { flex: 1; min-width: 0; background: #0b0b0d; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #fff; padding: 9px 12px; }
.ar-spin { width: 44px; height: 44px; border-radius: 50%; border: 4px solid rgba(255,255,255,.1); border-top-color: #1f5bff; animation: arRot .8s linear infinite; }
@keyframes arRot { to { transform: rotate(360deg); } }
.ar-cd { position: absolute; inset: 0; z-index: 20; display: grid; place-items: center; font: 900 140px/1 "RB Inter", Inter, system-ui; color: #fff; text-shadow: 0 8px 0 #000, 0 0 60px rgba(31,91,255,.6); background: rgba(5,5,8,.55); pointer-events: none; }
.ar-cd.pop { animation: arPop .9s ease-out; }
.ar-cd.go { color: #1f5bff; animation: arPop .6s ease-out; }
@keyframes arPop { from { transform: scale(1.8); opacity: 0; } 30% { transform: scale(1); opacity: 1; } }
.ar-res { position: absolute; inset: 0; z-index: 30; display: grid; place-items: center; background: rgba(5,5,8,.72); backdrop-filter: blur(3px); animation: arFade .3s; }
@keyframes arFade { from { opacity: 0; } }
.ar-res.min { inset: auto 12px 12px auto; background: none; backdrop-filter: none; }
.ar-res.min .ar-rbox { padding: 12px 16px; transform: none; }
.ar-res.min .ar-rt { font-size: 22px; }
.ar-res.min .ar-why, .ar-res.min #arSee { display: none; }
.ar-rbox { text-align: center; padding: 30px 34px; border-radius: 22px; background: #121215; border: 1px solid rgba(255,255,255,.1); box-shadow: 0 30px 80px rgba(0,0,0,.6); animation: arPop .5s ease-out; position: relative; z-index: 2; }
.ar-rt { font: 900 48px/1 "RB Inter", Inter, system-ui; text-transform: uppercase; letter-spacing: -.02em; }
.ar-res.won .ar-rt { color: #1f5bff; text-shadow: 0 0 40px rgba(31,91,255,.5); }
.ar-res.lost .ar-rt { color: #ff4f6a; }
.ar-rs { font: 800 22px "RB Inter", Inter, system-ui; margin-top: 10px; }
.ar-pay { color: #1f5bff; }
.ar-why { color: #9b9ba3; margin: 8px 0 18px; text-transform: capitalize; }
.ar-rbox .ar-cta { justify-content: center; }
.ar-conf { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.ar .dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; vertical-align: -1px; margin-right: 8px; }
.ar .dot.big { width: 20px; height: 20px; margin: 0; box-shadow: inset 0 -3px 0 rgba(0,0,0,.25); }
.ar .dot.lime { background: #1f5bff; }
.ar .dot.pink { background: #ff4f9a; }

/* ── Four in a Row */
.g4 { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; }
.g4-status { font-size: 16px; min-height: 24px; }
.g4-wrap { --s: min(66px, calc((100vw - 90px) / 7.6)); position: relative; padding-top: calc(var(--s) * 1.05); }
.g4-ghost { position: absolute; top: 0; left: 14px; right: 14px; display: grid; grid-template-columns: repeat(7, 1fr); }
.g4-ghost span { width: calc(var(--s) * .8); height: calc(var(--s) * .8); margin: auto; border-radius: 50%; opacity: 0; transition: opacity .12s; }
.g4-ghost span.on { opacity: .9; animation: arFloat 1s ease-in-out infinite; }
.g4-ghost .lime { background: radial-gradient(circle at 35% 30%, #95b1ff, #1f5bff 50%, #062b8e); }
.g4-ghost .pink { background: radial-gradient(circle at 35% 30%, #ffc2dc, #ff4f9a 50%, #9c1446); }
.g4-board { display: grid; grid-template-columns: repeat(7, var(--s)); grid-template-rows: repeat(6, var(--s)); padding: 14px; border-radius: 22px; background: linear-gradient(180deg, #5b7cff, #2836b8); box-shadow: inset 0 3px 0 rgba(255,255,255,.35), inset 0 -6px 0 rgba(0,0,0,.25), 0 22px 40px rgba(0,0,0,.5); position: relative; overflow: hidden; }
.g4-board.myturn { cursor: pointer; }
.g4-cell { position: relative; display: grid; place-items: center; }
.g4-cell.hc::before { content: ""; position: absolute; inset: 0 3px; background: rgba(255,255,255,.08); }
.g4-hole { width: 80%; height: 80%; border-radius: 50%; background: #0b0f3a; box-shadow: inset 0 5px 8px rgba(0,0,0,.6); }
.g4-disc { position: absolute; width: 80%; height: 80%; border-radius: 50%; animation: g4Drop calc(.18s + var(--r) * .06s) cubic-bezier(.4, 0, .9, .5); box-shadow: inset 0 -5px 0 rgba(0,0,0,.25), inset 0 3px 0 rgba(255,255,255,.4); }
.g4-disc::after { content: ""; position: absolute; inset: 22%; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); }
.g4-disc.lime { background: radial-gradient(circle at 35% 30%, #95b1ff, #1f5bff 50%, #062b8e); }
.g4-disc.pink { background: radial-gradient(circle at 35% 30%, #ffc2dc, #ff4f9a 50%, #9c1446); }
.g4-disc.win { animation: g4Win .7s ease-in-out infinite alternate; z-index: 2; }
@keyframes g4Drop { from { transform: translateY(calc(var(--r) * -100% - 120%)); } 80% { transform: translateY(4%); } }
@keyframes g4Win { to { transform: scale(1.12); box-shadow: 0 0 22px 6px rgba(255,255,255,.75); } }
.g4-feet { display: flex; justify-content: space-between; padding: 0 30px; }
.g4-feet i { width: 18px; height: 16px; background: #1c268a; border-radius: 0 0 6px 6px; }
.g4-keys { font-size: 12px; margin: 0; }

/* ── Word Duel */
.gw { display: flex; gap: 28px; align-items: flex-start; justify-content: center; flex-wrap: wrap; width: 100%; }
.gw-main { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.gw-grid { display: grid; gap: 7px; }
.gw-row { display: grid; grid-template-columns: repeat(5, 58px); gap: 7px; }
.gw-row.shake { animation: arShake .4s; }
@keyframes arShake { 20%, 60% { transform: translateX(-8px); } 40%, 80% { transform: translateX(8px); } }
.gw-row span { height: 58px; display: grid; place-items: center; border: 2px solid #2a2a33; border-radius: 10px; font: 900 28px "RB Inter", Inter, system-ui; text-transform: uppercase; background: #0e0e12; }
.gw-row span.f { border-color: #5b5b68; animation: gwPop .1s; }
@keyframes gwPop { 50% { transform: scale(1.1); } }
.gw-row span.flip { animation: gwFlip .5s ease both; }
@keyframes gwFlip { 50% { transform: rotateX(90deg); } }
.gw-row span.c { background: #0934a9; border-color: #0934a9; color: #fff; }
.gw-row span.p { background: #e7a10f; border-color: #e7a10f; color: #fff; }
.gw-row span.x { background: #3a3a46; border-color: #3a3a46; color: #fff; }
.gw-grid.mini .gw-row { grid-template-columns: repeat(5, 26px); gap: 4px; }
.gw-grid.mini { gap: 4px; }
.gw-grid.mini .gw-row span { height: 26px; border-radius: 6px; font-size: 13px; border-width: 1.5px; }
.gw-side { background: #0e0e12; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; align-items: center; }
.gw-side h4 { font-size: 14px; }
.gw-ans { font-size: 13px; color: #c9c9cf; text-align: center; }
.gw-ans b { color: #1f5bff; letter-spacing: .1em; }
.gw-kb { display: flex; flex-direction: column; gap: 7px; align-items: center; }
.gw-kb div { display: flex; gap: 6px; }
.gw-kb button { width: 40px; height: 52px; border: 0; border-radius: 8px; background: #2b2b35; color: #fff; font: 800 15px "RB Inter", Inter, system-ui; text-transform: uppercase; cursor: pointer; transition: background .2s; }
.gw-kb button.wide { width: 64px; font-size: 12px; }
.gw-kb button.c { background: #0934a9; }
.gw-kb button.p { background: #e7a10f; }
.gw-kb button.x { background: #17171d; color: #6b6b76; }

/* ── Sudoku */
.gs { display: flex; gap: 26px; align-items: flex-start; justify-content: center; flex-wrap: wrap; width: 100%; }
.gs-board { --c: min(52px, calc((100vw - 70px) / 9.4)); display: grid; grid-template-columns: repeat(9, var(--c)); grid-template-rows: repeat(9, var(--c)); border: 3px solid #1f5bff; border-radius: 12px; overflow: hidden; background: #0d0d11; box-shadow: 0 20px 40px rgba(0,0,0,.45); }
.gs-c { border: 0; border-right: 1px solid #2a2a33; border-bottom: 1px solid #2a2a33; background: transparent; color: #1f5bff; font: 800 calc(var(--c) * .5) "RB Inter", Inter, system-ui; cursor: pointer; padding: 0; position: relative; transition: background .12s; }
.gs-c.c2, .gs-c.c5 { border-right: 2px solid #6b6b78; }
.gs-c.r2, .gs-c.r5 { border-bottom: 2px solid #6b6b78; }
.gs-c.c8 { border-right: 0; } .gs-c.r8 { border-bottom: 0; }
.gs-c.giv { color: #f5f5f3; }
.gs-c.peer { background: rgba(255,255,255,.045); }
.gs-c.same { background: rgba(31,91,255,.16); }
.gs-c.sel { background: rgba(31,91,255,.3); }
.gs-c.pend { color: #8b8b96; }
.gs-c.sol { color: #6b6b78; }
.gs-c.bad { background: rgba(255,79,106,.55) !important; animation: arShake .35s; }
.gs-n { position: absolute; inset: 2px; display: grid; grid-template-columns: repeat(3, 1fr); font: 700 calc(var(--c) * .2) "RB Inter", Inter, system-ui; color: #9b9ba3; }
.gs-n i { font-style: normal; display: grid; place-items: center; }
.gs-side { display: flex; flex-direction: column; gap: 14px; width: 220px; }
.gs-lives { display: flex; align-items: center; gap: 4px; font-size: 22px; color: #3a3a46; }
.gs-lives .on { color: #ff4f6a; }
.gs-lives small { font-size: 12px; color: #9b9ba3; margin-left: 6px; }
.gs-pad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.gs-pad button { height: 58px; border: 0; border-radius: 12px; background: #1d1d24; color: #fff; font: 900 24px "RB Inter", Inter, system-ui; cursor: pointer; position: relative; }
.gs-pad button:hover { background: #2a2a33; }
.gs-pad button:disabled { opacity: .25; cursor: default; }
.gs-pad small { position: absolute; right: 7px; top: 5px; font-size: 10px; color: #9b9ba3; }
#gsN.on { background: rgba(31,91,255,.15); border-color: #1f5bff; color: #1f5bff; }
.gs-opp { background: #0e0e12; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; padding: 10px 12px; font-size: 13px; display: grid; gap: 6px; }
.gs-bar, .gc-bar { height: 8px; border-radius: 99px; background: #23232b; overflow: hidden; }
.gs-bar i, .gc-bar i { display: block; height: 100%; background: linear-gradient(90deg, #ff4f9a, #ff8fc0); border-radius: inherit; transition: width .3s; }
.gs-opp small { color: #9b9ba3; }
.gs-tip { font-size: 12px; margin: 0; }

/* ── Type Race */
.gt2 { width: min(820px, 100%); display: flex; flex-direction: column; gap: 18px; }
.gt-track { display: grid; gap: 10px; background: #0e0e12; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; padding: 14px 16px; }
.gt-lane { display: grid; grid-template-columns: 110px 1fr 70px; align-items: center; gap: 12px; }
.gt-name { font-weight: 800; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gt-road { position: relative; height: 34px; border-radius: 8px; background: repeating-linear-gradient(90deg, #1b1b22 0 18px, #222229 18px 36px); border-bottom: 2px dashed #3a3a46; }
.gt-car { position: absolute; left: 0; top: 4px; width: 46px; transition: left .25s ease-out; filter: drop-shadow(0 0 8px var(--c)); }
.gt-car svg { width: 46px; height: 23px; display: block; }
.gt-flag { position: absolute; right: 4px; top: 5px; }
.gt-wpm { font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.gt-box { position: relative; border-radius: 18px; background: #0e0e12; border: 2px solid #23232b; padding: 22px 24px; cursor: text; transition: border-color .2s; }
.gt-box.live { border-color: #1f5bff; box-shadow: 0 0 0 4px rgba(31,91,255,.08); }
.gt-text { font: 500 22px/1.65 "RB Inter", Inter, system-ui; color: #6b6b78; user-select: none; }
.gt-text .ok { color: #1f5bff; }
.gt-text .bad { background: rgba(255,79,106,.4); color: #fff; border-radius: 3px; }
.gt-text .cur { color: #fff; border-bottom: 3px solid #1f5bff; animation: arBlink 1s steps(2) infinite; }
.gt-box textarea { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; resize: none; cursor: text; }
.gt-hint { position: absolute; right: 14px; bottom: 8px; font-size: 12px; color: #9b9ba3; }
.gt-stats { display: flex; gap: 22px; color: #9b9ba3; font-size: 14px; justify-content: center; }
.gt-stats b { color: #fff; }

/* ── Color Find */
.gc { display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; }
.gc-top { display: grid; grid-template-columns: 1fr minmax(160px, 360px) 1fr; align-items: center; gap: 18px; width: min(720px, 100%); }
.gc-sc { display: flex; flex-direction: column; align-items: flex-start; }
.gc-sc.r { align-items: flex-end; }
.gc-sc b { font: 900 46px/1 "RB Inter", Inter, system-ui; color: var(--c); }
.gc-sc span { font-size: 13px; color: #9b9ba3; }
.gc-sc.bump b { animation: gcBump .35s; }
@keyframes gcBump { 40% { transform: scale(1.35); } }
.gc-bar { height: 10px; }
.gc-bar i { background: linear-gradient(90deg, #1f5bff, #ffd21f); transition: none; }
.gc-board { --sz: min(480px, calc(100vw - 80px)); width: var(--sz); height: var(--sz); display: grid; grid-template-columns: repeat(var(--n, 3), 1fr); gap: 6px; padding: 8px; border-radius: 20px; background: #0e0e12; }
.gc-board.in { animation: gcIn .22s ease-out; }
@keyframes gcIn { from { transform: scale(.94); opacity: .4; } }
.gc-board.shake { animation: arShake .35s; }
.gc-board.lock { filter: grayscale(.85) brightness(.6); pointer-events: none; }
.gc-t { border: 0; border-radius: 10px; cursor: pointer; transition: transform .08s; box-shadow: inset 0 -4px 0 rgba(0,0,0,.18); }
.gc-t:hover { transform: scale(.96); }
.gc-t.hit { transform: scale(.85); }
.gc-tip { font-size: 13px; margin: 0; }

/* ── Flap Dash */
.gf { display: flex; gap: 20px; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.gf canvas { height: min(640px, 72vh); aspect-ratio: 360 / 640; border-radius: 18px; box-shadow: 0 20px 50px rgba(0,0,0,.6); touch-action: none; cursor: pointer; }
.gf-side { width: 200px; display: flex; flex-direction: column; gap: 10px; }
.gf-sc { display: grid; gap: 8px; }
.gf-p { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 10px 12px; border-radius: 12px; background: #0e0e12; border-left: 4px solid var(--c); }
.gf-p span { font-weight: 700; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gf-p b { font: 900 26px "RB Inter", Inter, system-ui; grid-row: span 2; }
.gf-p small { color: #9b9ba3; font-size: 11px; }

/* ── Block Stack */
.gb { display: flex; gap: 20px; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.gb > canvas { height: min(560px, 70vh); border-radius: 14px; background: #08080b; box-shadow: 0 20px 50px rgba(0,0,0,.55); }
.gb-side { width: 190px; display: flex; flex-direction: column; gap: 10px; }
.gb-side canvas { width: 120px; height: 240px; border-radius: 8px; border: 1px solid rgba(255,255,255,.1); }
.gb-side h4 { font-size: 13px; color: #9b9ba3; margin-top: 8px; }
.gb-stat { display: grid; }
.gb-stat b { font: 900 30px/1 "RB Inter", Inter, system-ui; color: #1f5bff; font-variant-numeric: tabular-nums; }
.gb-stat span { font-size: 11px; color: #9b9ba3; text-transform: uppercase; letter-spacing: .1em; }
.gb-stat i { font-style: normal; font-size: 12px; color: #c9c9cf; }
.gb-keys { font-size: 12px; line-height: 1.6; }
.gb-touch { display: none; width: 100%; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.gb-touch button { height: 52px; border: 0; border-radius: 12px; background: #1d1d24; color: #fff; font-size: 18px; font-weight: 800; touch-action: none; }
@media (pointer: coarse), (max-width: 860px) { .gb-touch { display: grid; } }

/* ── Poker */
.gp { width: min(940px, 100%); display: flex; flex-direction: column; gap: 12px; }
.gp-table { padding: 16px; border-radius: 200px; background: linear-gradient(180deg, #3a2414, #1c1009); box-shadow: 0 30px 60px rgba(0,0,0,.6), inset 0 2px 0 rgba(255,255,255,.12); }
.gp-felt { position: relative; min-height: 470px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 10px; padding: 16px 0; border-radius: 190px; background: radial-gradient(70% 70% at 50% 45%, #14915e, #0a4f34); border: 3px solid rgba(31,91,255,.25); box-shadow: inset 0 0 60px rgba(0,0,0,.5); }
.gp-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font: 900 74px "RB Inter", Inter, system-ui; color: rgba(31,91,255,.07); pointer-events: none; }
.gp-seat { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 320px; z-index: 1; }
.gp-seat.top { flex-direction: column; }
.gp-seat.bottom { flex-direction: column-reverse; }
.gp-who { position: relative; display: flex; align-items: center; gap: 10px; padding: 7px 16px 7px 8px; border-radius: 99px; background: rgba(8,8,10,.85); border: 2px solid transparent; }
.gp-who.turn { border-color: #1f5bff; }
.gp-who.win { border-color: #ffd21f; box-shadow: 0 0 24px rgba(255,210,31,.45); }
.gp-who div { display: flex; flex-direction: column; line-height: 1.15; }
.gp-who b { font-size: 13px; }
.gp-who span { font-weight: 800; color: #1f5bff; font-size: 14px; }
.gp-who .ar-av { width: 34px; height: 34px; }
.gp-d { position: absolute; right: -10px; top: -8px; width: 22px; height: 22px; border-radius: 50%; background: #fff; color: #111; font: 900 11px/22px "RB Inter", Inter, system-ui; text-align: center; font-style: normal; box-shadow: 0 2px 6px rgba(0,0,0,.5); }
.gp-timer { position: absolute; left: 5px; top: 5px; width: 40px; height: 40px; transform: rotate(-90deg); }
.gp-timer circle { fill: none; stroke: #1f5bff; stroke-width: 3; stroke-dasharray: 113; stroke-dashoffset: 0; animation: gpT linear forwards; }
@keyframes gpT { to { stroke-dashoffset: 113; stroke: #ff4f6a; } }
.gp-hole { display: flex; gap: 6px; }
.gp-bet { display: flex; align-items: center; gap: 6px; font-weight: 800; font-size: 13px; padding: 4px 10px; border-radius: 99px; background: rgba(0,0,0,.45); }
.gp-chip { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle, #1f5bff 40%, #fff 41% 55%, #1f5bff 56%); box-shadow: 0 1px 0 #00227f; }
.gp-hn { font-size: 12px; font-weight: 800; color: #ffd21f; text-transform: uppercase; letter-spacing: .06em; }
.gp-center { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.gp-pot { display: flex; align-items: center; gap: 6px; font-weight: 900; padding: 5px 14px; border-radius: 99px; background: rgba(0,0,0,.4); }
.gp-board { display: flex; gap: 7px; }
.gp-msg { min-height: 20px; font-size: 14px; }
.pc { --w: 54px; width: var(--w); height: calc(var(--w) * 1.4); border-radius: 8px; background: linear-gradient(180deg, #fff, #ecebf3); color: #14121c; position: relative; display: block; box-shadow: 0 4px 10px rgba(0,0,0,.4); font-family: "RB Inter", Inter, system-ui; }
.pc.red { color: #e3203a; }
.pc b { position: absolute; left: 6px; top: 4px; font-size: 17px; font-weight: 900; }
.pc em { position: absolute; left: 7px; top: 22px; font-style: normal; font-size: 13px; }
.pc u { position: absolute; right: 6px; bottom: 2px; text-decoration: none; font-size: 30px; }
.pc.back { background: repeating-linear-gradient(45deg, #2a1360 0 6px, #351a7a 6px 12px); border: 3px solid #fff; }
.pc.back i { position: absolute; inset: 30% 22%; border-radius: 6px; background: #1f5bff; opacity: .9; clip-path: polygon(0 0, 34% 32%, 24% 15%, 57% 15%, 47% 34%, 100% 100%, 61% 33%, 81% 0); }
.pc.slot { background: rgba(0,0,0,.18); border: 2px dashed rgba(255,255,255,.12); box-shadow: none; }
.pc.hi { box-shadow: 0 0 0 3px #ffd21f, 0 0 20px rgba(255,210,31,.6); transform: translateY(-6px); }
.pc.flip { animation: pcFlip .45s ease both; }
@keyframes pcFlip { from { transform: rotateY(90deg) scale(.9); } }
.pc.deal { animation: pcDeal .4s ease both; }
@keyframes pcDeal { from { transform: translateY(-60px) scale(.6); opacity: 0; } }
.gp-bar { display: flex; gap: 10px; align-items: center; justify-content: center; flex-wrap: wrap; min-height: 54px; }
.gp-raise { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.gp-pre { display: flex; gap: 4px; }
.gp-pre button { border: 0; border-radius: 8px; background: #1d1d24; color: #fff; font-weight: 800; font-size: 12px; padding: 8px 10px; cursor: pointer; }
.gp-raise input[type=range] { width: 160px; accent-color: #1f5bff; }
.gp-info { text-align: center; color: #9b9ba3; font-size: 13px; }

/* ── 8 Ball */
.g8 { width: 100%; display: flex; flex-direction: column; gap: 12px; align-items: center; }
.g8-top { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; width: min(1100px, 100%); }
.g8-grp { display: flex; flex-direction: column; gap: 6px; }
.g8-grp.r { align-items: flex-end; }
.g8-n { font-weight: 800; font-size: 14px; padding: 3px 10px; border-radius: 99px; border: 2px solid transparent; width: fit-content; }
.g8-n.turn { border-color: #1f5bff; color: #1f5bff; }
.g8-bs { display: flex; gap: 3px; flex-wrap: wrap; }
.g8-bs small { color: #9b9ba3; }
.g8-b { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font: 900 9px "RB Inter", Inter, system-ui; color: #111; background: radial-gradient(circle, #fff 34%, var(--c) 36%); box-shadow: inset -3px -3px 5px rgba(0,0,0,.35); }
.g8-b[data-s] { background: radial-gradient(circle, #fff 34%, transparent 36%), linear-gradient(180deg, #f4f1ea 22%, var(--c) 22% 78%, #f4f1ea 78%); }
.g8-b.gone { opacity: .18; }
.g8-msg { text-align: center; font-size: 14px; max-width: 420px; }
.g8-row { display: flex; gap: 14px; align-items: center; justify-content: center; width: 100%; }
.g8-wrap { flex: 1; max-width: 1100px; }
.g8-wrap canvas { width: 100%; height: auto; display: block; touch-action: none; cursor: crosshair; }
.g8-ctl { display: flex; flex-direction: column; gap: 14px; align-items: center; }
.g8-spin { --s: 0; width: 54px; height: 54px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #d9d6cf 60%, #a9a59c); position: relative; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,.4); }
.g8-spin i { position: absolute; left: 50%; top: calc(50% - var(--s) * 18px); width: 12px; height: 12px; margin: -6px; border-radius: 50%; background: #ff4f6a; box-shadow: 0 0 0 2px #fff; }
.g8-pow { --p: 0; position: relative; width: 46px; height: 220px; border-radius: 14px; background: #0e0e12; border: 2px solid #2a2a33; overflow: hidden; cursor: ns-resize; touch-action: none; display: grid; place-items: end center; }
.g8-pow i { position: absolute; left: 0; right: 0; top: 0; height: calc(var(--p) * 100%); background: linear-gradient(180deg, #1f5bff, #ffd21f 60%, #ff4f6a); }
.g8-pow span { position: relative; font: 900 10px "RB Inter", Inter, system-ui; color: #9b9ba3; writing-mode: vertical-rl; margin-bottom: 10px; letter-spacing: .2em; }
.g8-tip { font-size: 12px; margin: 0; }

@media (max-width: 860px) {
  .ar-hero { grid-template-columns: 1fr; padding: 24px 20px; }
  .ar-vsart { display: none; }
  .ar-cols { grid-template-columns: 1fr; }
  .ar-gh { grid-template-columns: 120px 1fr; gap: 16px; }
  .ar-row { grid-template-columns: 36px 1fr auto auto; }
  .ar-row .ar-rp { display: none; }
  .ar-row:has(.ar-tag) { grid-template-columns: 36px 1fr auto auto; }
  .ar-row .ar-tag { display: none; }
  .ar-mtop { gap: 8px; }
  .ar-mt { order: 3; flex-basis: 100%; }
  .ar-mtop .ar-back { flex: 1; }
  .ar-mt b { font-size: 16px; }
  .ar-pot { font-size: 12px; padding: 4px 10px; }
  .gb > canvas { height: auto; width: 100%; max-width: 504px; }
  .gb-side { width: 100%; display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; align-items: start; }
  .gb-side canvas { grid-row: span 3; width: 90px; height: 180px; }
  .gb-side .gb-keys { display: none; }
  .ar-players { grid-template-columns: 1fr 1fr; }
  .ar-mid { grid-column: span 2; order: -1; flex-direction: row; min-height: 0; }
  .ar-stage { padding: 12px; min-height: 380px; }
  .ar-pick { grid-template-columns: repeat(2, 1fr); }
  .pc { --w: 42px; } .gp-seat { width: 260px; }
  .g8-row { flex-direction: column; } .g8-ctl { flex-direction: row; } .g8-pow { width: 220px; height: 46px; place-items: center end; } .g8-pow i { top: 0; bottom: 0; left: 0; right: auto; height: auto; width: calc(var(--p) * 100%); background: linear-gradient(90deg, #1f5bff, #ffd21f 60%, #ff4f6a); } .g8-pow span { writing-mode: horizontal-tb; margin: 0 10px 0 0; }
  .gw-row { grid-template-columns: repeat(5, 48px); } .gw-row span { height: 48px; font-size: 22px; } .gw-kb button { width: 30px; height: 48px; } .gw-kb button.wide { width: 50px; }
  .gt-lane { grid-template-columns: 70px 1fr 56px; } .gt-text { font-size: 18px; }
}

/* == ripl.css == */
/* ═══════════ RIPL · black × electric blue · loaded after styles.css ═══════════ */
:root{
--ui:"Bai Jamjuree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--disp:"Bai Jamjuree",system-ui,sans-serif;
--bg:#000;--bg2:#000;--panel:#111215;--panel2:#17181c;--panel3:#202126;--line:#ffffff0f;--line2:#ffffff1a;
--tx:#fff;--tx2:#c7cbcf;--mute:#8b9092;
--lime:#1f5bff;--lime2:#4d7dff;--limed:#1747d6;--acc:#1f5bff;--green:#00e14f;--red:#ff4d5e;
--glass:#ffffff0f;--glass2:#ffffff1a;
--sw:232px;--sr:72px;--gap:12px;--hh:76px}
html,body{font-family:var(--ui);letter-spacing:0;font-feature-settings:normal}
body{background:#000!important}
h1,h2,h3,.sec h2,.gtitle b,.cdlg-t,.slip-h b,.ss-h b{font-family:var(--disp);letter-spacing:-.01em}

/* ── pills everywhere ── */
.btn{border-radius:999px;background:var(--acc);color:#fff;font-weight:600;box-shadow:0 8px 24px -12px #1f5bffcc;letter-spacing:0}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:var(--glass);border:1px solid var(--line2);color:#fff;box-shadow:none}
.btn.ghost:hover{background:var(--glass2);border-color:#ffffff26}
.btn.sm,.btn.lg{border-radius:999px}
.btn.red{background:var(--red)}
.btn.cashg{background:var(--acc);color:#fff;box-shadow:0 0 0 1px #1f5bff,0 0 22px #1f5bff66}
input,select,textarea{border-radius:12px}
.pill{border-radius:999px}
.green{color:var(--green)!important}

/* ── floating sidebar capsule ── */
@media (min-width:900px){
.side{top:var(--gap);left:var(--gap);bottom:var(--gap);width:var(--sw);border-radius:30px;background:#161616!important;border:1px solid var(--line);padding:12px 12px 64px;backdrop-filter:none;scrollbar-width:none;box-shadow:0 20px 50px -20px #000}
.side::-webkit-scrollbar{display:none}
body.rail .side{width:var(--sr);padding:12px 8px 64px}
.hdr{left:calc(var(--sw) + var(--gap) * 2);height:var(--hh);background:linear-gradient(#000 40%,#000000d0 70%,#0000)!important;backdrop-filter:none;border:0;padding:0 28px 0 16px}
body.rail .hdr{left:calc(var(--sr) + var(--gap) * 2)}
.hdr .burger{display:none}
.main{margin-left:calc(var(--sw) + var(--gap) * 2);padding:calc(var(--nt) + var(--hh) + 6px) 28px 40px}
body.rail .main{margin-left:calc(var(--sr) + var(--gap) * 2)}
.sidecol{position:absolute;left:12px;right:12px;bottom:12px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;color:var(--mute)}
.sidecol:hover{color:#fff;background:var(--glass)}
body.rail .sidecol{justify-content:center;padding:0;left:8px;right:8px}
body.rail .sidecol .ic{transform:scaleX(-1)}
}
@media (max-width:899px){.sidecol{display:none}.hdr{background:#000000e8!important;border-bottom:1px solid var(--line)}}
.logo img{height:30px}
.seg{background:#000;border-radius:999px;padding:4px;margin-bottom:14px}
.seg a{border-radius:999px;padding:9px 6px;font-weight:600;font-size:14px}
.seg a.on{background:var(--panel3);color:#fff}
.rcs{background:#000!important;border-radius:999px!important}
.rcs a{border-radius:999px}
.rcs a.on{background:var(--panel3);color:#fff}
.side .sq{background:#000;border-radius:999px;height:42px}
.sgrp{border-top:1px solid var(--line)}
.si{height:42px;border-radius:999px;font-weight:500;font-size:14.5px;gap:12px;padding:0 14px;color:#d6d9dc;margin-bottom:2px}
.si .ic{color:#9ea3a6;width:19px;height:19px}
.si:hover{background:var(--glass)}
.si.on,body.rail .side .si.on{background:var(--glass2);color:#fff}
.si.on .ic,body.rail .side .si.on .ic{color:#fff}
body.rail .side .si{width:46px;height:46px}
.side .rq{border-radius:999px;background:#000;width:46px;height:46px}
.sh{color:#6d7275;font-weight:600;letter-spacing:.14em}

/* ── header ── */
.bal{background:var(--glass);border:1px solid var(--line2);border-radius:999px;height:42px}
.avatar,.chatb{border-radius:999px;background:var(--glass);border:1px solid var(--line2)}
.hdr .btn{height:42px;padding:0 22px}
.notice{color:#fff;background:#0b0c0f}
.notice.demo{background:#1f5bff;color:#fff;border-color:#1f5bff}

/* ── LIQD-style hero ── */
.rh{position:relative;height:clamp(300px,34vw,400px);margin:0 0 20px}
.rh-s{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;opacity:0;pointer-events:none;transition:opacity .7s}
.rh-s.on{opacity:1;pointer-events:auto}
.rh-t h1{font:700 clamp(40px,5.6vw,72px)/1 var(--disp);margin:0;text-transform:uppercase;letter-spacing:-.005em}
.rh-t p{font-size:17px;color:#e6e8ea;margin:16px 0 22px;max-width:520px}
.rh-t a{font-style:italic;color:#c7cbcf;font-size:15px}
.rh-t a:hover{color:#fff}
.rh-o{display:grid;place-items:center;height:100%;perspective:900px}
.rh-o svg{width:min(78%,320px);height:auto;filter:drop-shadow(0 30px 40px #1f5bff40);animation:rfloat 7s ease-in-out infinite}
@keyframes rfloat{0%,100%{transform:translateY(-8px) rotateY(-18deg) rotateZ(-4deg)}50%{transform:translateY(10px) rotateY(18deg) rotateZ(4deg)}}
.rh-dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:6px}
.rh-dots button{width:6px;height:6px;border-radius:999px;background:#ffffff40;transition:width .3s,background .3s}
.rh-dots button.on{width:20px;background:#fff}
@media (max-width:899px){.rh{height:230px;margin-bottom:14px}.rh-s{grid-template-columns:1.5fr 1fr;gap:6px}.rh-t h1{font-size:clamp(30px,9vw,44px)}.rh-t p{font-size:13.5px;margin:10px 0 12px}.rh-t a{font-size:13px}.rh-o svg{width:100%}}

/* promo banners: dark glass cards */
.slide{border-radius:20px;border:1px solid var(--line)}
.slide b{font-family:var(--disp);font-weight:700}
.slide.lime{background:radial-gradient(130% 130% at 100% 0,#5b86ff,#1f5bff 50%,#123fc4);color:#fff}
.slide.lime small{color:#dbe6ff}
.slide.lime .go{background:#fff;color:#000}
.slide.lime .bigic{color:#ffffff2a}
.slide.dark{background:radial-gradient(100% 130% at 100% 100%,#0c1a44,#0b0b0d 62%);color:#fff}
.slide.dark small{color:#7aa0ff}
.slide.dark .go{background:var(--acc);color:#fff}
.slide.split{background:linear-gradient(120deg,#0b0b0d 0 58%,#1f5bff 58.2%)}
.slide .go{border-radius:999px;font-weight:600}

/* ── category bar + search ── */
.cats{flex-direction:row!important;align-items:center;gap:12px;margin:6px 0 4px}
.catbar{background:transparent;padding:0;gap:6px}
.catbar a{height:40px;padding:0 16px;border-radius:999px;font-weight:500;color:#c7cbcf}
.catbar a.on{background:var(--panel2);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px var(--line2)}
.catbar a:hover{background:var(--glass)}
.cats .sq{flex:0 1 260px;margin-left:auto;min-height:42px!important;border-radius:999px;background:transparent;border:1px solid var(--line2)}
@media (max-width:899px){.cats{flex-direction:column!important;align-items:stretch}.cats .sq{flex:auto;margin:0}}

/* ── sections + rows ── */
.sec{margin:30px 0 14px}
.sec h2{font:600 24px var(--disp)!important;letter-spacing:0}
.sec .btn.ghost.sm{background:none;border:0;color:#d6d9dc;padding:0 8px;font-weight:500}
.arrows button{width:34px;height:34px;border-radius:999px;background:var(--glass);color:#fff}
.arrows button:hover{background:var(--glass2)}
.rowx{gap:16px}
.rowx>.gt{width:158px}
@media (max-width:899px){.rowx>.gt{width:36vw}}

/* game cards: name lives on the art, provider as a glass pill */
.gt{position:relative}
.gt .tile{border-radius:14px;box-shadow:0 14px 30px -18px #000}
.gt:hover .tile{transform:translateY(-4px);box-shadow:0 22px 40px -18px #000,0 0 0 1px #ffffff2e}
.gt .nm{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.gt .pv{position:absolute;left:50%;transform:translateX(-50%);bottom:9px;max-width:86%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 8.5px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#ffffff26;backdrop-filter:blur(6px);padding:4px 9px;border-radius:999px;pointer-events:none}
.ggrid .gt .pv{font-size:9px}
.tile .tag{border-radius:999px;color:#fff;background:#000000a0}
.tile .tag:not(.live){background:var(--green);color:#04200c}
.tile .tt{font-family:var(--disp);font-weight:700}
.gt .tile .tt{bottom:15%}
.sq input{background:none!important;border:0!important;box-shadow:none!important;height:100%;padding:0}

/* ── cards, panels, modal ── */
.card,.gctl,.lb,.sspanel,.vipc{background:#0f1012!important;border:1px solid var(--line)!important;border-radius:18px;box-shadow:none}
.vipc{background:radial-gradient(420px 160px at 0 0,#1f5bff22,transparent),#0f1012!important}
.vipc b{font-family:var(--disp);font-weight:700}
.bar{background:#ffffff14;border-radius:999px}
.bar i{background:var(--acc);border-radius:999px}
.tabs{background:#000;border-radius:999px;border:1px solid var(--line2)}
.tabs button{border-radius:999px}
.tabs button.on{background:var(--panel3)}
.seg2{border-radius:999px}
.seg2 button{border-radius:999px}
.modal{background:#000000c4;backdrop-filter:blur(6px)}
.modal .card{background:linear-gradient(180deg,#14161b,#0d0e10)!important;border-radius:24px;box-shadow:0 0 0 1px #ffffff12,0 40px 80px -30px #1f5bff55}
.modal .card input{background:#000;border:1px solid var(--line2)}

/* ── Winning now + Latest bets ── */
.wnrow{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.wnrow::-webkit-scrollbar{display:none}
.wn{flex:none;width:240px;display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;background:#111214;border:1px solid var(--line)}
.wn:hover{background:#16171a}
.wn-a{width:92px;flex:none}
.wn-a .tile,.lbr .tile{position:relative;overflow:hidden;isolation:isolate;container-type:inline-size}
.wn-a .tile{border-radius:10px;aspect-ratio:3/4}
.wn-i{min-width:0;display:grid;gap:3px;text-align:center;flex:1}
.wn-i small{font:600 8px var(--ui);letter-spacing:.14em;color:var(--mute)}
.wn-i b{font-size:14px;text-transform:uppercase}
.wn-i .u{font-size:13px;color:#e6e8ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wn-i .p{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--green);font-weight:600;font-size:14px}
.lbh{display:flex;align-items:center;gap:10px;margin:30px 0 12px}
.lbt{display:flex;gap:4px}
.lbt button{height:38px;padding:0 16px;border-radius:999px;font-weight:500;color:#c7cbcf}
.lbt button.on{background:var(--panel2);color:#fff;box-shadow:inset 0 0 0 1px var(--line2)}
.lbr{display:grid;grid-template-columns:minmax(0,2.2fr) 1fr 1fr 1fr;align-items:center;gap:10px;padding:10px 14px;border-radius:14px}
.lbr:nth-child(odd){background:#0f1012}
.lbr .g{display:flex;gap:10px;align-items:center;min-width:0}
.lbr .g .tile{width:38px;aspect-ratio:1;border-radius:9px;flex:none}
.lbr .g .tile .tt,.lbr .g .tile .badge,.lbr .g .tile .tag{display:none}
.lbr .g b{display:block;font-size:14.5px}
.lbr .g small{color:#c7cbcf;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.lbr label{display:block;font-size:11px;color:var(--mute);margin:0 0 2px}
.lbr .v{display:flex;align-items:center;gap:6px;font-weight:500;font-variant-numeric:tabular-nums}
.lbr .v.w{color:var(--green)}
@media (max-width:899px){.lbr{grid-template-columns:minmax(0,1.6fr) 1fr 1fr}.lbr .c-st{display:none}}

/* ── footer ── */
.foot{display:block;border-top:1px solid var(--line);margin-top:56px;padding-top:34px}
.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:26px}
.fcols b{display:block;color:#fff;font-size:15px;font-weight:600;margin-bottom:14px}
.fcols a{display:block;color:#c7cbcf;font-size:13.5px;margin-bottom:9px}
.fcols a:hover{color:#fff}
.ftrust{border-top:1px solid var(--line);padding-top:22px}
.fbot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:22px;padding-top:22px}
.fbot img{height:24px}
.fbot .sp{flex:1}
@media (max-width:899px){.fcols{grid-template-columns:1fr 1fr}}

/* ── mobile bottom nav ── */
.nav{background:#111214f2;border-radius:999px}
.nav .on{color:#fff}
.nav .on .ic{filter:drop-shadow(0 0 8px #1f5bff)}
.gt .pv{bottom:6px;font-size:7.5px;padding:3px 8px;background:#000000a6}
.foot>span,.foot>a{margin-right:4px}

/* ═══ v2: single hero (no promo banners), animated scenes ═══ */
.hero.hero3{display:none!important}
.rh{margin-bottom:26px}
.rh-o svg{animation:none;filter:drop-shadow(0 30px 50px #1f5bff55)}
.rs-rtp{animation:rbob 6s ease-in-out infinite!important}
.rs-arena{animation:rbob 7s ease-in-out infinite!important}
.rs-vip .rv-spin{transform-origin:120px 110px;animation:rvspin 8s cubic-bezier(.45,0,.55,1) infinite}
@keyframes rbob{0%,100%{transform:translateY(-8px)}50%{transform:translateY(10px)}}
@keyframes rvspin{0%{transform:perspective(600px) rotateY(0)}50%{transform:perspective(600px) rotateY(180deg)}100%{transform:perspective(600px) rotateY(360deg)}}
.rh-s .rh-t{transform:translateY(14px);opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s}
.rh-s.on .rh-t{transform:none;opacity:1}
.rh-s .rh-o{transform:scale(.9);opacity:0;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity 1s}
.rh-s.on .rh-o{transform:none;opacity:1}

/* ═══ v2: menu toggle on the left of Casino / Sports ═══ */
.segrow{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.segrow .seg{flex:1;margin:0}
.sidetog{flex:none;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#000;color:#c7cbcf;border:1px solid var(--line2)}
.sidetog:hover{color:#fff;background:var(--glass2)}
.sidetog .ic{width:19px;height:19px}
.sidecol{display:none!important}
body.rail .segrow{justify-content:center;margin-bottom:10px}
body.rail .segrow .seg{display:none!important}
@media (max-width:899px){.sidetog{display:none}}

/* ═══ v2: liquid-glass badges + pills ═══ */
.tile .badge,.ar-pill{background:linear-gradient(135deg,#ffffff3d,#ffffff0d 60%,#ffffff26)!important;-webkit-backdrop-filter:blur(10px) saturate(1.7);backdrop-filter:blur(10px) saturate(1.7);border:1px solid #ffffff4d!important;box-shadow:inset 0 1px 0 #ffffffa0,inset 0 -1px 1px #ffffff26,0 6px 16px -6px #0009;color:#fff!important;border-radius:999px!important;transform:none!important}
.ar-pill{padding:3px 10px!important;font-weight:600}
/* glassy emblems: specular sheen + depth */
.tile .em svg{filter:drop-shadow(0 16px 18px #0009) saturate(1.15) contrast(1.04)}
.tile .em::after{content:"";position:absolute;left:16%;right:30%;top:4%;height:34%;border-radius:50%;background:radial-gradient(closest-side,#ffffff8c,#fff0);mix-blend-mode:screen;opacity:.6;pointer-events:none}
.tile .rays{opacity:.55}

/* ═══ v2: LIQD-style hover: art melts into frosted glass, title floats to centre ═══ */
.gt .tile,.gt:hover .tile{transform:none}
.gt:hover .tile{box-shadow:0 22px 40px -18px #000,0 0 0 1px #ffffff2e}
.gt .tile .bg,.gt .tile .rays,.gt .tile .glow,.gt .tile .em,.gt .tile.thumb img{transition:filter .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),opacity .7s cubic-bezier(.16,1,.3,1)}
.gt:hover .tile .em{filter:blur(16px) saturate(1.4);transform:translate(-50%,-50%) scale(1.15)}
.gt:hover .tile .rays,.gt:hover .tile .glow{opacity:0}
.gt:hover .tile .bg{filter:blur(6px) saturate(1.2) brightness(.92)}
.gt:hover .tile.thumb img{filter:blur(16px) saturate(1.3) brightness(.8);transform:scale(1.15)}
.gt .tile::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,#ffffff1f,#ffffff05 60%);opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
.gt:hover .tile::after{opacity:1}
.gt .tile .tt{z-index:2;transition:bottom .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.gt:hover .tile .tt{bottom:44%}
.gt .tile .badge{z-index:2;transition:opacity .5s}
.gt:hover .tile .badge{opacity:0}
.gt .pv{transition:opacity .5s}
.gt:hover .pv{opacity:0}
/* real thumbnails: show the game name in the frosted centre */
.gt:has(.tile.thumb) .nm{position:absolute;width:auto;height:auto;clip:auto;overflow:hidden;left:8px;right:8px;top:0;aspect-ratio:auto;bottom:0;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;white-space:normal;font:700 17px/1.1 var(--disp);text-transform:uppercase;color:#fff;text-shadow:0 2px 10px #0008;opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);z-index:3;pointer-events:none}
.gt:has(.tile.thumb):hover .nm{opacity:1;transform:none}
.gt .fav{z-index:4}
.segrow .seg{min-width:0;grid-template-columns:1fr 1fr}
.segrow .seg a{padding:9px 2px;font-size:13.5px;min-width:0}

/* ═══ v3 ═══ */
/* no badges on Originals / PvP / Live */
.tile .badge,.tile .tag.live{display:none!important}
/* LIQD smooth-corner card shape */
.gt .tile,.wn-a .tile{border-radius:0!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154 205' preserveAspectRatio='none'%3E%3Cpath d='M115.5 0c13.48 0 20.21 0 25.36 2.62a24.06 24.06 0 0 1 10.52 10.52c2.62 5.15 2.62 11.89 2.62 25.36L154 166.5c0 13.48 0 20.21-2.62 25.36a24.06 24.06 0 0 1-10.52 10.52c-5.15 2.62-11.89 2.62-25.36 2.62L38.5 205c-13.48 0-20.21 0-25.36-2.62a24.06 24.06 0 0 1-10.52-10.52C0 186.71 0 179.98 0 166.5L0 38.5c0-13.48 0-20.21 2.62-25.36A24.06 24.06 0 0 1 13.14 2.62C18.29 0 25.02 0 38.5 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154 205' preserveAspectRatio='none'%3E%3Cpath d='M115.5 0c13.48 0 20.21 0 25.36 2.62a24.06 24.06 0 0 1 10.52 10.52c2.62 5.15 2.62 11.89 2.62 25.36L154 166.5c0 13.48 0 20.21-2.62 25.36a24.06 24.06 0 0 1-10.52 10.52c-5.15 2.62-11.89 2.62-25.36 2.62L38.5 205c-13.48 0-20.21 0-25.36-2.62a24.06 24.06 0 0 1-10.52-10.52C0 186.71 0 179.98 0 166.5L0 38.5c0-13.48 0-20.21 2.62-25.36A24.06 24.06 0 0 1 13.14 2.62C18.29 0 25.02 0 38.5 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;box-shadow:none!important}
.gt:hover .tile{box-shadow:none!important}
.gt .fav{border-radius:999px}
/* same card size in every row */
.rowx>.gt{width:158px!important;flex:none}
@media (max-width:899px){.rowx>.gt{width:36vw!important}}
/* liquid-glass art tiles */
.tile.rgt{aspect-ratio:3/4;position:relative;overflow:hidden;isolation:isolate}
.tile.rgt .bg{position:absolute;inset:0;z-index:-3}
.tile.rgt .rg-glow{position:absolute;inset:0;z-index:-2;transition:opacity .7s}
.tile.rgt .rg-em{position:absolute;left:50%;top:42%;width:92%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 18px #000a)}
.tile.rgt .rg-em svg{width:100%;height:auto;display:block;filter:none!important}
.tile.rgt .rg-em::after{display:none}
.tile.rgt .tt{position:absolute;left:0;right:0;bottom:15%;text-align:center;color:#fff;font:700 clamp(15px,13cqw,22px)/1 var(--disp);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 3px 12px #0009;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-stroke:0}
.gt:hover .tile.rgt .rg-em{filter:blur(16px) saturate(1.4);transform:translate(-50%,-50%) scale(1.15)}
.gt:hover .tile.rgt .rg-glow{opacity:0}
.gt:hover .tile.rgt .tt{bottom:45%}
/* hero objects: no extra glow blob behind round orb */
.rs-rtp,.rs-vip{filter:drop-shadow(0 30px 60px #1f5bff66)}
/* section headings with the Ripl wordmark */
.sec-brand{display:inline-flex;align-items:center;gap:9px;vertical-align:middle}
.sec-brand img{height:22px;width:auto;display:block;transform:translateY(-1px)}
.sec h2.has-brand{display:flex;align-items:center;gap:8px}

/* ═══ v3: LIQD "Enter" button shape for Log in / Sign up / Casino / Sports ═══ */
.auth-pair{background:none!important;border:0!important;padding:0!important;gap:8px!important;box-shadow:none!important}
.hdr .btn,.auth-pair .btn{height:40px!important;padding:0 22px!important;border-radius:9999px!important;font:600 15px/1 var(--ui)!important;letter-spacing:0!important;box-shadow:none!important;border:0!important}
.hdr .btn:not(.ghost),.auth-pair .btn:not(.ghost){background:#264fee!important;color:#fff!important}
.hdr .btn.ghost,.auth-pair .btn.ghost{background:#ffffff14!important;color:#fff!important}
.hdr .btn:hover,.auth-pair .btn:hover{filter:brightness(1.12)}
.seg,.segrow .seg{background:transparent!important;padding:0!important;gap:6px!important;border:0!important}
.seg a{height:40px;display:flex!important;align-items:center;justify-content:center;border-radius:9999px!important;padding:0 10px!important;font:600 15px/1 var(--ui)!important;background:#ffffff14;color:#fff!important}
.seg a.on{background:#264fee!important;color:#fff!important;box-shadow:none!important}
.segrow .seg a{font-size:14px!important;padding:0 6px!important}
.gt .tile{aspect-ratio:3/4!important;height:auto!important}
.gt .tile.thumb img{width:100%!important;height:100%!important;object-fit:cover!important}

/* == ripl-v4.css == */
/* v4: 3D hero, square game art, no game shows */
.rh-o{position:relative}
.rh-o .r3d{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;pointer-events:none}
.r3d-tier{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);padding:7px 16px;border-radius:999px;font:600 13px/1 "Bai Jamjuree",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 24px rgba(0,0,0,.4)}
.r3d-tier.pop{animation:r3dpop .5s cubic-bezier(.16,1,.3,1)}
@keyframes r3dpop{from{opacity:0;transform:translateX(-50%) translateY(6px) scale(.92)}to{opacity:1;transform:translateX(-50%)}}
#r_shows,.sec:has(+#r_shows){display:none!important}
.gt .tile.thumb:not(.rgt){aspect-ratio:1/1!important;height:auto!important;position:relative;overflow:hidden;background:#0b0d14}
.gt .tile.thumb:not(.rgt) img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain!important}
.gt .tile.thumb:not(.rgt)::before{content:"";position:absolute;inset:-12%;background:var(--fitbg) center/cover no-repeat;filter:blur(18px) brightness(.55) saturate(1.2);z-index:0}
.gt .tile.thumb.sq img{object-fit:cover!important}
.rh-o::before{content:"";position:absolute;inset:8% 12%;background:radial-gradient(closest-side,rgba(31,91,255,.30),rgba(31,91,255,.08) 60%,transparent);filter:blur(10px);pointer-events:none}
.gt .tile.thumb:not(.rgt){padding:0!important}

/* == ripl-nav.css == */
/* liquid-glass mobile menu */
@media (max-width:899px){
.nav{left:12px!important;right:12px!important;height:64px!important;padding:0 6px!important;border-radius:999px!important;isolation:isolate;
 background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 55%,rgba(255,255,255,.06)),rgba(10,12,20,.42)!important;
 -webkit-backdrop-filter:blur(24px) saturate(190%)!important;backdrop-filter:blur(24px) saturate(190%)!important;
 border:1px solid rgba(255,255,255,.16)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.08),inset 0 0 22px rgba(120,150,255,.07),0 14px 40px rgba(0,0,0,.6)!important}
.nav::before{content:"";position:absolute;left:8%;right:8%;top:1px;height:46%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none;z-index:2}
.nav a,.nav button{position:relative;z-index:3;color:rgba(255,255,255,.62)!important;transition:color .3s}
.nav .on{color:#fff!important}
.nav .on .ic{filter:drop-shadow(0 0 8px rgba(120,160,255,.9))!important}
.nav a .ic,.nav button .ic{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.nav a:active .ic,.nav button:active .ic{transform:scale(.86)}
.rnav-pill{position:absolute;top:6px;bottom:6px;left:0;width:0;border-radius:999px;z-index:1;pointer-events:none;
 background:radial-gradient(120% 100% at 30% 0%,rgba(140,175,255,.55),rgba(31,91,255,.38) 45%,rgba(31,91,255,.16) 100%);
 border:1px solid rgba(255,255,255,.3);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 16px rgba(31,91,255,.35),0 6px 20px rgba(31,91,255,.38);
 transition:left .6s cubic-bezier(.16,1,.3,1),width .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.rnav-pill::after{content:"";position:absolute;left:14%;right:14%;top:2px;height:40%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
.rnav-pill.mv{transform:scaleX(1.18) scaleY(.92)}
.side{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(10,12,20,.55)!important;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-color:rgba(255,255,255,.14)!important}
.chatfab{bottom:calc(88px + env(safe-area-inset-bottom))!important}
}

/* == ripl-v5.css == */
/* v5: LIQD polish — hero loading, CTA pills, glass game screens, LIQD tile hover, VIP showcase */
.rh-o>svg{opacity:0;transition:opacity .5s}
html.no3d .rh-o>svg{opacity:1}
.rh-o .r3d{animation:r3dfade 1s cubic-bezier(.16,1,.3,1) both}
@keyframes r3dfade{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.rh-t a{display:inline-flex!important;align-items:center;justify-content:center;height:44px;padding:0 24px!important;border-radius:999px!important;background:#264fee!important;color:#fff!important;font:600 15px/1 "Bai Jamjuree",sans-serif!important;font-style:normal!important;text-decoration:none!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 24px rgba(38,79,238,.35);transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s}
.rh-t a:hover{background:#3a62ff!important;transform:translateY(-1px)}
#rFeed:has(#wnRow>.mute):has(#lbRows>.empty){display:none}
/* game screens */
.gctl{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),#0c0d12!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.35)!important}
.gctl input,.gctl select{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important}
.gstage{border-radius:24px!important;background:radial-gradient(120% 90% at 50% 0%,rgba(31,91,255,.13),transparent 60%),#07080c!important;border:1px solid rgba(255,255,255,.06)!important}
.mt{border-radius:18px!important;transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .35s!important}
.mt:not(.gem):not(.bomb){background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -8px 14px rgba(0,0,0,.35),0 8px 18px rgba(0,0,0,.35)!important}
.mt:not(.gem):not(.bomb):not(:disabled):hover{background:linear-gradient(180deg,rgba(77,125,255,.38),rgba(31,91,255,.12))!important;border-color:rgba(140,170,255,.55)!important;transform:translateY(-3px) scale(1.02)}
.mt.gem{background:radial-gradient(circle at 50% 30%,rgba(110,150,255,.55),rgba(10,30,120,.7))!important;border:1px solid rgba(140,175,255,.75)!important;box-shadow:0 0 26px rgba(31,91,255,.5),inset 0 1px 0 rgba(255,255,255,.4)!important}
.mt.bomb{background:radial-gradient(circle at 50% 30%,rgba(255,90,110,.5),rgba(90,6,20,.75))!important;border:1px solid rgba(255,120,140,.7)!important;box-shadow:0 0 26px rgba(255,40,70,.45),inset 0 1px 0 rgba(255,255,255,.35)!important}
/* LIQD tile hover: art blurs and zooms, name slides in */
.gt{position:relative}
.gt .tile.thumb:not(.rgt) img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}
.gt:hover .tile.thumb:not(.rgt) img{transform:scale(1.15);filter:blur(14px) brightness(.55)}
.gt:has(.tile.thumb:not(.rgt)) .nm{position:absolute!important;left:0;right:0;top:0;aspect-ratio:1/1;display:grid!important;place-items:center;padding:0 14px;margin:0!important;text-align:center;font:700 15px/1.2 "Bai Jamjuree",sans-serif!important;color:#fff!important;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);z-index:4;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.7);white-space:normal!important;overflow:visible!important}
.gt:has(.tile.thumb:not(.rgt)):hover .nm{opacity:1;transform:none}
.gt .pv{transition:opacity .4s}.gt:hover .pv{opacity:0}
/* VIP showcase (logged out) */
.rvip-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:380px;margin-bottom:28px}
.rvip-hero small{font:600 12px/1 "Bai Jamjuree",sans-serif;letter-spacing:.2em;color:#7d9bff}
.rvip-hero h1{font:700 clamp(36px,5vw,64px)/1 "Bai Jamjuree",sans-serif;margin:14px 0 16px;letter-spacing:-.01em}
.rvip-hero h1 em{font-style:normal;color:#4d7dff}
.rvip-hero p{color:rgba(255,255,255,.72);font-size:16px;line-height:1.55;max-width:520px;margin:0 0 22px}
.rvip-cta{display:flex;gap:10px;flex-wrap:wrap}
.rvip-hero .rh-o{height:440px;max-width:520px;width:100%;justify-self:center}
.rvip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:30px}
.rvip-c{position:relative;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),#0b0c11;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s}
.rvip-c:hover{transform:translateY(-3px);border-color:rgba(77,125,255,.45)}
.rvip-c i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;margin-bottom:14px;background:radial-gradient(circle at 35% 25%,#7fa2ff,#1f5bff 55%,#0b2a9e);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 20px rgba(31,91,255,.4)}
.rvip-c i .ic{width:22px;height:22px;color:#fff}
.rvip-c b{display:block;font:700 17px/1.2 "Bai Jamjuree",sans-serif;margin-bottom:6px}
.rvip-c span{color:rgba(255,255,255,.62);font-size:14px;line-height:1.5}
.rgate{border-radius:24px!important;background:radial-gradient(120% 120% at 0% 0%,rgba(31,91,255,.22),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),#0b0c11!important;border:1px solid rgba(255,255,255,.09)!important;padding:34px!important}
.rgate h2,.rgate h3,.rgate b{font-family:"Bai Jamjuree",sans-serif}
@media (max-width:899px){.rvip-hero{grid-template-columns:1fr;min-height:0}.rvip-hero .rh-o{height:260px;order:-1}}

/* == ripl-fab.css == */
/* flat live-support button, LIQD style */
#chatFab.chatfab{width:50px!important;height:50px!important;padding:0!important;border-radius:9999px!important;background:#1350f7!important;background-image:none!important;border:0!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;display:grid!important;place-items:center;animation:none!important;filter:none!important;transition:background-color .2s,transform .2s!important}
#chatFab.chatfab:hover{background:#2b62ff!important;transform:none!important}
#chatFab.chatfab:active{transform:scale(.95)!important}
#chatFab.chatfab::before,#chatFab.chatfab::after{display:none!important}
#chatFab .cf-o{position:absolute!important;inset:0;background:none!important;box-shadow:none!important;border:0!important;animation:none!important;filter:none!important}
#chatFab svg:not(.rfab){display:none!important}
#chatFab svg.rfab{position:relative;width:24px;height:24px;color:#fff;display:block}

/* == ripl-v6.css == */
/* v6: LIQD sidebar, single Enter button, clean tiles, 3D originals art */
.tile.rgt .rg-em img.r3a{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));animation:r3dfade .8s cubic-bezier(.16,1,.3,1) both}
.tile.rgt .rg-em:has(img.r3a)>:not(img){display:none}
.gt:not(:has(.tile.rgt)) .pv{display:none!important}
.sec h2 .ar-pill{display:none!important}
.hdr .auth-pair [data-auth=register]{display:none!important}
.hdr .auth-pair .r-enter{background:#264fee!important;color:#fff!important;border:0!important;height:40px!important;padding:0 22px!important;border-radius:999px!important;font:600 15px/1 "Bai Jamjuree",sans-serif!important;box-shadow:none!important}
.hdr .auth-pair .r-enter:hover{background:#3a62ff!important}
.side .sq,.side .rq,.side .sidetog{display:none!important}
.side .segrow{padding:0!important;gap:0!important}
.side .seg{display:flex!important;width:100%;background:#000!important;border-radius:999px!important;padding:4px!important;gap:2px;border:1px solid rgba(255,255,255,.06)!important}
.side .seg a{flex:1;display:grid!important;place-items:center;height:34px!important;border-radius:999px!important;background:transparent!important;color:#8d8d89!important;font:600 14px/1 "Bai Jamjuree",sans-serif!important;box-shadow:none!important;border:0!important}
.side .seg a.on{background:#262626!important;color:#fff!important}
.side .si span,.side .sgrp h4,.side .sgrp small{font-family:"Bai Jamjuree",sans-serif!important}
.rside-col{position:sticky;bottom:10px;display:grid;place-items:center;width:34px;height:34px;margin:14px 0 0 auto;border-radius:10px;color:#8d8d89;background:transparent;border:0;cursor:pointer;transition:color .2s,background .2s;z-index:2}
.rside-col:hover{color:#fff;background:rgba(255,255,255,.07)}
.rside-col svg{width:18px;height:18px}
body.rail .rside-col{margin:14px auto 0}
body.rail .rside-col svg{transform:scaleX(-1)}
@media (max-width:899px){.rside-col{display:none}}

/* == ripl-v7.css == */
/* v7: LIQD hero copy, page transitions, loading shimmer */
.rh-t h1{text-transform:uppercase;font:700 clamp(34px,4.4vw,62px)/1 "Bai Jamjuree",sans-serif!important;letter-spacing:-.005em}
.rh-t p{font:400 16px/1.5 "Bai Jamjuree",sans-serif!important;color:rgba(255,255,255,.78)!important;max-width:440px}
#view.rv-in>*{animation:rvin .55s cubic-bezier(.16,1,.3,1) both}
#view.rv-in>*:nth-child(2){animation-delay:.04s}#view.rv-in>*:nth-child(3){animation-delay:.08s}#view.rv-in>*:nth-child(n+4){animation-delay:.12s}
@keyframes rvin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes rshim{from{background-position:150% 0}to{background-position:-50% 0}}
html.rsk .gt .tile.thumb:not(.rgt):not(.ldd){background:linear-gradient(100deg,#0e0f14 30%,#1b1d25 50%,#0e0f14 70%)!important;background-size:200% 100%!important;animation:rshim 1.3s linear infinite}
html.rsk .gt .tile.thumb:not(.rgt):not(.ldd)::before{opacity:0}
html.rsk .gt .tile.thumb:not(.rgt) img{opacity:0;transition:opacity .45s ease}
html.rsk .gt .tile.thumb.ldd img{opacity:1}
.tile.rgt .rg-em:empty,.tile.rgt .rg-em:not([data-a3]){animation:rshimo 1.2s ease-in-out infinite alternate}
@keyframes rshimo{from{opacity:.55}to{opacity:1}}
@media (prefers-reduced-motion:reduce){#view.rv-in>*{animation:none}}
.catbar a[href="#/popular"]{display:none!important}

/* == ripl-v8.css == */
/* v8: Arena page hero as a live 3D scene, LIQD style */
.ar-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(70% 120% at 78% 50%,rgba(31,91,255,.22),transparent 60%),radial-gradient(60% 90% at 0% 0%,rgba(31,91,255,.10),transparent 60%),#05060a!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:28px!important;min-height:340px}
.ar-hero::before{content:"";position:absolute;inset:-40% -20%;z-index:-1;background:linear-gradient(105deg,transparent 42%,rgba(120,160,255,.10) 50%,transparent 58%);animation:arsweep 7s cubic-bezier(.45,0,.2,1) infinite}
.ar-hero::after{content:"";position:absolute;right:6%;bottom:-30%;width:55%;height:60%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(31,91,255,.35),transparent);filter:blur(30px);animation:arpulse 5s ease-in-out infinite alternate}
@keyframes arsweep{0%{transform:translateX(-40%)}60%,100%{transform:translateX(40%)}}
@keyframes arpulse{from{opacity:.55;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}
.ar-hero .ar-pill{display:none!important}
.ar-hero h1{text-transform:uppercase;font-family:"Bai Jamjuree",sans-serif!important}
.ar-hero .ar-vsart{display:none!important}
.ar-hero .ar3d{position:relative;align-self:stretch;min-height:320px;width:100%;max-width:560px;justify-self:end;margin:0}
.ar-hero .ar3d::before{display:none}
@media (max-width:899px){.ar-hero .ar3d{min-height:220px;max-width:none;margin:0;order:-1}}
/* merge Arena hero into the page: no card box */
.ar-hero{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;padding-left:0!important;padding-right:0!important}
.ar-hero::before{display:none!important}
.ar-hero::after{right:4%;bottom:-10%;width:50%;height:80%;background:radial-gradient(closest-side,rgba(31,91,255,.28),transparent)!important;filter:blur(40px)}

/* == ripl-v9.css == */
/* v9: LIQD-style sign in / sign up + LIQD-style footer */
.rba-ov{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.62)!important}
.rba{width:min(820px,calc(100vw - 32px))!important;max-width:none!important;padding:28px 36px 30px calc(min(820px, 100vw - 32px) / 2 + 36px)!important;box-sizing:border-box!important;border-radius:24px!important;background:linear-gradient(180deg,#1f2024,#141518 70%)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 40px 120px rgba(0,0,0,.7)!important;overflow:hidden;min-height:560px;font-family:"Bai Jamjuree",sans-serif}
.rba-art{position:absolute;left:0;top:0;bottom:0;width:50%;background:radial-gradient(90% 60% at 50% 100%,rgba(31,91,255,.30),transparent 70%),radial-gradient(60% 50% at 50% 50%,rgba(31,91,255,.10),transparent 70%),#030407;border-right:1px solid rgba(255,255,255,.05)}
.rba-art .rh-o{position:absolute;inset:0;height:auto}
.rba-logo,.rba #rba-title,.rba .rba-sub{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important}
.rba-x{z-index:3}
.rba-tabs{background:#000!important;border-radius:999px!important;padding:4px!important;border:1px solid rgba(255,255,255,.06)!important;margin:6px 0 22px!important}
.rba-tabs>i{display:none!important}
.rba-tabs button{border-radius:999px!important;height:38px!important;font:600 15px/1 "Bai Jamjuree",sans-serif!important;color:#9a9a96!important;background:transparent!important}
.rba-tabs button.on{background:#262626!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.rba label,.rba .rba-lbl span{font:500 13px/1 "Bai Jamjuree",sans-serif!important;color:rgba(255,255,255,.85)!important}
.rba input[type=text],.rba input[type=email],.rba input[type=password],.rba input:not([type]),.rba select{background:#000!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;height:48px!important;color:#fff!important;font:500 15px "Bai Jamjuree",sans-serif!important;box-shadow:none!important}
.rba input:focus{border-color:rgba(77,125,255,.7)!important;box-shadow:0 0 0 3px rgba(31,91,255,.18)!important}
.rba-link{color:#fff!important;font:500 13px "Bai Jamjuree",sans-serif!important}
.rba form button[type=submit],.rba form .btn.block{height:48px!important;border-radius:999px!important;background:#264fee!important;color:#fff!important;font:700 15px/1 "Bai Jamjuree",sans-serif!important;letter-spacing:.06em;text-transform:uppercase;box-shadow:none!important;border:0!important}
.rba form button[type=submit]:hover{background:#3a62ff!important}
.rba form button[type=submit] svg{display:none}
@media (max-width:760px){.rba{padding:26px 22px!important;min-height:0}.rba-art{display:none}}
/* footer */
.rfoot{margin-top:60px;padding:0 0 40px;font-family:"Bai Jamjuree",sans-serif;border-top:1px solid rgba(255,255,255,.08)}
.rfoot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 0}
.rfoot-cols h4{margin:0 0 18px;font:700 18px/1.2 "Bai Jamjuree",sans-serif;color:#fff}
.rfoot-cols a{display:block;margin:0 0 12px;font:400 14px/1.3 "Bai Jamjuree",sans-serif;color:rgba(255,255,255,.62);text-decoration:none;transition:color .2s}
.rfoot-cols a:hover{color:#fff}
.rfoot-legal{padding:26px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font:400 12.5px/1.65 "Bai Jamjuree",sans-serif;margin:0}
.rfoot-bot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:26px}
.rfoot-bot img{height:34px;width:auto;display:block}
.rfoot-r{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,.62);font-size:13px}
.rfoot-18{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);color:#fff;font:700 12px/1 "Bai Jamjuree",sans-serif}
@media (max-width:899px){.rfoot-cols{grid-template-columns:repeat(2,1fr)}.rfoot-bot{flex-direction:column;align-items:flex-start}.rfoot{padding-bottom:110px}}
.rba-or{font:500 13px/1 "Bai Jamjuree",sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:rgba(255,255,255,.85)!important}
.rba-or::before,.rba-or::after{display:none!important}
.rba-soc{display:flex!important;justify-content:center!important;gap:10px!important;grid-template-columns:none!important}
.rba-soc>div{width:40px!important;height:40px!important;flex:0 0 40px!important;padding:0!important;border-radius:50%!important;background:#141518!important;border:1px solid rgba(255,255,255,.1)!important;display:grid!important;place-items:center!important;font-size:0!important;opacity:.75}
.rba-soc>div svg,.rba-soc>div img{width:18px!important;height:18px!important}
.rba-or{display:block!important;text-align:center!important}
.r3d-tier{display:none!important}
/* mobile: full wordmark like desktop */
@media (max-width:768px){.hdr a.logo,a.logo{width:auto!important;height:auto!important;flex:none}a.logo::before{display:none!important;content:none!important}a.logo img{display:block!important;height:26px!important;width:auto!important}}

/* == ripl-og2.css == */
/* Ripl Originals glass pass, part 2: Ripl-blue felt tables, tower frame, keno/moles tuning */
.g-keno .kn::after,.g-mines .mt::after,.g-tower .tw-tile::after{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;height:30%!important}
.g-keno .kn.pick.hit span{transform:translateY(30%)!important;font-size:.82em}

.g-tower .tw-rows{background:linear-gradient(180deg,#0d1a45,#070b1e)!important;border:1px solid rgba(126,160,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 50px rgba(0,0,0,.4)!important}
.g-tower .tw-m{background:rgba(255,255,255,.04)!important;border-radius:8px;color:rgba(255,255,255,.6)}
.g-tower .tw-row.active .tw-m{background:rgba(31,86,255,.25)!important;color:#fff}

.gstage.g-moles .ml-rim{background:linear-gradient(180deg,rgba(126,160,255,.32),rgba(31,86,255,.1))!important;box-shadow:inset 0 3px 0 rgba(255,255,255,.16),0 8px 18px rgba(31,86,255,.22)!important}

.g-blackjack .bjt{background:radial-gradient(120% 90% at 50% 0%,#1b4bd6 0%,#0f2d8f 40%,#081a5a 75%,#040b2c 100%)!important;box-shadow:inset 0 0 0 1px rgba(126,160,255,.25),inset 0 0 0 10px rgba(4,10,40,.7),inset 0 0 0 11px rgba(126,160,255,.35),inset 0 30px 80px rgba(0,0,0,.45)!important}
.g-blackjack .bjshoe{background:linear-gradient(180deg,#0e1a44,#060b22)!important;box-shadow:0 10px 20px rgba(0,0,0,.5),inset 0 0 0 2px rgba(126,160,255,.35)!important}
.g-holdem .he-felt{background:radial-gradient(120% 90% at 50% 20%,#1b4bd6,#0b2270 70%)!important;border-color:#071036!important;box-shadow:inset 0 0 0 3px rgba(126,160,255,.45),0 20px 50px rgba(0,0,0,.45)!important}
.cf.bk::before,.cf.bk::after{display:none!important;content:none!important}
.g-coinflip .coin{filter:none!important}
.g-coinflip .coinw{filter:drop-shadow(0 22px 30px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(31,86,255,.35))}
.g-holdem .he-who{color:#9fb8ff!important}
.g-keno .kn.drawn:not(.pick)::before{right:4px!important;top:4px!important;width:5px!important;height:5px!important}
@media (max-width:720px){
.g-rps .rp-pod{width:104px!important;height:104px!important}
.g-rps .rp-arena{gap:8px}
.g-rps .rp-mult{font-size:34px!important}
.g-blackjack .bjout{font-size:16px!important;line-height:1.2;padding:0 10px;text-align:center;max-width:100%;box-sizing:border-box}
.g-blackjack .bjarc{font-size:8px!important;letter-spacing:.12em}
}
/* keno hit: the tile itself becomes a cut-corner blue glass gem */
.gstage.g-keno .kn.pick.hit{clip-path:polygon(17% 0,83% 0,100% 17%,100% 83%,83% 100%,17% 100%,0 83%,0 17%);border-radius:0!important;border:0!important;background:linear-gradient(135deg,#b9ceff 0%,#4d7dff 28%,#1846e0 60%,#0a2a9e 100%)!important;box-shadow:none!important;animation:okn .45s cubic-bezier(.16,1,.3,1)!important}
.gstage.g-keno .kn.pick.hit::before{content:""!important;position:absolute;inset:14%!important;background:linear-gradient(160deg,rgba(255,255,255,.6),rgba(159,184,255,.3) 40%,rgba(31,86,255,.25) 100%)!important;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);filter:none!important;animation:none!important;z-index:1}
.gstage.g-keno .kn.pick.hit::after{inset:0!important;height:auto!important;border-radius:0!important;background:linear-gradient(135deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 22%)!important}
.gstage.g-keno .kn.pick.hit span{transform:none!important;font-size:1em!important;color:#fff;text-shadow:0 1px 3px rgba(4,12,58,.85)!important}
@keyframes okn{0%{transform:scale(.6) rotate(-10deg)}60%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1)}}