*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#ffd76a;--accent:#ff9d3b;--panel:rgba(16,12,28,.72);--line:rgba(255,255,255,.1);--text:#f4f0ff;--dim:#a89fc0}
html,body{height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:radial-gradient(1200px 700px at 50% -10%,#2a1f45 0%,#171126 55%,#0e0a18 100%);background-attachment:fixed;color:var(--text);min-height:100vh}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.hidden{display:none!important}

/* topbar */
#topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:rgba(14,10,24,.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);flex-wrap:wrap}
.logo{font-size:20px;font-weight:900;letter-spacing:1px;background:linear-gradient(90deg,#ffd76a,#ff9d3b);-webkit-background-clip:text;background-clip:text;color:transparent}
.top-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chip{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}
#balance{color:var(--gold);font-weight:800}
#topup{width:22px;height:22px;border-radius:50%;background:var(--gold);color:#3a2600;font-weight:900;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}
.btn-chip:hover{background:rgba(255,255,255,.12)}

/* lobby */
#lobby{max-width:1040px;margin:0 auto;padding:40px 20px 60px;text-align:center}
#lobby h1{font-size:clamp(26px,4vw,40px);margin-bottom:8px}
#lobby .sub{color:var(--dim);margin-bottom:32px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;text-align:left}
.game-card{border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.45)}
.card-art{height:190px;background-size:cover;background-position:center}
.card-body{padding:18px 20px 20px}
.card-body h2{font-size:20px;margin-bottom:6px}
.card-body p{color:var(--dim);font-size:14px;margin-bottom:14px}
.play-btn{display:inline-block;background:linear-gradient(180deg,#ffb347,#ff7847);color:#2b1200;font-weight:800;font-size:15px;padding:11px 26px;border-radius:10px;box-shadow:0 4px 14px rgba(255,140,60,.35)}
.play-btn:active{transform:scale(.96)}
#lobby footer{margin-top:44px;color:var(--dim);font-size:12px}

/* game screens */
.game{position:relative;min-height:calc(100vh - 54px)}
.game .bg{position:fixed;inset:0;background-size:cover;background-position:center;z-index:0;filter:brightness(.5) saturate(1.05)}
.game .bg::after{content:'';position:absolute;inset:0;background:radial-gradient(900px 500px at 50% 30%,transparent 0%,rgba(10,6,20,.55) 100%)}
.game-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:14px 14px 30px;display:flex;flex-direction:column;align-items:center;gap:12px}
.game-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.back{background:rgba(0,0,0,.4);border:1px solid var(--line);padding:8px 14px;border-radius:10px;font-weight:600}
.back:hover{background:rgba(0,0,0,.6)}
.game-title{font-size:clamp(17px,2.6vw,24px);font-weight:900;letter-spacing:2px;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.fs-badge{background:linear-gradient(90deg,#6a34c9,#a557ff);padding:8px 16px;border-radius:999px;font-weight:800;font-size:14px;box-shadow:0 0 18px rgba(165,87,255,.55)}

/* board */
.board{display:grid;gap:6px;background:rgba(8,5,16,.5);border:1px solid var(--line);border-radius:16px;padding:10px;backdrop-filter:blur(3px)}
.zeus-board{grid-template-columns:repeat(6,1fr);width:min(94vw,620px)}
.dogs-board{grid-template-columns:repeat(5,1fr);width:min(94vw,600px)}
.cell{position:relative;display:flex;align-items:center;justify-content:center;background:rgba(20,14,38,.72);border:1px solid rgba(255,255,255,.07);border-radius:10px;aspect-ratio:1;overflow:hidden}
.zeus-board .cell{font-size:clamp(20px,4.6vmin,38px)}
.dogs-board .cell{font-size:clamp(28px,6.5vmin,52px)}
.cell .sym{filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.cell.royal .sym{font-family:Georgia,serif;font-weight:900;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.7);font-size:.85em}

/* zeus specials */
.cell.orb span{display:flex;align-items:center;justify-content:center;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff3c4,#ffc93d 45%,#c77800 100%);color:#4a2b00;font-weight:900;font-size:.52em;box-shadow:0 0 16px rgba(255,201,61,.8)}
.cell.scat{background:linear-gradient(160deg,#3a2564,#241542)}
.cell.scat span{display:flex;align-items:center;justify-content:center;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#efe0ff,#a557ff 55%,#5b21b6);box-shadow:0 0 18px rgba(165,87,255,.9);font-size:.75em}

/* dogs specials */
.cell.dwild{background:linear-gradient(160deg,#7a2d18,#4a1408)}
.cell.dwild b{position:absolute;bottom:4px;right:5px;background:var(--gold);color:#3a2600;font-size:.32em;padding:1px 6px;border-radius:999px;font-weight:900}
.cell.dscat{background:linear-gradient(160deg,#1c5c33,#0d3a1e)}

/* animations */
.cell.drop{animation:drop .38s cubic-bezier(.2,.7,.3,1.15) both}
@keyframes drop{from{transform:translateY(-46px);opacity:0}to{transform:translateY(0);opacity:1}}
.cell.blur{filter:blur(2px);opacity:.65}
.cell.boom{animation:boom .5s ease-out forwards}
@keyframes boom{40%{transform:scale(1.18);box-shadow:0 0 24px rgba(255,215,106,.9);opacity:1}100%{transform:scale(.2);opacity:0}}
.cell.hit{animation:hit .5s ease-in-out infinite alternate;border-color:var(--gold)}
.cell.glow{animation:hit .4s ease-in-out infinite alternate}
@keyframes hit{from{box-shadow:0 0 4px rgba(255,215,106,.4)}to{box-shadow:0 0 20px rgba(255,215,106,.95)}}

.msgline{min-height:22px;color:#e8ddff;font-weight:600;font-size:15px;text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:center}

/* controls */
.controls{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;justify-content:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 16px;backdrop-filter:blur(8px)}
.bet-box{display:flex;align-items:center;gap:8px}
.bet-box button{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);font-size:20px;font-weight:800}
.bet-box button:hover{background:rgba(255,255,255,.18)}
.bet-val{text-align:center;min-width:64px}
.bet-val small,.win-box small{display:block;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:1px}
.bet-val b,.win-box b{font-size:18px;color:var(--gold)}
.spin-btn{background:linear-gradient(180deg,#ffb347,#ff7847);color:#2b1200;font-size:18px;font-weight:900;letter-spacing:1px;padding:0 38px;border-radius:14px;box-shadow:0 6px 20px rgba(255,140,60,.4);min-height:52px}
.spin-btn:active{transform:scale(.95)}
.buy-btn{border:1px solid var(--gold);color:var(--gold);border-radius:14px;padding:6px 16px;font-weight:700;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.buy-btn small{color:var(--dim);font-size:10px}
.buy-btn:hover{background:rgba(255,215,106,.12)}
.win-box{text-align:center;min-width:80px;display:flex;flex-direction:column;justify-content:center}

/* drawer */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(92vw,360px);background:#181226f2;border-left:1px solid var(--line);z-index:100;padding:18px;overflow-y:auto;backdrop-filter:blur(10px)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#board-close{font-size:18px;padding:4px 10px;border-radius:8px}
#board-close:hover{background:rgba(255,255,255,.1)}
.dim{color:var(--dim)}
.small{font-size:12px;margin-bottom:14px}
.top-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.045);margin-bottom:6px;font-size:14px}
.top-row:nth-child(1){background:linear-gradient(90deg,rgba(255,215,106,.18),rgba(255,255,255,.04))}
.top-rank{width:22px;color:var(--dim);font-weight:700}
.top-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-game{font-size:15px}
.top-x{color:var(--accent);font-weight:800}
.top-win{color:var(--gold);font-weight:800;min-width:60px;text-align:right}

/* modal */
.modal{position:fixed;inset:0;background:rgba(6,4,12,.8);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.modal-box{background:#1d1530;border:1px solid var(--line);border-radius:16px;padding:28px;max-width:360px;width:100%;text-align:center;display:flex;flex-direction:column;gap:16px}
#name-input{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);font-size:16px;outline:none;text-align:center}
#name-input:focus{border-color:var(--accent)}

/* big win */
.overlay{position:fixed;inset:0;background:rgba(5,3,12,.82);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}
.bw-tier{font-size:clamp(34px,7vw,68px);font-weight:900;letter-spacing:3px;background:linear-gradient(180deg,#fff3c4,#ffb52e 55%,#ff7847);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(255,170,50,.55));animation:bwPulse 1s ease-in-out infinite alternate}
@keyframes bwPulse{from{transform:scale(1)}to{transform:scale(1.06)}}
.bw-amount{font-size:clamp(30px,6vw,56px);font-weight:900;color:var(--gold);text-shadow:0 4px 18px rgba(0,0,0,.6)}
.conf{position:absolute;top:-24px;width:10px;height:16px;border-radius:2px;animation:confFall linear forwards}
@keyframes confFall{to{transform:translateY(112vh) rotate(720deg)}}

/* toast */
#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:#241a3d;border:1px solid var(--line);padding:11px 20px;border-radius:999px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:400}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:640px){
  #topbar{padding:8px 10px}
  .chip{padding:6px 10px;font-size:13px}
  .controls{width:100%;gap:8px;padding:10px}
  .spin-btn{flex:1;padding:0 18px}
  .card-art{height:150px}
}


/* ===== v2: векторные символы, online и verified top ===== */
.svg-sym{width:82%;height:82%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 5px 5px rgba(0,0,0,.45))}
.svg-sym svg{display:block;width:100%;height:100%}
.cell.scat .svg-sym{width:64%;height:64%;filter:drop-shadow(0 0 8px #ffe36b)}
.cell.dscat .svg-sym{width:72%;height:72%}
.cell.dwild .svg-sym{width:82%;height:82%}
.balance-chip small{font-size:9px;letter-spacing:1px;color:#73ffa5;border:1px solid rgba(115,255,165,.35);border-radius:5px;padding:2px 4px}
.coin-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(145deg,#fff0a2,#e39b1c);color:#4a2b00;font-weight:900;font-family:Georgia,serif}
.online-chip{color:#bfffd1}
.online-chip i,.live-title i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38e675;box-shadow:0 0 10px #38e675;animation:onlinePulse 1.4s infinite}
@keyframes onlinePulse{50%{opacity:.45;transform:scale(.8)}}
.approved{margin:22px auto 0;max-width:430px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid rgba(255,215,106,.35);border-radius:14px;background:linear-gradient(90deg,rgba(255,215,106,.08),rgba(255,120,71,.08));text-align:left}
.approved-check{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#ffe782,#e6a42a);color:#2c1800;font-size:24px;font-weight:900;box-shadow:0 0 18px rgba(255,215,106,.35)}
.approved b{display:block;color:var(--gold);font-size:14px;letter-spacing:1px}
.approved small{display:block;color:var(--dim);margin-top:2px}
.live-panel{margin:16px auto 0;max-width:680px;border:1px solid var(--line);border-radius:14px;background:rgba(12,8,22,.62);padding:12px 14px;text-align:left}
.live-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:1.5px;color:#bfffd1;margin-bottom:7px}
#live-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}
.feed-row{display:flex;gap:7px;align-items:center;min-width:0;font-size:12px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.035)}
.feed-row b{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.feed-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dim)}
.verified{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#238bff;color:white;font-size:10px;font-style:normal;vertical-align:middle}
.top-game{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:rgba(255,255,255,.08);font-size:10px;font-weight:900;color:var(--gold)}
@media(max-width:640px){#live-feed{grid-template-columns:1fr}.online-chip{order:4}.svg-sym{width:88%;height:88%}.approved{margin-top:16px}}


/* ===== v3 mini-games ===== */
.mini-card .card-body h2{letter-spacing:1.5px}.mini-art{height:150px;position:relative;display:grid;place-items:center;overflow:hidden;background:#111827}.mini-art strong{position:absolute;font-size:34px;color:#fff;text-shadow:0 0 25px currentColor}.crash-card .mini-art{background:radial-gradient(circle at 70% 70%,#37133f,#100d1c 68%)}.trend-line{font-size:120px;line-height:1;color:#e64cff;transform:rotate(-10deg);opacity:.5}.roulette-card .mini-art{background:radial-gradient(circle,#184d38,#071b15)}.roulette-mini{width:116px;height:116px;border-radius:50%;border:12px dashed #d8b85a;background:conic-gradient(#c52a3b 0 10deg,#17171b 10deg 20deg,#c52a3b 20deg 30deg,#17171b 30deg 40deg,#c52a3b 40deg 50deg,#17171b 50deg 60deg,#c52a3b 60deg 70deg,#17171b 70deg 80deg,#15804f 80deg 90deg,#17171b 90deg 100deg,#c52a3b 100deg 110deg,#17171b 110deg 120deg,#c52a3b 120deg 130deg,#17171b 130deg 140deg,#c52a3b 140deg 150deg,#17171b 150deg 160deg,#c52a3b 160deg 170deg,#17171b 170deg 180deg,#c52a3b 180deg 190deg,#17171b 190deg 200deg,#c52a3b 200deg 210deg,#17171b 210deg 220deg,#c52a3b 220deg 230deg,#17171b 230deg 240deg,#c52a3b 240deg 250deg,#17171b 250deg 260deg,#c52a3b 260deg 270deg,#17171b 270deg 280deg,#c52a3b 280deg 290deg,#17171b 290deg 300deg,#c52a3b 300deg 310deg,#17171b 310deg 320deg,#c52a3b 320deg 330deg,#17171b 330deg 340deg,#c52a3b 340deg 350deg,#17171b 350deg);display:grid;place-items:center;box-shadow:0 8px 28px #000}.roulette-mini i{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#0c3022;color:#fff;font-size:24px;font-style:normal;border:3px solid #d8b85a}.mines-card .mini-art{background:radial-gradient(circle at 50% 120%,#164a56,#0a1522)}.mine-preview{display:flex;gap:9px;justify-content:center}.mine-preview i{display:grid;place-items:center;width:50px;height:50px;border-radius:9px;background:#172c3d;border:1px solid #2b6c78;color:#5ff0d0;font-size:24px;font-style:normal}.mine-preview i:nth-child(3){color:#ff6278;background:#421826}.aviator-card .mini-art{background:linear-gradient(160deg,#241020,#100b16)}.plane-shape{font-size:100px;color:#ff3d63;transform:rotate(-20deg);opacity:.55}
.mini-game{min-height:calc(100vh - 55px);background:radial-gradient(1000px 600px at 50% 0,#21172e,#090811)}.mini-shell{max-width:1100px;margin:0 auto;padding:22px 18px 45px}.secure-label{border:1px solid rgba(115,255,165,.3);color:#73ffa5;border-radius:999px;padding:6px 11px;font-size:10px;letter-spacing:1px}.flight-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:18px}.flight-stage{height:480px;position:relative;overflow:hidden;border-radius:18px;border:1px solid #43214e;background:radial-gradient(circle at 20% 80%,#2a1438,#0b0912 65%)}.aviator-stage{border-color:#53202b;background:radial-gradient(circle at 20% 80%,#38131c,#0b0910 65%)}.flight-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;transform:perspective(300px) rotateX(18deg)}.flight-grid::after{content:'';position:absolute;inset:0;background:linear-gradient(25deg,transparent 49.7%,#df4aff 50%,transparent 50.3%);opacity:.25}.aviator-stage .flight-grid::after{background:linear-gradient(25deg,transparent 49.7%,#ff3d63 50%,transparent 50.3%)}.flight-x{position:absolute;left:0;right:0;top:36%;text-align:center;font-size:clamp(52px,8vw,96px);font-weight:950;letter-spacing:-4px;color:#f3c6ff;text-shadow:0 0 35px #b932d1}.aviator-stage .flight-x{color:#ffc6d1;text-shadow:0 0 35px #ee294e}.crash-craft,.plane{position:absolute;left:4%;bottom:10%;font-size:42px;color:#ed65ff;filter:drop-shadow(0 0 12px currentColor);transition:left .06s linear,bottom .06s linear}.plane{font-size:55px;color:#ff3d63;transform:rotate(-25deg)}.flight-status{position:absolute;left:20px;bottom:18px;color:#aaa0b8;font-weight:800;letter-spacing:1.5px}.flight-stage.crashed{animation:stageCrash .22s 3}.flight-stage.crashed .flight-x{color:#ff4965;text-shadow:0 0 30px #ff2446}@keyframes stageCrash{50%{transform:translate(5px,-3px)}}
.room-box{border:1px solid var(--line);background:rgba(20,15,29,.82);border-radius:18px;padding:14px;min-height:300px}.room-box h3{font-size:12px;letter-spacing:1px;margin-bottom:10px;color:#c8ffc8}.room-box h3 i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e778;box-shadow:0 0 8px #35e778}.room-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 70px;align-items:center;gap:6px;padding:9px 7px;border-bottom:1px solid rgba(255,255,255,.055);font-size:12px}.room-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row span i{font-size:8px;color:#8b8298;font-style:normal}.room-row b{color:var(--gold);text-align:right}.room-row em{text-align:right;color:#999;font-style:normal;font-size:10px}.room-row em.won{color:#54ed85}.room-empty{color:var(--dim);font-size:12px;padding:10px}.mini-controls{margin:15px auto 0;display:flex;justify-content:center;align-items:stretch;gap:8px;max-width:520px;padding:10px;background:#15111e;border:1px solid var(--line);border-radius:15px}.mini-controls>button:not(.mini-go){width:42px;border-radius:10px;background:#282332;font-size:20px;font-weight:900}.mini-controls>div{min-width:85px;display:grid;place-items:center}.mini-controls small{display:block;color:var(--dim);font-size:9px;letter-spacing:1px}.mini-controls b{color:var(--gold);font-size:19px}.mini-go{min-width:200px;border-radius:11px;background:linear-gradient(#65e98d,#27b55a);color:#061f0f;font-weight:950;font-size:16px;letter-spacing:1px}.mini-go.cash{background:linear-gradient(#ffd258,#f49c20);color:#321c00}
.roulette-layout{display:grid;grid-template-columns:420px 1fr;gap:30px;align-items:center;margin:30px auto;max-width:900px}.wheel-wrap{position:relative;width:390px;height:390px;display:grid;place-items:center}.roulette-wheel{width:360px;height:360px;border-radius:50%;background:repeating-conic-gradient(#c9293e 0 9.73deg,#15151a 9.73deg 19.46deg);border:17px solid #c7a85b;box-shadow:0 15px 60px #000,inset 0 0 0 10px #41321b;display:grid;place-items:center;transition:transform 3s cubic-bezier(.12,.68,.12,1)}.roulette-wheel::before{content:'';width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,#e3ca79,#7d5c20);border:8px solid #1b1510}.roulette-wheel span{position:absolute;color:#fff;font-size:24px;font-weight:900}.wheel-pin{position:absolute;right:1px;top:50%;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-right:30px solid #fff;filter:drop-shadow(0 2px 5px #000)}.roulette-panel{background:#17121f;border:1px solid var(--line);border-radius:17px;padding:18px;display:grid;gap:14px}.roulette-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.roulette-pick{padding:12px;border-radius:9px;background:#2b2535;border:1px solid transparent;font-weight:800}.roulette-pick.active{border-color:#fff;box-shadow:0 0 12px rgba(255,255,255,.25)}.red-pick{background:#9e2538}.black-pick{background:#09090c}.roulette-panel select,.mines-side select{background:#282232;color:#fff;border:1px solid var(--line);border-radius:8px;padding:7px;margin-left:8px}.num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff}.num.red{background:#b72d43}.num.black{background:#111}.num.green{background:#168d53}
.mines-layout{display:grid;grid-template-columns:minmax(320px,520px) 280px;gap:25px;justify-content:center;align-items:center;margin:28px 0}.mines-board{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:14px;border-radius:18px;background:#111821;border:1px solid #26394a}.mine-tile{aspect-ratio:1;border-radius:11px;background:linear-gradient(145deg,#294459,#172a39);border:1px solid #3e627c;box-shadow:0 5px 0 #0b1822;color:#8aa1b2;font-size:28px;font-weight:900;transition:.18s}.mine-tile:hover:not(.open){transform:translateY(-2px);filter:brightness(1.2)}.mine-tile.open{transform:translateY(4px);box-shadow:none}.mine-tile.safe{background:#123c39;color:#58efca;border-color:#36ad94}.mine-tile.bomb,.mine-tile.show-bomb{background:#4a1624;color:#ff5571;border-color:#bd3550}.mines-side{background:#17121f;border:1px solid var(--line);border-radius:17px;padding:22px;display:grid;gap:14px}.mines-side small{color:var(--dim);letter-spacing:1px}.mines-side strong{font-size:48px;color:#5de8c8}.mines-side p{min-height:45px;color:#ccc}.compact-room{display:none}
@media(max-width:800px){.flight-layout{grid-template-columns:1fr}.flight-stage{height:360px}.room-box{min-height:0;max-height:210px;overflow:auto}.roulette-layout{grid-template-columns:1fr}.wheel-wrap{width:300px;height:300px;margin:auto}.roulette-wheel{width:280px;height:280px}.mines-layout{grid-template-columns:1fr}.mines-side{order:-1}.mini-go{min-width:140px}.mini-shell{padding:14px 10px 35px}}
@media(max-width:480px){.flight-stage{height:300px}.flight-x{font-size:55px}.mini-controls{width:100%;gap:5px}.mini-controls>div{min-width:62px}.mini-go{min-width:120px}.wheel-wrap{width:260px;height:260px}.roulette-wheel{width:240px;height:240px}.mines-board{gap:6px;padding:8px}.mine-tile{border-radius:8px}.secure-label{display:none}}


/* v4 photo art + cache hotfix */
.art-photo{background-size:cover!important;background-position:center!important;isolation:isolate}
.art-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,4,10,.06),rgba(5,4,10,.72));z-index:-1}
.art-photo strong,.art-photo>span,.art-photo>div,.art-photo>i{position:relative;z-index:1}
.art-photo .roulette-mini{transform:scale(.72);opacity:.88}
.art-photo.mine-preview i{opacity:.86;transform:scale(.82)}
.mini-game{position:relative;isolation:isolate;background:#090811}
.mini-bg{position:fixed;inset:54px 0 0;background-size:cover;background-position:center;z-index:-2;filter:brightness(.18) saturate(.75);transform:scale(1.03)}
.mini-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,8,17,.42),#090811 88%)}
.mini-shell{position:relative;z-index:1}
#game-roulette .mini-bg{filter:brightness(.14) saturate(.55)}
#game-mines .mini-bg{filter:brightness(.17) saturate(.75)}
@media(max-width:640px){.mini-bg{inset:110px 0 0}.art-photo .roulette-mini{transform:scale(.62)}}


/* v4.2 custom bet inputs */
.bet-input{display:block;width:118px;max-width:24vw;background:rgba(255,255,255,.07);border:1px solid rgba(255,215,106,.28);border-radius:7px;color:var(--gold);font:800 16px/1.2 inherit;text-align:center;padding:5px 7px;outline:none;-moz-appearance:textfield}
.bet-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,215,106,.12)}
.bet-input::-webkit-inner-spin-button,.bet-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.mini-controls>div:has(.bet-input){min-width:135px}.mini-controls .bet-input{max-width:130px}
@media(max-width:520px){.bet-input{width:88px;max-width:26vw;font-size:13px}.mini-controls>div:has(.bet-input){min-width:92px}.mini-controls .bet-input{max-width:88px}}