/* ================= v3: casino theme (поверх style.css) ================= */
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
:root{--gold1:#fff1b8;--gold2:#ffd15c;--gold3:#ff9a3d;--goldg:linear-gradient(135deg,#fff1b8 0%,#ffd15c 38%,#ff9a3d 100%);--cta:linear-gradient(180deg,#ffe58a 0%,#ffb938 55%,#ff9420 100%)}
body{background:#050309}
.bg{background:radial-gradient(1100px 600px at 50% -15%,#2a1163 0,transparent 62%),radial-gradient(700px 500px at 50% 110%,#3a0c4d 0,transparent 60%),#050309}
.beam{position:absolute;top:-10%;width:180px;height:75%;background:linear-gradient(180deg,rgba(255,214,120,.22),transparent);filter:blur(22px);transform-origin:top center}
.b1{left:8%;transform:rotate(-16deg);animation:sway1 9s ease-in-out infinite}
.b2{right:8%;transform:rotate(16deg);animation:sway2 9s ease-in-out -4s infinite}
@keyframes sway1{50%{opacity:.45;transform:rotate(-8deg)}}
@keyframes sway2{50%{opacity:.45;transform:rotate(8deg)}}
#sparks{position:absolute;inset:0;width:100%;height:100%}

.brand b{font-size:14px;letter-spacing:.18em;background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,190,60,.35))}
.brand em{background:linear-gradient(135deg,#c89bff,#ff6bf0);-webkit-background-clip:text;background-clip:text}

.bal{background:linear-gradient(180deg,rgba(255,210,100,.14),rgba(255,255,255,.03));border-color:rgba(255,205,90,.35);box-shadow:0 0 22px rgba(255,170,50,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.bal .cur{width:30px;height:30px;color:#5a3300;font-size:15px;background:radial-gradient(circle at 35% 28%,#fff4c2,#ffd15c 45%,#e08a1c);box-shadow:inset 0 -3px 5px rgba(150,70,0,.45),inset 0 2px 3px rgba(255,255,255,.7),0 2px 8px rgba(255,160,40,.5);font-weight:900}
.bal .num{background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:16px;font-weight:800}
.bal .plus{background:var(--cta);color:#4a2600;box-shadow:0 3px 14px rgba(255,160,40,.55),inset 0 1px 0 rgba(255,255,255,.7)}
.round{color:var(--gold2);border-color:rgba(255,205,90,.25)}
.avatar{background:conic-gradient(from 0deg,#ffd15c,#ff6bf0,#7c5cff,#ffd15c)}

h1{font-size:clamp(34px,11vw,52px);letter-spacing:-.03em;text-shadow:0 4px 30px rgba(124,92,255,.35)}
h1 em{background:var(--goldg);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px rgba(255,170,50,.4))}
.live{color:#ffd9a0;background:rgba(255,190,80,.1);border-color:rgba(255,190,80,.3)}
.live i{background:#ff6b6b}
.feats div{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border-color:rgba(255,255,255,.08)}
.feats b{background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent}

.jackpot{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:12px 16px;margin:0 0 10px;border-radius:20px;background:linear-gradient(100deg,rgba(255,190,60,.28),rgba(190,70,255,.2) 70%);border:1px solid rgba(255,205,90,.45);box-shadow:0 8px 34px rgba(255,150,40,.18),inset 0 1px 0 rgba(255,255,255,.18)}
.jp-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#5a3300;background:radial-gradient(circle at 35% 28%,#fff4c2,#ffd15c 45%,#e08a1c);box-shadow:inset 0 -4px 6px rgba(150,70,0,.4),0 0 24px rgba(255,180,60,.6);flex:none;animation:bob 3s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-3px) rotate(-6deg)}}
.jp-tx small{display:block;color:#f3dcae;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.jp-tx b{display:block;font-size:24px;font-weight:800;background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.15}
.jp-shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:shine 4.5s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%{left:-60%}55%,100%{left:130%}}
.promo{border-color:rgba(190,120,255,.35)}

.rooms{gap:9px}
.room{border:1.5px solid transparent;border-radius:26px;padding:36px 8px 12px;background:linear-gradient(172deg,rgba(var(--rgb),.30),#0e0a22 58%) padding-box,conic-gradient(from var(--ang),rgba(var(--rgb),1),rgba(var(--rgb),.1) 25%,rgba(255,255,255,.75) 40%,rgba(var(--rgb),.1) 55%,rgba(var(--rgb),1)) border-box;animation:spin 6s linear infinite;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 26px rgba(var(--rgb),.18)}
@keyframes spin{to{--ang:360deg}}
.room.mid{padding-top:42px;box-shadow:0 16px 46px rgba(150,80,255,.45),0 0 40px rgba(226,75,255,.25)}
.room.rich{--rgb:255,190,60}
.room .chipb{position:absolute;top:8px;left:8px;z-index:3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;align-content:center;font-weight:800;font-size:11px;line-height:1.05;color:#fff;background:radial-gradient(circle,rgb(var(--rgb)) 0 46%,#fff 47% 52%,rgb(var(--rgb)) 53%);box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 0 0 2px rgba(0,0,0,.25);text-shadow:0 1px 2px rgba(0,0,0,.7);text-align:center}
.room .chipb small{display:block;font-size:6.5px;font-weight:700;opacity:.9;letter-spacing:.04em}
.room .tag{background:linear-gradient(135deg,#ff9a3d,#ff2d6f);box-shadow:0 3px 12px rgba(255,60,100,.5)}
.room .nm{font-size:16px;letter-spacing:.02em}
.room .go{height:36px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgb(var(--rgb)) 45%,rgb(var(--rgb)));color:#1a0d00;font-size:13px;box-shadow:0 5px 16px rgba(var(--rgb),.45),inset 0 1px 0 rgba(255,255,255,.7);overflow:hidden}
.room .go::after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:shine 3.6s ease-in-out infinite}
.room.mid .go{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.4),#9b6bff 40%,#7c3cff)}

.btn{background:var(--cta);color:#4a2600;border-radius:18px;height:54px;box-shadow:0 8px 26px rgba(255,150,40,.38),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(180,80,0,.35)}
.btn:not(.ghost):not(:disabled)::after{content:"";position:absolute;top:0;left:-70%;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 4s ease-in-out infinite}
.btn.gold{background:linear-gradient(180deg,#8bffcf,#2ef2a0 50%,#12c97f);color:#01331f;box-shadow:0 8px 26px rgba(46,242,160,.35),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 0 rgba(0,100,60,.3)}
.btn.violet{background:linear-gradient(180deg,#c8a8ff,#8b5cff 50%,#6430ee);color:#fff;box-shadow:0 8px 26px rgba(124,92,255,.45),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(40,0,120,.4)}
.btn.ghost{box-shadow:none;background:rgba(255,255,255,.05);color:var(--text)}
.radar b{background:var(--goldg);-webkit-background-clip:text;background-clip:text}
.radar i{border-color:var(--gold2)}
.boost{background:linear-gradient(180deg,#ffe58a,#ff9420);color:#4a2600;box-shadow:0 8px 30px rgba(255,150,40,.55),inset 0 0 0 4px rgba(255,255,255,.3)}
.boost.on{box-shadow:0 0 60px rgba(255,170,50,1),inset 0 0 0 4px rgba(255,255,255,.5)}
input[type=range]::-webkit-slider-thumb{background:var(--cta);box-shadow:0 2px 12px rgba(255,160,40,.7)}
.field:focus-within{border-color:var(--gold2)}
.field .max{background:rgba(255,200,80,.16);color:var(--gold2)}
.tab.on{background:linear-gradient(180deg,rgba(255,210,100,.25),rgba(255,160,50,.12));color:#ffe9b0;box-shadow:inset 0 0 0 1px rgba(255,205,90,.4)}
.sheet{background:linear-gradient(180deg,#1c1240,#0b0820);border-top:1px solid rgba(255,205,90,.35);box-shadow:0 -20px 60px rgba(124,92,255,.25)}
.balcard{background:linear-gradient(140deg,rgba(124,92,255,.5),rgba(190,70,255,.22) 55%,rgba(255,170,50,.18));border-color:rgba(255,205,90,.35)}
.balcard .big{background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent}
.kv.big b{color:var(--gold2)}
.hud.tl b{background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent}
.sect{color:#d9c28a}