:root{
  --bg:#0f151a;
  --panel:#182128;
  --panel-2:#202b33;
  --panel-3:#121a20;
  --accent:#20e38e;
  --accent-2:#16c77d;
  --text:#f4f7f8;
  --muted:#8d9aa3;
  --muted-2:#667681;
  --line:#2a363e;
  --line-soft:#212c33;
  --danger:#ff6674;
  --warning:#f5be5a;
  --sidebar:224px;
  --topbar:64px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shadow:0 16px 40px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
button{color:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.hidden{display:none!important}
.muted{color:var(--muted)}
.mobile-only{display:none!important}
.shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}

.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--topbar);background:#111920;border-bottom:1px solid var(--line-soft)}
.topbar-inner{height:100%;display:flex;align-items:center;gap:18px;padding:0 18px}
.brand{display:inline-flex;align-items:center;gap:9px;min-width:calc(var(--sidebar) - 18px);font-weight:900;letter-spacing:-.03em}
.brand-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#082117;font-size:18px;font-weight:1000;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}
.brand-title{font-size:16px;letter-spacing:.035em}
.top-search{height:38px;max-width:400px;flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;background:#0c1216;border:1px solid var(--line);border-radius:8px;color:var(--muted)}
.top-search input{width:100%;border:0;outline:0;background:transparent;color:#e9eff1}
.top-search input::placeholder{color:#60717c}
.accountbar{margin-left:auto;display:flex;align-items:center;gap:8px}
.balance{height:38px;min-width:92px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#0e151a;font-variant-numeric:tabular-nums;font-weight:800}
.top-action,.avatarBtn,.iconbtn{height:38px;border:0;border-radius:8px;background:transparent;color:#aebbc2;padding:0 11px;cursor:pointer}
.top-action:hover,.avatarBtn:hover,.iconbtn:hover{background:#1a252c;color:white}
.avatarBtn{border:1px solid var(--line);background:#1a242b;color:#f4f7f8;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.primary,.secondary{min-height:38px;padding:9px 14px;border-radius:8px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,opacity .15s}
.primary{background:var(--accent);color:#071b12}
.primary:hover{background:#34e99b;transform:translateY(-1px)}
.secondary{background:#222e36;border-color:#34434c;color:#e5ecef}
.secondary:hover{background:#2a3841}
.primary:disabled,.secondary:disabled,button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.wallet-button{height:38px;padding-inline:17px}

.sidebar{position:fixed;z-index:40;top:var(--topbar);bottom:0;left:0;width:var(--sidebar);display:flex;flex-direction:column;padding:15px 12px;background:#111920;border-right:1px solid var(--line-soft)}
.sidebar nav{display:grid;gap:4px}
.side-link{width:100%;height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#98a7af;text-align:left;cursor:pointer}
.side-link span{width:23px;color:#6f808a;text-align:center;font-size:16px}
.side-link b{font-size:13px}
.side-link:hover,.side-link.active{background:#1b252c;color:#f2f6f7}
.side-link.active span{color:var(--accent)}
.side-bottom{margin-top:auto;display:grid;gap:10px}
.responsible-box{padding:13px;border:1px solid var(--line);background:#0c1317;border-radius:9px}
.responsible-box strong{color:var(--accent);font-size:12px}
.responsible-box p{margin:5px 0 0;color:#71828c;font-size:10px;line-height:1.55}
.side-help{border:0;background:transparent;color:#778892;text-align:left;font-size:11px;padding:8px;cursor:pointer}
.side-help:hover{color:#b7c2c8}

.app-content{padding-top:var(--topbar);margin-left:var(--sidebar);min-height:100vh}
.promo-wrap{padding-top:24px}
.promo-card{height:310px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid #2c3942;border-radius:12px;background:#182229;box-shadow:0 1px 0 rgba(255,255,255,.02) inset}
.promo-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 46px;position:relative;z-index:2}
.promo-label,.kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--accent)}
.promo-copy h1{margin:8px 0 10px;font-size:43px;line-height:1.02;letter-spacing:-.04em}
.promo-copy p{max-width:520px;margin:0;color:#9aa9b1;font-size:14px}
.promo-actions{display:flex;gap:9px;margin-top:24px}.promo-actions a{display:inline-flex;align-items:center;justify-content:center}
.promo-art{height:100%;position:relative;background:#121b21}
.promo-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#182229 0,transparent 28%,transparent 100%);pointer-events:none}
.promo-art img{width:100%;height:100%;display:block;object-fit:cover}

.category-row{display:flex;gap:7px;overflow:auto;padding-top:18px;padding-bottom:4px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}
.category-chip{height:36px;padding:0 13px;border-radius:8px;border:1px solid var(--line);background:#161f25;color:#8999a2;white-space:nowrap;cursor:pointer}
.category-chip:hover{color:#dfe7ea;background:#1d282f}.category-chip.active{color:#071a12;border-color:var(--accent);background:var(--accent);font-weight:800}

.live-strip{min-height:46px;margin-top:13px;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);overflow:hidden}
.live-title{flex:0 0 auto;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;text-transform:uppercase;color:#9ba9b1;letter-spacing:.08em}
.live-title i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(32,227,142,.08)}
.live-items{display:flex;align-items:center;gap:20px;overflow:hidden;white-space:nowrap;color:#768791;font-size:11px}.live-win b{color:var(--accent);margin:0 3px}

.section{padding-top:30px;padding-bottom:22px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:22px;margin:3px 0 0;letter-spacing:-.025em}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.game-card{position:relative;overflow:hidden;padding:0;border:1px solid #29363e;border-radius:10px;background:#161f25;color:var(--text);text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.game-card:hover{transform:translateY(-2px);border-color:#3d4d57;box-shadow:0 12px 25px rgba(0,0,0,.2)}
.game-card.hidden-card{display:none}
.game-art{height:165px;overflow:hidden;background:#11191e}.game-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s}.game-card:hover .game-art img{transform:scale(1.025)}
.game-meta{padding:11px 12px 13px}.game-meta small{font-size:9px;font-weight:900;color:#6f818b;letter-spacing:.1em}.game-meta h3{margin:3px 0 2px;font-size:14px}.game-meta span{font-size:10px;color:#7b8d96}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:54px}
.service-card{min-height:126px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr auto;gap:9px 12px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#151e24}
.service-icon{grid-row:1/3;width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:#202d34;color:var(--accent);font-weight:950;font-size:18px}
.service-card h3{margin:0 0 4px;font-size:13px}.service-card p{margin:0;color:#7c8d96;font-size:10px;line-height:1.5}.service-card button{justify-self:start;border:0;background:transparent;color:#b8c4c9;font-size:10px;font-weight:800;padding:0;cursor:pointer}.service-card button:hover{color:var(--accent)}

.footer{border-top:1px solid var(--line-soft);background:#0d1418}.footer-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;color:#71818a}.footer-brand{color:#dce4e7;letter-spacing:.08em}.footer p{margin:4px 0 0;font-size:10px}.footer-links{display:flex;gap:18px;align-items:center;font-size:10px}.footer-links button{border:0;background:transparent;color:#81919a;cursor:pointer;padding:0}.footer-links button:hover{color:white}

.gate,.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(5,9,12,.86);backdrop-filter:blur(8px)}
.gate-card,.modal{width:min(470px,100%);max-height:min(90vh,920px);overflow:auto;border:1px solid #33424b;border-radius:12px;background:#172128;box-shadow:var(--shadow);padding:24px}
.modal.wide{width:min(1050px,100%)}
.modal.management{width:min(1180px,100%)}
.modal-close{position:sticky;float:right;top:0;z-index:3;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:#202c33;color:#cbd5d9;cursor:pointer}
.gate-card{text-align:center}.gate-logo{margin:auto;width:48px;height:48px;border-radius:10px;background:var(--accent);color:#071c12;display:grid;place-items:center;font-weight:1000;font-size:18px}
.gate-card h1{font-size:23px;margin:12px 0 6px}.gate-card p,.modal p{color:#8f9fa7}.gate-actions{display:grid;gap:8px;margin-top:18px}
.eyebrow{font-size:9px;color:var(--accent);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.modal-title{margin:5px 0 5px;font-size:23px;letter-spacing:-.025em}.modal-sub{font-size:11px;margin-top:0}.modal-actions{display:flex;gap:8px;margin-top:13px}.modal-actions>*{flex:1}
.danger{background:#3a1e23!important;color:#ff9ca5!important;border-color:#5c2b32!important}.danger-plain{color:#ff8791!important}

.form-grid{display:grid;gap:11px}.form-grid.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:6px}.field label{font-size:9px;color:#83949d;font-weight:900;letter-spacing:.08em}.field input,.field select,.field textarea{width:100%;min-height:40px;border:1px solid #33424b;border-radius:8px;background:#0f171c;color:#edf3f5;padding:9px 11px;outline:none}.field textarea{min-height:105px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4b665d;box-shadow:0 0 0 2px rgba(32,227,142,.07)}

.tabbar,.wallet-tabs,.management-tabs{display:flex;gap:5px;overflow:auto;margin:14px 0;padding-bottom:10px;border-bottom:1px solid var(--line);scrollbar-width:none}.tabbar::-webkit-scrollbar,.wallet-tabs::-webkit-scrollbar,.management-tabs::-webkit-scrollbar{display:none}
.tabbar button,.wallet-tabs button,.management-tabs button{height:34px;white-space:nowrap;border:1px solid var(--line);border-radius:7px;background:#1c272e;color:#8999a2;padding:0 10px;cursor:pointer;font-size:10px;font-weight:700}.tabbar button.active,.wallet-tabs button.active,.management-tabs button.active{color:#eaf1f3;background:#28353d;border-color:#41515b}
.panel{border:1px solid var(--line);border-radius:9px;background:#121b20;padding:14px}.panel+.panel{margin-top:10px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stat{padding:14px;border:1px solid var(--line);border-radius:9px;background:#1b252c}.stat b{display:block;font-size:20px;font-variant-numeric:tabular-nums}.stat small{color:#7e8f98;font-size:10px}
.chip{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border-radius:999px;background:#26323a;color:#9cabb2;font-size:9px;font-weight:800}.chip.green{background:rgba(32,227,142,.1);color:#5be8aa}.chip.red{background:rgba(255,102,116,.11);color:#ff8c97}.chip.amber{background:rgba(245,190,90,.11);color:#f2c977}.chip.blue{background:rgba(87,155,255,.12);color:#8cb9ff}

.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.table{width:100%;border-collapse:collapse;font-size:10px}.table th,.table td{padding:10px;border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}.table th{position:sticky;top:0;background:#172128;color:#778992;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.table td{color:#cbd4d8}.table tr:hover td{background:#182229}.table button{border:1px solid var(--line);background:#222f37;color:#dce5e8;border-radius:7px;padding:6px 8px;cursor:pointer;font-size:9px}

.wallet-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#10191e}.wallet-balance small{display:block;color:#7b8d96;font-size:9px;text-transform:uppercase}.wallet-balance strong{font-size:26px;letter-spacing:-.03em}.payment-status{text-align:right}.payment-note{margin-top:11px;padding:10px;border:1px solid rgba(245,190,90,.22);border-radius:8px;background:rgba(245,190,90,.05);color:#aa9c7e;font-size:10px}.payment-history{display:grid;gap:7px;margin-top:8px}.payment-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#121b20}.payment-row small{color:#71838c}.payment-card code{overflow-wrap:anywhere}

.gamebox{display:grid;gap:12px}.game-stage{min-height:215px;border:1px solid var(--line);border-radius:9px;background:#0f171c;display:grid;place-items:center;padding:18px}.result-big{font-size:40px;font-weight:950;letter-spacing:-.04em}.wheel-disc{width:150px;height:150px;border-radius:50%;background:conic-gradient(#20e38e 0 12.5%,#26333b 12.5% 25%,#f3ba52 25% 37.5%,#395e75 37.5% 50%,#dd5969 50% 62.5%,#27664c 62.5% 75%,#8659c9 75% 87.5%,#364148 87.5%);border:8px solid #202c33;box-shadow:inset 0 0 0 2px #ffffff12,0 14px 28px #0008;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.cards{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.playing-card{width:54px;height:76px;border-radius:7px;background:#eef2f3;color:#111820;display:grid;place-items:center;font-weight:950;box-shadow:0 8px 16px #0005}.playing-card.red{color:#c84250}.slot-reels{display:flex;gap:7px}.reel{width:70px;height:80px;border:1px solid var(--line);border-radius:8px;background:#1a252c;display:grid;place-items:center;font-size:30px}.target-row{display:flex;gap:8px}.target-btn{width:88px;height:100px;border:1px solid var(--line);border-radius:9px;background:#1a252c;color:#b9c5ca;font-size:30px;cursor:pointer}.targets-hit{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(32,227,142,.08)}
.lobby-list{display:grid;gap:7px}.lobby{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#121b20}.lobby>div{flex:1}.lobby p{margin:5px 0 0;font-size:10px}.lobby button{border:1px solid var(--line);background:#202d34;color:#d7e0e3;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:9px}
.ubo-card{width:62px;height:88px;border:3px solid #e7edef;border-radius:9px;display:grid;place-items:center;font-weight:950;font-size:18px;cursor:pointer;box-shadow:0 8px 18px #0006}.ubo-card.blue{background:#316bc9}.ubo-card.red{background:#bd3f50}.ubo-card.green{background:#31835b}.ubo-card.gold{background:#c58f33}

.ticket-list{display:grid;gap:8px}.ticket-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#121b20;text-align:left;cursor:pointer}.ticket-item:hover{border-color:#3a4952;background:#162128}.ticket-item h4{margin:0 0 4px;font-size:12px}.ticket-item p{margin:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-thread{display:grid;gap:8px;max-height:380px;overflow:auto;padding:4px}.ticket-message{max-width:82%;padding:10px 11px;border-radius:9px;background:#222e35;border:1px solid var(--line)}.ticket-message.staff{margin-left:auto;background:#143126;border-color:#24543f}.ticket-message small{display:block;margin-bottom:4px;color:#7f9099;font-size:9px}.ticket-message p{margin:0;color:#d8e0e3;white-space:pre-wrap}

.chat-shell{display:grid;grid-template-rows:1fr auto;min-height:430px}.chat-list{display:grid;gap:7px;align-content:start;max-height:420px;overflow:auto;padding:4px}.chat-message{display:grid;grid-template-columns:32px 1fr;gap:8px}.chat-avatar{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:#25323a;color:#dce5e8;font-size:10px;font-weight:900}.chat-bubble{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#121b20}.chat-bubble header{display:flex;gap:7px;align-items:center;margin-bottom:2px}.chat-bubble b{font-size:10px}.chat-bubble time{font-size:8px;color:#64757e}.chat-bubble p{margin:0;color:#bdc9ce;font-size:11px;white-space:pre-wrap}.chat-compose{display:flex;gap:7px;margin-top:10px}.chat-compose input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;background:#0f171c;color:white;padding:9px 11px;outline:none}

.management-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.management-head h2{margin:0}.search-row{display:flex;gap:7px;margin-bottom:11px}.search-row input{flex:1;border:1px solid var(--line);border-radius:8px;background:#0f171c;color:white;padding:9px 11px;outline:none}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.user-detail{position:sticky;top:0;align-self:start}.user-detail h3{margin:0 0 2px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.status-button{padding:9px 7px;border:1px solid var(--line);border-radius:8px;background:#19232a;color:#94a4ac;cursor:pointer;font-size:9px;font-weight:800}.status-button.on{border-color:#5a3037;background:#311c21;color:#ff9ca5}.status-button.play.on{border-color:#5a4930;background:#30271a;color:#f2c977}.status-button.mute.on{border-color:#304a5a;background:#192a34;color:#82bceb}.money-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.money-actions .field{grid-column:1/-1}.management-note{padding:9px;border-left:3px solid var(--accent);background:#14201b;color:#8fa19a;font-size:10px}

.toasts{position:fixed;right:15px;bottom:15px;z-index:200;display:grid;gap:7px}.toast{min-width:230px;max-width:360px;padding:10px 12px;border:1px solid #39505a;border-radius:8px;background:#1d2930;box-shadow:var(--shadow);font-size:11px}.toast.error{border-color:#65343b;color:#ffa2aa;background:#2d1c20}

@media(max-width:1050px){
  :root{--sidebar:190px}.brand{min-width:calc(var(--sidebar) - 18px)}.game-grid{grid-template-columns:repeat(3,1fr)}.promo-copy{padding:34px}.promo-copy h1{font-size:38px}.service-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.user-detail{position:static}
}
@media(max-width:780px){
  :root{--topbar:58px}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.sidebar{transform:translateX(-100%);transition:transform .18s;width:240px}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px #0008}.app-content{margin-left:0}.brand{min-width:0}.brand-title{display:none}.top-search{display:none}.topbar-inner{gap:7px;padding:0 10px}.accountbar{gap:5px}.top-action{display:none}.balance{min-width:74px;padding:0 8px;font-size:11px}.wallet-button{font-size:0;width:38px;padding:0}.wallet-button:after{content:"+";font-size:19px}.avatarBtn{max-width:86px}.shell{width:min(100% - 24px,1180px)}.promo-card{grid-template-columns:1fr;height:auto}.promo-copy{padding:30px 24px}.promo-copy h1{font-size:36px}.promo-art{height:190px;order:-1}.promo-art:after{background:linear-gradient(0deg,#182229 0,transparent 42%)}.game-grid{grid-template-columns:repeat(2,1fr);gap:9px}.game-art{height:132px}.service-grid{padding-bottom:36px}.stat-grid{grid-template-columns:1fr 1fr}.form-grid.two{grid-template-columns:1fr}.modal{padding:19px}.footer-inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.footer-links{flex-wrap:wrap}.management-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:460px){
  .game-grid{grid-template-columns:1fr 1fr}.game-art{height:108px}.game-meta{padding:9px}.game-meta h3{font-size:12px}.game-meta span{font-size:9px}.promo-copy h1{font-size:31px}.promo-actions{display:grid}.live-strip{gap:12px}.live-title{font-size:9px}.wallet-head{align-items:flex-start;flex-direction:column}.payment-status{text-align:left}.stat-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.ticket-message{max-width:94%}
}

/* --- App/game refinements for the compact production UI --- */
.spaced{margin-top:12px!important}.subheading{margin:18px 0 8px}.full-button{width:100%}.money-plus{color:#62e4aa!important;font-weight:800}.money-minus{color:#ff9aa4!important;font-weight:800}
.compact-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-stats .stat b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-amounts{display:flex;gap:7px;flex-wrap:wrap}.quick-amounts button,.bet-tools button{border:1px solid var(--line);background:#1b272e;color:#9aabb3;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.quick-amounts button:hover,.bet-tools button:hover{color:white;border-color:#465862;background:#223039}
.game-modal{max-width:1020px!important}.game-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.game-wallet-mini{min-width:130px;border:1px solid var(--line);border-radius:9px;background:#111b20;padding:10px 12px;text-align:right}.game-wallet-mini small{display:block;color:#71838c;font-size:9px;text-transform:uppercase}.game-wallet-mini b{font-size:17px}
.game-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:12px;margin-top:14px}.game-controls{border:1px solid var(--line);border-radius:10px;background:#151f25;padding:14px;display:flex;flex-direction:column;gap:12px}.game-controls .form-grid{gap:10px}.play-button{width:100%;min-height:44px;font-size:12px}.game-result{display:grid;gap:2px;min-height:50px;border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:#10191e}.game-result b{font-size:12px}.game-result span{font-size:9px;color:#7d8e96}.game-result.win{border-color:#24583f;background:#11281d;color:#65e8ad}.game-result.loss{border-color:#49303a;background:#25181d;color:#eea0aa}
.bet-block{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end}.bet-tools{display:flex;gap:5px;padding-bottom:1px}.bet-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:#0f171c;overflow:hidden}.bet-input input{border:0!important;border-radius:0!important;background:transparent!important;flex:1;min-width:0}.bet-input span{padding:0 10px;color:#70828b;font-size:10px;font-weight:800}
.wheel-wrap{position:relative;display:grid;place-items:center}.wheel-pointer{position:absolute;top:-4px;z-index:2;color:#e9f0f2;font-size:24px;filter:drop-shadow(0 4px 5px #000)}.stage-payout{margin-top:14px;text-align:center;font-size:16px;font-weight:900;color:#e7f0f1}.game-caption{text-align:center;color:#7d8e96;font-size:10px;margin-bottom:8px}
.mines-board{display:grid;grid-template-columns:repeat(5,58px);gap:7px}.mines-board span{aspect-ratio:1;border:1px solid #314049;border-radius:8px;background:linear-gradient(145deg,#1d2a31,#152027);display:grid;place-items:center;color:#667982;font-size:16px;box-shadow:inset 0 1px #ffffff08}.mines-board span.safe{border-color:#2c664d;background:#163426;color:#6de8b1}.mines-board span.bomb{border-color:#70343d;background:#361a20;color:#ff8d99}.result-board{animation:boardIn .25s ease}@keyframes boardIn{from{transform:scale(.98);opacity:.7}to{transform:scale(1);opacity:1}}
.target-stage{font-size:44px;letter-spacing:18px;color:#6b7c85}.target-stage span{color:#9eabb1}.result-target{display:flex;gap:28px;letter-spacing:0}.result-target span{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#18232a;color:#62747e}.result-target span.winner{border-color:#2d7354;background:#163829;color:#69e6af;box-shadow:0 0 0 4px #20e38e12}
.roulette-stage{width:220px;height:220px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#1a252b 0 32%,#111a20 33% 42%,transparent 43%),repeating-conic-gradient(#a3313f 0 9.72deg,#1a2329 9.72deg 19.44deg);border:10px solid #26333a;box-shadow:inset 0 0 0 5px #0e1519,0 18px 34px #0008}.roulette-stage strong{font-size:34px}.roulette-stage small{position:absolute;bottom:36px;color:#7e8f98}.roulette-ball{position:absolute;top:25px;width:12px;height:12px;border-radius:50%;background:white;color:transparent;box-shadow:0 2px 8px #fff8}.roulette-result{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;border:8px solid #253138;box-shadow:0 18px 34px #0008}.roulette-result span{font-size:48px;font-weight:950}.roulette-result small{font-size:10px;text-transform:uppercase}.roulette-result.red{background:#a63847}.roulette-result.black{background:#161e23}.roulette-result.green{background:#19764d}
.blackjack-table{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.blackjack-table>div{display:grid;gap:8px;text-align:center}.blackjack-table small{color:#80919a;font-weight:800}.slot-reels .reel{position:relative;overflow:hidden}.slot-reels .reel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff1,transparent 32%,transparent 68%,#0003);pointer-events:none}
.clickable-row{cursor:pointer}.clickable-row:hover td{background:#1c282f!important}.clickable-row.selected td{background:#1d3028!important}.clickable-row.selected td:first-child{box-shadow:inset 3px 0 var(--accent)}.danger-action{border-color:#5a3037!important;color:#ff9ca5!important}.chat-delete{margin-left:auto!important;border:0!important;background:transparent!important;color:#6f7f87!important;cursor:pointer!important;padding:0 4px!important}.chat-delete:hover{color:#ff9ca5!important}
.management-modal{max-width:1120px!important}.management-modal .stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.management-modal .stat b{font-size:18px}

@media(max-width:900px){.game-layout{grid-template-columns:1fr}.game-stage{min-height:260px}.management-modal .stat-grid{grid-template-columns:repeat(3,1fr)}.compact-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.game-modal-head{display:grid}.game-wallet-mini{text-align:left}.mines-board{grid-template-columns:repeat(5,minmax(38px,1fr));width:100%}.roulette-stage{width:180px;height:180px}.blackjack-table{grid-template-columns:1fr;gap:16px}.bet-block{grid-template-columns:1fr}.bet-tools{padding:0}.management-modal .stat-grid{grid-template-columns:repeat(2,1fr)}}

/* === MyCasino 2026 PREMIUM CASINO SKIN === */
:root{--bg:#06111f;--panel:#0b1b2d;--panel2:#10263b;--line:#1d3b57;--text:#f5f8fc;--muted:#8fa8bd;--accent:#0ea5ff;--accent2:#36d4ff;--shadow:0 18px 50px #0007}
body{background:radial-gradient(circle at 55% -10%,#0a3357 0,#06111f 35%,#050d18 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{background:#071522f2;border-bottom-color:#17324a;backdrop-filter:blur(16px)}.brand-mark{background:linear-gradient(135deg,#22d3ee,#0b7cff);clip-path:polygon(50% 0,64% 28%,100% 18%,82% 100%,18% 100%,0 18%,36% 28%);border-radius:0}.brand-title{letter-spacing:.8px}.brand-sub{display:block;color:#78a3c3;font-size:7px;letter-spacing:1.7px;margin-top:1px}.sidebar{background:#071522;border-right-color:#173149}.side-link:hover,.side-link.active{background:#102b43;color:#fff}.side-link span{color:#4cc8ff}.app-content{background:transparent}.shell{width:min(1220px,calc(100% - 38px))}
.premium-hero{padding-top:18px}.promo-card{height:320px;border-color:#235175;border-radius:16px;background:#09213a;box-shadow:var(--shadow);grid-template-columns:1fr 1.3fr}.promo-copy{padding:38px}.promo-copy h1{font-size:46px;line-height:.98;letter-spacing:-2px;margin:12px 0}.promo-copy h1 em{font-style:normal;color:#38c6ff}.promo-copy p{font-size:13px;color:#a5bdd0}.promo-art img{object-fit:cover}.primary{background:linear-gradient(135deg,#1598ff,#0878f9);box-shadow:0 7px 22px #0878f933}.secondary{background:#10253a;border-color:#22445f}.category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding-top:18px}.category-chip{border-color:#1c3c56;background:#0b1d2d;color:#a9bdcc;border-radius:11px;padding:15px 12px;font-weight:850}.category-chip:hover,.category-chip.active{background:#123653;color:#fff;border-color:#2d6b96;box-shadow:inset 0 0 0 1px #32bfff22}.live-strip,.service-card{background:#091a2a;border-color:#183b56}.section-head h2{font-size:23px}.section-sub{margin:5px 0 0;color:#7895aa;font-size:11px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game-card{background:#091a2a;border:1px solid #173b57;border-radius:13px;overflow:hidden;box-shadow:0 10px 25px #0003;transition:.18s transform,.18s border-color,.18s box-shadow}.game-card:hover{transform:translateY(-4px);border-color:#2b78aa;box-shadow:0 18px 35px #0006}.game-art{height:155px;background:#07131f;position:relative}.game-art img{width:100%;height:100%;object-fit:cover}.game-art:after{content:"SPIELEN";position:absolute;inset:auto 10px 10px;display:grid;place-items:center;height:34px;border-radius:8px;background:#078bf1e8;color:white;font-size:10px;font-weight:950;letter-spacing:.7px;opacity:0;transform:translateY(5px);transition:.18s}.game-card:hover .game-art:after{opacity:1;transform:none}.game-meta{padding:11px 12px 13px}.game-meta small{color:#43c9ff}.game-meta h3{font-size:14px;margin:3px 0}.game-meta span{font-size:10px;color:#819db1}.footer{background:#050d16;border-top:1px solid #173149}
.modal-overlay{backdrop-filter:blur(10px);background:#020811c7}.modal{background:#0a1928;border-color:#234661;border-radius:15px;box-shadow:0 30px 80px #000b}.game-modal{max-width:1100px!important}.game-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr)}.game-stage{background:radial-gradient(circle at 50% 15%,#123b58,#07131f 65%);border:1px solid #1d405c;border-radius:13px;min-height:390px;box-shadow:inset 0 1px #ffffff0b}.game-controls{background:#091827;border-color:#1b3b55}.game-wallet-mini{background:#071827;border-color:#1e4563}.bet-input,.field input,.field select,.field textarea{background:#071521!important;border-color:#1e3c53!important}.howto{border:1px solid #1d3d57;background:#081a2a;border-radius:10px;padding:11px 12px;color:#91a9bb;font-size:11px;line-height:1.5}.howto b{color:#dff5ff}.game-result{background:#071521;border-color:#1b3a52}.wheel-disc{box-shadow:0 18px 50px #0008}.target-stage{letter-spacing:0;display:flex;justify-content:center;gap:24px}.target-vault{width:120px;height:150px;border:2px solid #28658c;border-radius:18px;background:linear-gradient(145deg,#102c43,#071521);display:grid;place-items:center;position:relative;color:#66d7ff;font-size:34px}.target-vault:before{content:"";position:absolute;width:52px;height:52px;border:5px solid #2f7cab;border-radius:50%}.target-vault:after{content:"";position:absolute;width:5px;height:46px;background:#2f7cab}.target-vault.winner{border-color:#34d399;box-shadow:0 0 35px #34d39955}.arcade-blaster{width:150px;height:44px;background:linear-gradient(90deg,#0ea5e9,#075985);clip-path:polygon(0 28%,72% 28%,84% 0,100% 0,92% 50%,70% 50%,60% 100%,40% 100%,44% 50%,0 50%);margin:24px auto 0;filter:drop-shadow(0 8px 10px #0008)}.target-btn{width:74px;height:74px;border-radius:16px!important;background:#0a2235!important;border:2px solid #255a7c!important;font-size:0!important}.target-btn:after{content:"▣";font-size:28px;color:#55cfff}.target-btn.targets-hit{border-color:#22bfff!important;box-shadow:0 0 0 3px #0ea5ff33}.ubo-card{box-shadow:0 8px 20px #0005}.ubo-bot-callout{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #225072;border-radius:11px;background:linear-gradient(135deg,#0a2238,#0d2e49);margin-bottom:12px}.ubo-bot-face{width:48px;height:48px;border-radius:14px;background:#0ea5e9;display:grid;place-items:center;font-size:24px}.ubo-bot-callout p{margin:2px 0;color:#8eaabd;font-size:10px}.bot-pill{font-size:8px;background:#0b6ea8;color:#dff7ff;padding:3px 6px;border-radius:99px}.gate{background:#040b13e8;backdrop-filter:blur(16px)}
@media(max-width:1050px){.game-grid{grid-template-columns:repeat(3,1fr)}.promo-copy h1{font-size:39px}}
@media(max-width:780px){.game-grid{grid-template-columns:repeat(2,1fr)}.promo-card{grid-template-columns:1fr;height:auto}.promo-art{height:210px}.promo-copy{padding:25px}.promo-copy h1{font-size:34px}.category-row{display:flex;overflow:auto;padding-bottom:8px}.category-chip{min-width:135px}.game-stage{min-height:300px}.shell{width:min(100% - 22px,1220px)}}


/* V3: each game has its own visual identity; shared controls remain consistent. */
.game-shell{margin:-4px;padding:4px;border-radius:16px}
.game-shell .game-stage{position:relative;overflow:hidden;min-height:430px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.game-shell .game-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.10),transparent 42%)}
.theme-mines .game-stage{background:linear-gradient(145deg,#24134a,#101b3c 65%,#071323)}
.theme-wheel .game-stage{background:linear-gradient(145deg,#35230a,#171326 62%,#0c1222)}
.theme-roulette .game-stage{background:linear-gradient(145deg,#07392e,#09261f 55%,#071714)}
.theme-blackjack .game-stage{background:radial-gradient(circle at 50% 20%,#145c47,#083b31 55%,#06251f)}
.theme-slots .game-stage{background:linear-gradient(145deg,#3d113f,#1b1746 58%,#10142c)}
.theme-target .game-stage{background:linear-gradient(145deg,#122f53,#111a34 60%,#090e1d)}
.theme-mines .primary{background:#9a7cff;color:#100b24}
.theme-wheel .primary{background:#ffbf45;color:#271600}
.theme-roulette .primary,.theme-blackjack .primary{background:#43e7a4;color:#05251a}
.theme-slots .primary{background:#ff5fc8;color:#2b0820}
.theme-target .primary{background:#55b8ff;color:#061a2b}
.game-result{display:grid;gap:2px;min-height:58px;align-content:center}
.game-result b{font-size:15px}.game-result span{font-size:12px}
.howto{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(4,9,16,.36);overflow:hidden}
.howto summary{cursor:pointer;padding:11px 12px;font-weight:850;list-style:none}
.howto summary:after{content:"+";float:right;color:var(--muted)}
.howto[open] summary:after{content:"–"}
.howto>div,.howto:not(details){padding:0 12px 12px;color:#aebbc5}
.roulette-tip{font-size:11px;color:#9eabb4;margin:0 0 8px}
.target-btn{min-height:74px;display:grid;place-items:center;align-content:center;gap:2px}
.target-btn:before{content:"VAULT";font-size:9px;letter-spacing:.14em;opacity:.55}
.target-btn.targets-hit{outline:2px solid #55b8ff;box-shadow:0 0 0 5px rgba(85,184,255,.12)}
.mines-board span{transition:transform .15s,background .15s,border-color .15s}
.mines-board span:hover{transform:translateY(-2px)}
.wheel-disc{box-shadow:0 0 0 8px rgba(255,191,69,.08),0 24px 70px rgba(0,0,0,.38)}
.slot-reels .reel{box-shadow:inset 0 -10px 25px rgba(0,0,0,.22)}
.blackjack-table{width:100%}
.roulette-result{box-shadow:0 18px 50px rgba(0,0,0,.35)}
@media(max-width:760px){
 .game-shell .game-stage{min-height:300px}
 .game-layout{gap:10px}
 .game-controls{padding:14px}
}

/* V4 interactive casino controls */
.game-settings{display:flex;justify-content:flex-end;gap:7px;margin:10px 0 0}.game-settings button{border:1px solid var(--line);background:#111a20;color:#aebbc2;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:750;cursor:pointer}.game-settings button:hover{color:#fff;background:#1b2830}
.field-label-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.field-label-row span{font-size:10px;color:var(--muted)}
.choice-hint{padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.035);color:#93a5af;font-size:11px;line-height:1.5}.stage-note{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#9aaab4;font-size:11px;white-space:nowrap}
.roulette-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:7px}.roulette-quick button{min-height:34px;border:1px solid #33424a;background:#1a242a;border-radius:7px;font-size:11px;font-weight:800;cursor:pointer}.roulette-quick button.selected{outline:2px solid rgba(255,255,255,.35);background:#2a3942}.roulette-quick button:first-child{background:#6d1d2c}.roulette-quick button:nth-child(2){background:#101316}.roulette-quick button:last-child{background:#176546}
.session-action-row{display:grid;gap:8px}.session-action-row span{text-align:center;color:#8fa2ad;font-size:11px}.win-soft{border-color:rgba(67,231,164,.25)!important;background:rgba(67,231,164,.07)!important}
.mines-scene{width:min(520px,95%);display:grid;gap:14px}.mines-status{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-radius:9px;background:rgba(5,9,18,.42);border:1px solid rgba(255,255,255,.08)}.mines-status span{color:#a993ff;font-size:11px;font-weight:850}.mines-status b{font-size:13px}.mines-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.mines-board button,.mines-board span{aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:#9d8cff;display:grid;place-items:center;font-size:19px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.05),0 5px 12px rgba(0,0,0,.15);transition:transform .12s,background .12s,border-color .12s}.mines-board button:not(:disabled):hover{transform:translateY(-3px);border-color:#9b83ff;background:rgba(155,131,255,.18)}.mines-board button.safe,.mines-board span.safe{background:rgba(42,214,142,.17);border-color:#2ad68e;color:#5cf0ad}.mines-board button.bomb,.mines-board span.bomb{background:rgba(255,82,105,.18);border-color:#ff5269;color:#ff7385}.mines-board button:disabled{cursor:default;opacity:1}
.blackjack-table.interactive{display:grid;gap:28px;width:min(720px,95%);padding:28px}.dealer-hand,.bj-hand{display:grid;gap:9px}.dealer-hand>small,.bj-hand>small{font-weight:900;letter-spacing:.07em;color:#b9ccc6}.player-hands{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.bj-hand{padding:14px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.14);border-radius:12px}.bj-hand.active{border-color:#43e7a4;box-shadow:0 0 0 3px rgba(67,231,164,.08)}.bj-hand>span{font-size:10px;color:#a1b2ad}.blackjack-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.blackjack-actions button{min-height:42px;border-radius:8px;border:1px solid #365047;background:#17382f;color:#e7fff5;font-weight:850;cursor:pointer}.blackjack-actions button:hover:not(:disabled){background:#215042}.blackjack-actions button:disabled{opacity:.35}
.target-btn{min-height:76px;display:grid!important;align-content:center;gap:2px}.target-btn b{font-size:17px}.target-btn span{font-size:8px;letter-spacing:.15em;color:#87a0b4}.vault-door{min-width:110px;min-height:155px;border:2px solid rgba(108,180,255,.35);border-radius:16px;background:linear-gradient(145deg,#203955,#0d1828);display:grid;place-items:center;align-content:center;gap:5px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.02),0 18px 30px rgba(0,0,0,.25)}.vault-door b{font-size:28px}.vault-door span{font-size:9px;letter-spacing:.16em;color:#81a8c7}.vault-door.winner{border-color:#57dd9c;background:linear-gradient(145deg,#18533d,#0b2f25);box-shadow:0 0 30px rgba(87,221,156,.22)}
.slot-machine{position:relative;width:min(650px,95%);padding:22px;border-radius:18px;border:1px solid rgba(255,95,200,.22);background:linear-gradient(145deg,rgba(76,15,78,.8),rgba(20,15,49,.92));box-shadow:0 30px 70px rgba(0,0,0,.3)}.slot-top{text-align:center;font-size:11px;font-weight:950;letter-spacing:.18em;color:#ff9dde;margin-bottom:15px}.slot-payline{height:2px;background:#ff79cd;box-shadow:0 0 18px #ff79cd;margin-top:-60px;position:relative;z-index:3;pointer-events:none}.slot-machine>small{display:block;margin-top:55px;text-align:center;color:#9d8ca7}
.roulette-table{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:24px;width:min(760px,96%)}.roulette-numbers{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.roulette-numbers span{padding:6px 2px;border-radius:5px;background:#12191c;text-align:center;font-size:10px;border:1px solid rgba(255,255,255,.06)}
.fast-games .wheel-disc,.fast-games .slot-reels,.fast-games .roulette-ball{transition-duration:.15s!important;animation-duration:.15s!important}
@media(max-width:720px){.roulette-table{grid-template-columns:1fr}.roulette-wheel{margin:auto}.roulette-numbers{grid-template-columns:repeat(7,1fr)}.blackjack-table.interactive{padding:16px}.blackjack-actions{grid-template-columns:1fr 1fr}.roulette-quick{grid-template-columns:repeat(3,1fr)}.game-settings{justify-content:flex-start}}
.wheel-disc{position:relative}.wheel-disc>span{position:absolute;left:50%;top:50%;font-size:10px;font-weight:950;color:#fff;text-shadow:0 1px 4px #000;transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-92px) rotate(calc(var(--i)*-45deg));pointer-events:none}.result-wheel>small{display:block;max-width:440px;text-align:center;color:#93a3ad;font-size:10px;line-height:1.5}
.roulette-numbers button{padding:7px 2px;border-radius:5px;text-align:center;font-size:10px;font-weight:900;border:1px solid rgba(255,255,255,.08);color:#fff;cursor:pointer}.roulette-numbers button.red{background:#7d2430}.roulette-numbers button.black{background:#12171a}.roulette-numbers button.green{background:#14724e}.roulette-numbers button:hover,.roulette-numbers button.selected{outline:2px solid rgba(255,255,255,.65);transform:translateY(-1px)}.roulette-wheel small{display:block;margin-top:8px;color:#8fa099;font-size:10px}

/* V5 per-game tutorial overlay */
.game-tutorial-layer{position:absolute;inset:0;z-index:25;display:grid;place-items:center;padding:22px;background:rgba(4,8,14,.78);backdrop-filter:blur(10px)}
.game-tutorial-card{width:min(500px,100%);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:24px;background:linear-gradient(180deg,#1c2730,#121a20);box-shadow:0 28px 80px rgba(0,0,0,.48)}
.game-tutorial-card h3{margin:12px 0 8px;font-size:24px;letter-spacing:-.025em}.game-tutorial-card p{margin:0;color:#b8c3c9;font-size:15px;line-height:1.6}
.tutorial-progress{display:flex;align-items:center;gap:10px;color:#91a0aa;font-size:11px;font-weight:800}.tutorial-progress i{position:relative;display:block;height:5px;flex:1;border-radius:99px;background:#2b3740;overflow:hidden}.tutorial-progress i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress);background:var(--accent);border-radius:inherit}
.tutorial-icon{width:48px;height:48px;margin-top:18px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:#071b12;font-size:20px;font-weight:1000}
.tutorial-never{display:flex;align-items:center;gap:8px;margin-top:18px;color:#9eabb3;font-size:12px}.tutorial-never input{accent-color:var(--accent)}
.tutorial-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
@media(max-width:680px){.game-tutorial-layer{padding:12px}.game-tutorial-card{padding:18px;border-radius:14px}.game-tutorial-card h3{font-size:20px}.tutorial-actions{display:grid;grid-template-columns:1fr 1fr}.tutorial-actions .primary{grid-column:1/-1}}

/* V6 modern lobby redesign */
:root{
  --bg:#0e1317;
  --panel:#151c21;
  --panel-2:#1a2228;
  --line:rgba(255,255,255,.07);
  --text:#f4f7f8;
  --muted:#9dacb5;
  --accent:#00e701;
  --accent-2:#12c840;
  --blue:#2f9bff;
  --shadow:0 18px 45px rgba(0,0,0,.34);
}
html,body{background:radial-gradient(circle at top,#1a242d 0%,#0d1216 30%,#0b1014 100%) fixed;color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 20%),radial-gradient(circle at 20% 0%,rgba(47,155,255,.09),transparent 25%),radial-gradient(circle at 80% 0%,rgba(0,231,1,.08),transparent 25%)}
.topbar{background:rgba(15,20,24,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar-inner{max-width:1440px;margin:0 auto}
.brand{gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#93ff61);color:#081009;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 30px rgba(0,231,1,.2)}
.brand-title{font-size:16px;letter-spacing:.12em}.brand-sub{color:#8fa0a7;letter-spacing:.12em}
.top-search{background:#11181d;border:1px solid rgba(255,255,255,.06);border-radius:999px}.top-search span{color:#6e7f88}
.top-search input{color:#eaf0f3}
.balance{background:#11181d;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:10px 14px;min-width:auto;font-weight:800}
.wallet-button.primary,.primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#091009;border:0;box-shadow:0 10px 25px rgba(0,231,1,.23)}
.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.secondary{background:#212c33;color:#eef3f5;border:1px solid rgba(255,255,255,.08)}
.secondary:hover{background:#26333b}
.sidebar{background:rgba(14,19,23,.92)!important;border-right:1px solid rgba(255,255,255,.05)}
.side-link{border-radius:14px;color:#9aaab2}.side-link.active,.side-link:hover{background:#1a2329;color:#f1f5f6}.side-link span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#11181d;color:#b7c4ca;font-size:13px}
.responsible-box{background:#141c22;border:1px solid rgba(255,255,255,.06);border-radius:14px}
.app-content{background:transparent}
.shell{max-width:1340px;margin-left:auto;margin-right:auto}
.promo-card{height:360px;border-radius:28px;background:linear-gradient(125deg,#172129 0%,#11191e 46%,#0d1419 100%);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow);overflow:hidden;position:relative}
.promo-card:after{content:"";position:absolute;inset:auto -15% -35% auto;width:520px;height:520px;background:radial-gradient(circle,rgba(0,231,1,.14),transparent 60%);pointer-events:none}
.promo-copy{padding:44px 48px}.promo-label,.kicker{color:#8ea0a9;letter-spacing:.16em}.promo-copy h1{font-size:54px;line-height:.95;letter-spacing:-.055em;max-width:520px}.promo-copy h1 em{font-style:normal;color:#8ffb7a}.promo-copy p{font-size:15px;color:#a9b7be;max-width:560px}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-pills span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:800;color:#b8c4c9}
.promo-art{background:radial-gradient(circle at 70% 25%,rgba(47,155,255,.16),transparent 30%),radial-gradient(circle at 75% 30%,rgba(0,231,1,.09),transparent 35%)}
.category-row{display:flex;gap:10px;overflow:auto;padding-top:16px;padding-bottom:6px}
.category-chip{background:#151d22;border:1px solid rgba(255,255,255,.06);color:#a9b7be;padding:11px 15px;border-radius:999px;font-weight:800}.category-chip.active,.category-chip:hover{background:#1e282e;color:#f7fafb;border-color:rgba(255,255,255,.11)}
.live-strip,.section,.service-card,.game-card,.promo-card,.top-search,.balance,.howto,.game-controls,.game-stage,.footer-inner{box-shadow:none}
.live-strip,.section,.service-card,.footer-inner{border:1px solid rgba(255,255,255,.06);background:#12191e;border-radius:22px}
.live-title i{background:var(--accent)}
.section-head h2{font-size:30px;letter-spacing:-.035em}
.game-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.game-card{background:#141c21;border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;padding:0;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.game-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.13);background:#182126}
.game-art{height:180px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00));display:flex;align-items:stretch;justify-content:center}
.game-art img{width:100%;height:100%;object-fit:cover;display:block}
.game-meta{padding:14px 16px 16px;display:grid;gap:4px;text-align:left}
.game-meta small{font-size:10px;letter-spacing:.15em;color:#7f919a}
.game-meta h3{font-size:19px;letter-spacing:-.02em}
.game-meta span{font-size:13px;color:#9eb0b8}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{padding:18px;background:#141c21}.service-icon{width:44px;height:44px;border-radius:14px;background:#1f2b31;color:#dff9dd;font-weight:900}.service-card button{border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#1c252b;color:#eef2f3;padding:11px 14px}
.footer{padding-top:18px;padding-bottom:36px}.footer-inner{padding:18px 22px;background:#11181d}
.modal-card,.panel,.game-controls{background:#141c21!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px}
.game-modal-head{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.game-statbar span,.game-wallet-mini{background:#11181d;border:1px solid rgba(255,255,255,.06);border-radius:14px}
.bet-input,.field select,.field input,textarea{background:#11181d;border:1px solid rgba(255,255,255,.08);color:#f5f7f8}
.bet-tools button,.blackjack-actions button,.roulette-quick button,.game-settings button,.side-help{background:#1c252b;border:1px solid rgba(255,255,255,.07);color:#eaf0f3}
.bet-tools button:hover,.blackjack-actions button:hover:not(:disabled),.roulette-quick button:hover,.game-settings button:hover{background:#243038}
.theme-mines .game-stage,.theme-wheel .game-stage,.theme-roulette .game-stage,.theme-blackjack .game-stage,.theme-slots .game-stage,.theme-target .game-stage{border-radius:20px}
.theme-mines .game-stage{background:linear-gradient(145deg,#15192b,#121828 60%,#0d111a)}
.theme-wheel .game-stage{background:linear-gradient(145deg,#221c10,#181817 60%,#101418)}
.theme-roulette .game-stage{background:linear-gradient(145deg,#13211e,#101817 60%,#0d1114)}
.theme-blackjack .game-stage{background:radial-gradient(circle at 50% 20%,#183428,#10211a 55%,#0c1612)}
.theme-slots .game-stage{background:linear-gradient(145deg,#221327,#17141f 58%,#111217)}
.theme-target .game-stage{background:linear-gradient(145deg,#141c27,#131923 60%,#0e1118)}
.theme-mines .primary,.theme-wheel .primary,.theme-roulette .primary,.theme-blackjack .primary,.theme-slots .primary,.theme-target .primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#091009}
.game-tutorial-card{background:linear-gradient(180deg,#182127,#10171b);border-color:rgba(255,255,255,.08)}
.game-tutorial-card .tutorial-icon{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#0b120d}
@media (max-width:1100px){.service-grid{grid-template-columns:1fr}.promo-card{height:auto;grid-template-columns:1fr}.promo-art{min-height:240px}.sidebar{background:#0f151a}.app-content{margin-left:0}.promo-copy h1{font-size:44px}}
@media (max-width:720px){.promo-copy{padding:28px}.promo-copy h1{font-size:36px}.game-grid{grid-template-columns:1fr 1fr}.top-search{display:none}.service-grid{grid-template-columns:1fr}.game-card{border-radius:18px}}
@media (max-width:520px){.game-grid{grid-template-columns:1fr}.game-art{height:160px}.promo-label{font-size:10px}.section-head h2{font-size:24px}}

/* V8 final originals: Crash, Plinko, Dino + final lobby polish */
.navicon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navicon svg rect,.navicon svg circle{fill:none}.search-mark{width:14px;height:14px;border:2px solid #64757d;border-radius:50%;position:relative;display:block}.search-mark:after{content:"";position:absolute;width:6px;height:2px;background:#64757d;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}
.game-card.featured:after{content:"NEU";position:absolute;top:12px;right:12px;background:#00e701;color:#071009;font-size:9px;font-weight:1000;letter-spacing:.12em;padding:6px 8px;border-radius:999px}.game-card{position:relative}.game-card:before{content:"SPIELEN";position:absolute;left:14px;top:138px;z-index:2;opacity:0;transform:translateY(5px);transition:.18s ease;background:#00e701;color:#071009;font-size:10px;font-weight:1000;padding:8px 12px;border-radius:999px;box-shadow:0 10px 25px rgba(0,231,1,.2)}.game-card:hover:before{opacity:1;transform:none}.game-art{position:relative}.game-art:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(transparent,rgba(10,14,17,.45));pointer-events:none}
.theme-crash .game-stage{background:#11171b}.theme-plinko .game-stage{background:#11171b}.theme-dino .game-stage{background:#11171b}.theme-crash .primary,.theme-plinko .primary,.theme-dino .primary{background:linear-gradient(180deg,#00e701,#12c840);color:#071009}
.crash-stage{position:relative;width:min(760px,96%);height:390px;border-radius:18px;overflow:hidden;background:#0e1418;border:1px solid rgba(255,255,255,.06)}.crash-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px}.crash-line{position:absolute;left:8%;bottom:18%;width:78%;height:58%;border-bottom:8px solid #00e701;border-radius:0 0 85% 0;transform:skewY(-24deg);filter:drop-shadow(0 0 14px rgba(0,231,1,.24))}.crash-line.idle{opacity:.45}.crash-stage.lost .crash-line{border-color:#ff5868}.crash-multiplier{position:absolute;left:9%;top:16%;font-size:54px;letter-spacing:-.055em;font-weight:1000;color:#fff}.crash-stage small{position:absolute;left:10%;top:34%;color:#82949d;font-weight:800}.crash-stage.result.won .crash-multiplier{color:#72ff75}.crash-stage.result.lost .crash-multiplier{color:#ff7380}
.plinko-stage{position:relative;width:min(690px,96%);height:430px;border-radius:18px;background:radial-gradient(circle at 50% 10%,rgba(0,231,1,.06),transparent 36%),#10161a;border:1px solid rgba(255,255,255,.06);overflow:hidden}.plinko-pegs{position:absolute;left:50%;top:54px;width:380px;height:260px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(11,1fr);align-content:space-between;gap:12px 18px;clip-path:polygon(50% 0,100% 100%,0 100%)}.plinko-pegs i{width:7px;height:7px;border-radius:50%;background:#dce5e9;box-shadow:0 0 0 3px rgba(255,255,255,.03)}.plinko-ball{position:absolute;left:50%;top:38px;width:17px;height:17px;border-radius:50%;background:#00e701;box-shadow:0 0 22px rgba(0,231,1,.45);transform:translateX(-50%)}.plinko-ball.landed{top:326px;left:calc(10% + (var(--slot) / var(--rows)) * 80%)}.plinko-bins{position:absolute;left:9%;right:9%;bottom:28px;display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.plinko-bins span{min-height:37px;border-radius:7px;background:#1b252a;display:grid;place-items:center;font-size:10px;font-weight:900;color:#eaf1f3;border:1px solid rgba(255,255,255,.06)}.plinko-bins span:first-child,.plinko-bins span:last-child{background:#67262d}.plinko-result{position:absolute;right:20px;top:18px;display:grid;padding:12px 16px;border-radius:12px;background:#182126;border:1px solid rgba(255,255,255,.07)}.plinko-result b{font-size:24px;color:#75ff78}.plinko-result span{font-size:10px;color:#899aa2}
.dino-stage{width:min(760px,96%);height:390px;border-radius:18px;background:linear-gradient(#11191e 0 62%,#171f23 62%);border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.dino-track{position:absolute;left:7%;right:7%;bottom:94px;height:120px;border-bottom:3px solid #3a484e}.dino-sprite{position:absolute;left:4%;bottom:3px;width:50px;height:56px;background:#00e701;color:#08100a;border-radius:8px 10px 5px 5px;font-size:0;transition:left .7s ease}.dino-sprite:before{content:"";position:absolute;width:40px;height:30px;left:2px;top:17px;background:#00e701;border-radius:5px}.dino-sprite:after{content:"";position:absolute;width:27px;height:24px;right:-10px;top:0;background:#00e701;border-radius:5px}.dino-obstacle{position:absolute;bottom:0;width:14px;background:#66767d;border-radius:5px 5px 0 0}.dino-obstacle.one{height:34px;left:35%}.dino-obstacle.two{height:52px;left:62%}.dino-obstacle.three{height:40px;left:84%}.dino-progress{position:absolute;left:8%;right:8%;bottom:40px;height:7px;background:#222d32;border-radius:999px;overflow:hidden}.dino-progress i{display:block;height:100%;width:0;background:#00e701;border-radius:inherit}.dino-stage small{position:absolute;left:8%;bottom:57px;color:#809098}.dino-stage.result b{position:absolute;left:8%;top:40px;font-size:30px}.dino-stage.result>small{top:80px;bottom:auto}.dino-stage.result.lost .dino-sprite,.dino-stage.result.lost .dino-progress i{background:#ff5969}
.mobile-dock{display:none}
@media(max-width:820px){.game-card:before{display:none}.promo-art{display:none}.promo-card{min-height:330px}.promo-copy{justify-content:flex-end}.mobile-dock{position:fixed;z-index:60;left:12px;right:12px;bottom:12px;height:64px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:rgba(18,25,30,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.38)}.mobile-dock a,.mobile-dock button{border:0;background:transparent;color:#9bacb4;display:grid;place-items:center;font-size:10px;font-weight:850;border-radius:12px}.mobile-dock a:active,.mobile-dock button:active{background:#202b31;color:#fff}.footer{padding-bottom:100px}.plinko-stage,.crash-stage,.dino-stage{height:330px}.crash-multiplier{font-size:42px}.plinko-pegs{width:310px;height:205px}.plinko-ball.landed{top:255px}}

/* V9 – stronger open-source casino-template visual language */
:root{
  --bg:#0f212e;
  --panel:#1a2c38;
  --panel-2:#213743;
  --panel-3:#142631;
  --accent:#00e701;
  --accent-2:#12c93f;
  --text:#f5f7f8;
  --muted:#9eb0bb;
  --line:#2f4552;
  --line-soft:#263b47;
  --sidebar:232px;
  --topbar:64px;
  --shadow:0 12px 30px rgba(0,0,0,.28);
}
html,body{background:var(--bg)!important;color:var(--text)}
body:before{display:none!important}
.shell{width:min(1280px,calc(100% - 36px))}
.topbar{background:#1a2c38!important;border-bottom:1px solid #243c49!important;box-shadow:0 4px 18px rgba(0,0,0,.22)!important;backdrop-filter:none!important}
.topbar-inner{max-width:none!important;padding:0 16px!important}
.brand{min-width:calc(var(--sidebar) - 12px)!important;gap:10px!important}
.brand-mark{width:35px!important;height:35px!important;border-radius:8px!important;background:#00e701!important;color:#071408!important;box-shadow:none!important}
.brand-title{font-size:15px!important;letter-spacing:.04em!important}.brand-sub{font-size:8px!important;letter-spacing:.13em!important;color:#8fa2ad!important}
.top-search{height:40px!important;max-width:470px!important;background:#0f212e!important;border:1px solid #2f4552!important;border-radius:8px!important}
.balance{height:40px!important;background:#0f212e!important;border:1px solid #2f4552!important;border-radius:8px!important;font-weight:800!important}
.wallet-button.primary{height:40px!important;border-radius:8px!important;background:#1475e1!important;color:white!important;box-shadow:none!important}
.wallet-button.primary:hover{background:#2687ed!important}
.avatarBtn,.top-action{border-radius:8px!important}
.sidebar{background:#0f212e!important;border-right:1px solid #213743!important;padding:14px 10px!important}
.sidebar nav{gap:3px!important}.side-link{height:42px!important;border-radius:7px!important;color:#b4c1c8!important;padding:0 11px!important}.side-link:hover,.side-link.active{background:#1a2c38!important;color:#fff!important}.side-link span{background:transparent!important;color:#93a7b2!important;width:22px!important;height:22px!important}.side-link.active span{color:#00e701!important}
.responsible-box{border-radius:8px!important;background:#142631!important;border-color:#263b47!important}
.responsible-box strong{color:#00e701!important}
.app-content{background:#0f212e!important}
.promo-wrap{padding-top:18px!important}.promo-card{height:286px!important;border-radius:10px!important;background:#1a2c38!important;border:1px solid #2b414d!important;box-shadow:none!important}.promo-card:after{display:none!important}.promo-copy{padding:32px 38px!important}.promo-label,.kicker{color:#8fa2ad!important}.promo-copy h1{font-size:43px!important;line-height:1!important;letter-spacing:-.045em!important}.promo-copy h1 em{color:#00e701!important}.promo-copy p{font-size:14px!important;color:#a9b8c0!important}.promo-art{background:#142631!important;border-left:1px solid #263b47!important}.promo-art img{width:100%;height:100%;object-fit:cover}.hero-pills span{border-radius:6px!important;background:#142631!important;border-color:#2b414d!important;color:#9fb1ba!important}
.primary{background:#00e701!important;color:#071408!important;border-radius:6px!important;box-shadow:none!important}.primary:hover{background:#13f41a!important}.secondary{background:#213743!important;border-color:#2f4552!important;border-radius:6px!important;color:#fff!important}.secondary:hover{background:#2b4350!important}
.originals-showcase{margin-top:18px}.showcase-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.showcase-head h2{margin:2px 0 0;font-size:22px;letter-spacing:-.025em}.showcase-head a{font-size:12px;font-weight:750;color:#a8b8c0}.showcase-head a:hover{color:white}.originals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.original-card{padding:0;border:0;background:transparent;color:white;text-align:left;cursor:pointer;min-width:0}.original-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid #2c414d;background:#142631;transition:transform .16s,border-color .16s}.original-card:hover img{transform:translateY(-2px);border-color:#4b626f}.original-card>span{display:grid;gap:1px;padding:8px 3px 0}.original-card small{font-size:8px;letter-spacing:.12em;color:#81949e;font-weight:900}.original-card b{font-size:14px}.original-card em{font-style:normal;color:#8fa2ad;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-row{gap:7px!important;padding-top:18px!important}.category-chip{padding:9px 13px!important;border-radius:6px!important;background:#1a2c38!important;border-color:#2b414d!important;color:#aebdc5!important}.category-chip.active,.category-chip:hover{background:#213743!important;border-color:#36515f!important;color:#fff!important}
.live-strip{border-radius:8px!important;background:#142631!important;border-color:#263b47!important;min-height:44px!important}.live-title i{background:#00e701!important}.live-win{background:#1a2c38!important;border-color:#2b414d!important;border-radius:6px!important}
.section{background:transparent!important;border:0!important;border-radius:0!important;padding:22px 0 0!important}.section-head{margin-bottom:10px!important}.section-head h2{font-size:22px!important}.section-sub{font-size:12px!important;color:#8fa2ad!important}
.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.game-card{border-radius:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.game-card:hover{transform:none!important;background:transparent!important}.game-art{height:auto!important;aspect-ratio:16/9;border-radius:8px!important;overflow:hidden;background:#142631!important;border:1px solid #2b414d!important;transition:transform .16s,border-color .16s}.game-card:hover .game-art{transform:translateY(-2px);border-color:#4d6572}.game-art img{width:100%!important;height:100%!important;object-fit:cover!important}.game-meta{padding:7px 2px 0!important;gap:1px!important}.game-meta small{font-size:8px!important;color:#7f929c!important}.game-meta h3{font-size:14px!important;margin:0!important}.game-meta span{font-size:10px!important;color:#8da0aa!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;background:transparent!important;border:0!important}.service-card{background:#1a2c38!important;border:1px solid #2b414d!important;border-radius:8px!important;padding:14px!important}.service-icon{border-radius:7px!important;background:#213743!important;color:#00e701!important}.service-card h3{font-size:14px!important}.service-card p{font-size:10px!important;color:#90a2ac!important}.service-card button{background:#213743!important;border-color:#2f4552!important;border-radius:6px!important}
.footer-inner{border-radius:8px!important;background:#142631!important;border-color:#263b47!important}
/* Game modal: closer to the referenced open-source betting panel layout */
.modal-overlay{background:rgba(5,12,17,.76)!important;backdrop-filter:blur(6px)!important}.modal.game-modal{width:min(1180px,calc(100vw - 28px))!important;max-width:1180px!important;background:#0f212e!important;border:1px solid #2d4552!important;border-radius:8px!important;padding:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.48)!important}.game-shell{padding:0!important}.game-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:3px 4px 12px!important;border-bottom:1px solid #263b47!important}.game-modal-head .modal-title{font-size:19px!important;margin:2px 0!important}.game-modal-head .modal-sub{font-size:10px!important;color:#8fa2ad!important}.game-wallet-mini{border-radius:6px!important;background:#142631!important;border-color:#2b414d!important;padding:8px 11px!important}.game-statbar{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin:10px 0 0!important}.game-statbar span{background:#142631!important;border-color:#263b47!important;border-radius:6px!important;padding:7px 9px!important}.game-statbar small{font-size:8px!important}.game-statbar b{font-size:11px!important}
.game-layout{display:grid!important;grid-template-columns:305px minmax(0,1fr)!important;gap:10px!important;margin-top:10px!important;align-items:stretch!important}.game-controls{grid-column:1!important;grid-row:1!important;background:#1a2c38!important;border:1px solid #2b414d!important;border-radius:7px!important;padding:12px!important;gap:9px!important}.game-stage{grid-column:2!important;grid-row:1!important;min-height:500px!important;background:#142631!important;border:1px solid #2b414d!important;border-radius:7px!important;padding:14px!important}.game-stage:before{display:none!important}.bet-input,.field input,.field select,.field textarea{background:#0f212e!important;border-color:#2d4552!important;border-radius:5px!important}.bet-tools button,.game-settings button,.roulette-quick button,.blackjack-actions button{border-radius:5px!important;background:#213743!important;border-color:#314b59!important}.howto{background:#142631!important;border-color:#2b414d!important;border-radius:6px!important}.howto summary{font-size:10px!important}.game-result{background:#142631!important;border-color:#2b414d!important;border-radius:6px!important}.play-button{border-radius:5px!important;min-height:43px!important}
/* Template-like game surfaces */
.theme-crash .game-stage,.theme-plinko .game-stage,.theme-mines .game-stage,.theme-dino .game-stage{background:#142631!important}.theme-wheel .game-stage,.theme-roulette .game-stage,.theme-blackjack .game-stage,.theme-slots .game-stage,.theme-target .game-stage{background:#142631!important}.crash-stage,.plinko-stage,.dino-stage{border-radius:6px!important;background:#0f212e!important;border-color:#2b414d!important}.crash-grid{opacity:.45}.crash-line{filter:none!important}.crash-multiplier{color:#fff!important}.plinko-pegs i{background:#dbe4e8!important;box-shadow:0 0 0 2px #29404d!important}.plinko-bins span{border-radius:3px!important}.mines-board{gap:8px!important}.mines-board button,.mines-board span{border-radius:6px!important;background:#213743!important;border-color:#304a58!important;box-shadow:none!important;color:#50d7ff!important}.mines-board button.safe,.mines-board span.safe{background:#154231!important;border-color:#00e701!important;color:#7bff7d!important}.mines-board button.bomb,.mines-board span.bomb{background:#5a2530!important;border-color:#ed4d61!important}.blackjack-table.interactive{background:#0d3b2d!important;border-radius:7px!important}.roulette-table{background:#0d3026!important;border-radius:7px!important;padding:18px!important}.slot-machine{border-radius:7px!important;background:#251a32!important}.target-stage .vault-door{border-radius:7px!important;background:#182d3b!important}
.game-tutorial-layer{background:rgba(8,18,24,.90)!important;backdrop-filter:blur(4px)!important}.game-tutorial-card{background:#1a2c38!important;border:1px solid #304956!important;border-radius:8px!important;box-shadow:0 24px 60px rgba(0,0,0,.45)!important}.tutorial-icon{border-radius:6px!important;background:#00e701!important;color:#061007!important}.tutorial-actions .primary,.tutorial-actions .secondary{border-radius:5px!important}
.mobile-dock{background:#1a2c38!important;border-color:#304956!important;border-radius:10px!important}
@media(max-width:1180px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.originals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-layout{grid-template-columns:280px minmax(0,1fr)!important}.game-stage{min-height:440px!important}}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.game-layout{grid-template-columns:1fr!important}.game-stage{grid-column:1!important;grid-row:1!important;min-height:390px!important}.game-controls{grid-column:1!important;grid-row:2!important}.promo-card{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.shell{width:min(100% - 20px,1280px)}.promo-card{grid-template-columns:1fr!important;height:auto!important}.promo-art{min-height:180px!important;border-left:0!important;border-top:1px solid #263b47!important}.promo-copy{padding:24px!important}.promo-copy h1{font-size:34px!important}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.originals-grid{grid-template-columns:1fr 1fr!important}.service-grid{grid-template-columns:1fr!important}.game-stage{min-height:320px!important}}
@media(max-width:460px){.originals-grid{grid-template-columns:1fr!important}.game-grid{grid-template-columns:1fr 1fr!important}.game-meta span{display:none}.game-meta h3{font-size:13px!important}.promo-art{display:none!important}}

/* === V10 exact template-feel pass === */
:root{
  --bg:#1a2027;
  --panel:#213743;
  --panel-2:#17232d;
  --panel-3:#0f1921;
  --line:#2d4656;
  --line-soft:#253947;
  --accent:#00e701;
  --accent-2:#16b837;
  --text:#f3f7f8;
  --muted:#9fb0b9;
  --muted-2:#7e919c;
  --shadow:0 20px 60px rgba(0,0,0,.34);
}
body{background:#1c242c!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),radial-gradient(circle at 20% 0%,rgba(0,231,1,.06),transparent 22%)}
.topbar{background:#11181d!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
.brand-mark{background:linear-gradient(180deg,#1af51f,#0fd012)!important;clip-path:none!important;border-radius:10px!important;color:#0b150b!important;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 12px 24px rgba(0,231,1,.18)!important}
.brand-title{font-size:15px!important;letter-spacing:.14em!important}.brand-sub{font-size:8px!important;color:#7d8f98!important;letter-spacing:.16em!important}
.top-search,.balance,.avatarBtn{background:#0d1419!important;border-color:rgba(255,255,255,.06)!important;border-radius:999px!important}
.primary,.wallet-button,.category-chip.active{background:linear-gradient(180deg,#18f418,#0fce10)!important;color:#091109!important;border:0!important;box-shadow:0 8px 22px rgba(0,231,1,.20)!important}
.secondary{background:#1c252b!important;border-color:rgba(255,255,255,.08)!important;color:#eef2f4!important}
.sidebar{background:#10171c!important;border-right:1px solid rgba(255,255,255,.05)!important}
.side-link{border-radius:12px!important;height:46px!important;color:#a4b1b8!important}
.side-link span{width:26px!important;height:26px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#161f25!important;color:#f0f4f6!important;font-size:13px!important}
.side-link.active,.side-link:hover{background:#1a2328!important;color:#fff!important}
.side-link.active span{background:linear-gradient(180deg,#18f418,#0fce10)!important;color:#0a120b!important}
.responsible-box{background:#141d22!important;border-color:rgba(255,255,255,.06)!important;border-radius:14px!important}
.responsible-box strong{color:#9aff89!important}
.shell{width:min(1320px,calc(100% - 34px))!important}
.promo-card{height:350px!important;border-radius:18px!important;background:linear-gradient(135deg,#1a2127,#10171b)!important;border:1px solid rgba(255,255,255,.06)!important;grid-template-columns:1fr 1.08fr!important;overflow:hidden!important}
.promo-card:before{content:"";position:absolute;inset:auto auto -40% 54%;width:440px;height:440px;background:radial-gradient(circle,rgba(0,231,1,.12),transparent 60%)}
.promo-label,.kicker{color:#9fb0b9!important;letter-spacing:.18em!important}
.promo-copy h1{font-size:52px!important;line-height:.95!important;letter-spacing:-.055em!important;max-width:420px}.promo-copy h1 em{color:#ffffff!important}
.hero-pills span{background:#161f25!important;border:1px solid rgba(255,255,255,.07)!important;color:#b7c2c8!important}
.category-row{display:flex!important;gap:10px!important;overflow:auto!important;padding-top:18px!important;padding-bottom:8px!important}
.category-chip{height:40px!important;padding:0 15px!important;border-radius:999px!important;background:#151d22!important;border:1px solid rgba(255,255,255,.06)!important;color:#aab8bf!important;font-weight:800!important;min-width:max-content}
.live-strip,.service-card,.footer-inner,.section{background:transparent!important;border-color:transparent!important}
.live-strip{border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding:8px 0!important;margin-top:18px!important}
.section-head h2{font-size:28px!important;letter-spacing:-.04em!important}
.game-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.game-card{border-radius:16px!important;background:#121a20!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important}
.game-card:hover{transform:translateY(-4px)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 18px 40px rgba(0,0,0,.32)!important}
.game-art{height:190px!important;background:#0b1115!important;position:relative!important}
.game-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18) 100%);pointer-events:none}
.game-art img{object-fit:cover!important;filter:saturate(1.04) contrast(1.02)!important}
.game-art:after{content:"PLAY NOW"!important;inset:auto 12px 12px auto!important;width:94px!important;height:34px!important;border-radius:10px!important;background:#1bf41b!important;color:#091109!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;display:grid!important;place-items:center!important;opacity:0;transform:translateY(6px);transition:.18s}
.game-card:hover .game-art:after{opacity:1!important;transform:none!important}
.game-meta{padding:13px 14px 14px!important}.game-meta small{font-size:10px!important;color:#86f180!important;letter-spacing:.14em!important}.game-meta h3{font-size:18px!important;margin:4px 0!important}.game-meta span{font-size:12px!important;color:#92a3ac!important}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding-bottom:48px!important}.service-card{background:#121a20!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:18px!important;padding:18px!important}.service-icon{background:#1d262c!important;color:#98ff84!important;border-radius:12px!important}
.footer{background:#10171c!important;border-top:1px solid rgba(255,255,255,.05)!important}.footer-inner{background:transparent!important}
.modal,.gate-card{background:#121a20!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important}
.game-layout{grid-template-columns:320px minmax(0,1fr)!important}.game-controls{order:1;background:#11181d!important;border:1px solid rgba(255,255,255,.06)!important}.game-stage{order:2;background:#0d1419!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:18px!important;min-height:420px!important}
.game-modal-head,.game-statbar span,.game-wallet-mini,.howto,.bet-input,.field input,.field select,.game-result{background:#0d1419!important;border-color:rgba(255,255,255,.06)!important}
.theme-mines .primary,.theme-wheel .primary,.theme-roulette .primary,.theme-blackjack .primary,.theme-slots .primary,.theme-target .primary{background:linear-gradient(180deg,#18f418,#0fce10)!important;color:#091109!important}
@media(max-width:1100px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.promo-card{grid-template-columns:1fr!important;height:auto!important}.promo-art{min-height:240px}.game-layout{grid-template-columns:1fr!important}.game-controls{order:2}.game-stage{order:1}}
@media(max-width:760px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shell{width:min(100% - 22px,1320px)!important}.promo-copy h1{font-size:38px!important}}
@media(max-width:520px){.game-grid{grid-template-columns:1fr!important}.game-art{height:170px!important}}

/* === V11 game-by-game interaction polish === */
.game-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:8px 0 14px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0e161b}
.game-flow span{display:flex;align-items:center;gap:7px;color:#6f818b;font-size:10px;font-weight:850;white-space:nowrap}.game-flow span i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#1b262c;color:#84959e;font-style:normal}.game-flow span.active{color:#fff}.game-flow span.active i{background:var(--accent);color:#081009}.game-flow span.done{color:#91a39a}.game-flow span.done i{background:#173b24;color:#69e779}.game-flow>b{height:1px;background:#26343b}
.potential-preview{display:grid;gap:2px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0c1419}.potential-preview small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#71828c}.potential-preview b{font-size:17px;color:#f5f8f9}.potential-preview span{font-size:10px;color:#83949c}
.game-history{min-height:28px;margin-top:8px}.game-history>small{display:block;margin-bottom:6px;color:#6f8089;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.game-history>div{display:flex;gap:5px;flex-wrap:wrap}.game-history span{padding:4px 7px;border-radius:999px;background:#1b2429;color:#98a7ae;font-size:9px;font-weight:850}.game-history span.positive{background:#14361f;color:#84f28a}.game-history span.push{background:#24303a;color:#d0d9dd}

/* Crash */
.crash-stage{position:relative}.crash-chart{position:absolute;left:8%;right:7%;bottom:18%;width:84%;height:64%;overflow:visible}.crash-chart path{fill:none;stroke:#00e701;stroke-width:2.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(0,231,1,.26))}.crash-line{display:none!important}.crash-cashout-marker{position:absolute;right:8%;top:18%;min-width:92px;min-height:28px;padding:6px 9px;border-radius:8px;background:#1a252b;color:#8d9da5;border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:900;text-align:center}.crash-cashout-marker.secured{background:#153c20;color:#95ff9b;border-color:#2a7d39}.crash-stage.crashed.lost .crash-chart path{stroke:#ff5c6d}.crash-stage.crashed.lost .crash-multiplier{color:#ff6d79!important}.crash-stage.crashed.won .crash-multiplier{color:#78ff7b!important}

/* Plinko */
.plinko-stage{position:relative}.plinko-board{position:absolute;left:13%;right:13%;top:36px;bottom:102px;background:radial-gradient(circle,#d9e2e5 2.7px,transparent 3px);background-size:27px 24px;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.8}.plinko-board i{display:none}.plinko-ball{z-index:3;left:50%;top:5%;transform:translate(-50%,-50%);width:17px;height:17px}.plinko-bins{left:5%;right:5%;grid-template-columns:repeat(var(--plinko-cols,13),1fr);gap:3px}.plinko-stage[data-rows="8"] .plinko-bins{--plinko-cols:9}.plinko-stage[data-rows="12"] .plinko-bins{--plinko-cols:13}.plinko-stage[data-rows="16"] .plinko-bins{--plinko-cols:17}.plinko-bins span{font-size:8px;min-height:31px;padding:2px}.plinko-bins span.hit{background:#00e701!important;color:#081009;box-shadow:0 0 0 3px rgba(0,231,1,.12),0 0 24px rgba(0,231,1,.22)}

/* Dino */
.dino-sky{position:absolute;inset:0 0 38%;background:linear-gradient(180deg,#141f25,#10171b)}.dino-sprite{z-index:3;left:3%;background:transparent!important;width:54px;height:54px}.dino-sprite:before{content:"";position:absolute;left:4px;bottom:4px;width:28px;height:34px;background:#00e701;border-radius:4px 8px 4px 4px}.dino-sprite:after{content:"";position:absolute;left:28px;bottom:27px;width:23px;height:18px;background:#00e701;border-radius:3px}.dino-sprite i:before,.dino-sprite i:after{content:"";position:absolute;bottom:0;width:7px;height:13px;background:#00e701;border-radius:2px}.dino-sprite i:before{left:9px}.dino-sprite i:after{left:26px}.dino-sprite.running{animation:dinoBob .16s infinite alternate}.dino-sprite.hit{filter:grayscale(.15);transform:rotate(20deg)}.dino-sprite.hit:before,.dino-sprite.hit:after,.dino-sprite.hit i:before,.dino-sprite.hit i:after{background:#ff5969}.dino-sprite.finished{filter:drop-shadow(0 0 10px rgba(0,231,1,.35))}@keyframes dinoBob{to{transform:translateY(-5px)}}.checkpoint{position:absolute;bottom:8px;transform:translateX(-50%);font-size:8px;color:#6f8189;border-left:1px dashed #53636b;height:85px;padding-left:3px}.checkpoint.c25{left:25%}.checkpoint.c50{left:50%}.checkpoint.c75{left:75%}.checkpoint.c90{left:90%}.checkpoint.reached{color:#7cff83;border-color:#00e701}.checkpoint.missed{color:#ff7783;border-color:#ff5969}.dino-result{position:absolute;left:8%;top:34px;display:grid;gap:3px;padding:10px 13px;border-radius:10px;background:#121c21;border:1px solid rgba(255,255,255,.07)}.dino-result b{position:static!important;font-size:17px!important}.dino-result span{font-size:10px;color:#899aa2}.dino-result.win b{color:#7fff84}.dino-result.loss b{color:#ff7b87}

/* Roulette */
.roulette-table.spinning .roulette-wheel{animation:rouletteWheelSpin .45s linear infinite}.roulette-table.spinning .roulette-numbers{opacity:.5}.roulette-numbers button.hit{outline:3px solid #fff!important;box-shadow:0 0 0 5px rgba(255,255,255,.13),0 0 28px rgba(255,255,255,.17)}@keyframes rouletteWheelSpin{to{transform:rotate(360deg)}}

/* Slots */
.slot-machine.spinning .reel{filter:blur(1px);transform:translateY(-2px)}.slot-reels .reel.settled{animation:slotLand .25s cubic-bezier(.2,.8,.2,1)}@keyframes slotLand{0%{transform:translateY(-12px) scale(.96)}70%{transform:translateY(4px) scale(1.03)}100%{transform:none}}

/* Target */
.vault-door.selected{border-color:#5dbfff;box-shadow:0 0 0 4px rgba(93,191,255,.10)}.vault-door.checking{animation:vaultCheck .35s ease-in-out infinite alternate}.vault-door.empty{opacity:.58}.vault-status{margin:16px auto 0;padding:8px 12px;border-radius:9px;background:#111b21;color:#9aabb4;font-size:11px;font-weight:800;text-align:center;width:max-content}@keyframes vaultCheck{to{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.25)}}

/* Session games */
.mines-board button.checking{background:#25343b!important;border-color:#72858e!important;color:#fff!important;animation:mineChecking .35s ease-in-out infinite alternate}@keyframes mineChecking{to{transform:scale(.94)}}.mines-board button.safe{animation:tileReveal .24s cubic-bezier(.2,.9,.3,1)}.mines-board button.bomb{animation:bombReveal .35s ease}@keyframes tileReveal{from{transform:scale(.72);opacity:.3}to{transform:none;opacity:1}}@keyframes bombReveal{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}100%{transform:none}}
.playing-card{animation:dealCard .24s cubic-bezier(.2,.85,.3,1)}@keyframes dealCard{from{transform:translateY(-18px) rotate(-5deg);opacity:0}to{transform:none;opacity:1}}.blackjack-actions button.acting{background:#27473a!important;box-shadow:0 0 0 3px rgba(0,231,1,.12)}

@media(max-width:720px){.game-flow{grid-template-columns:auto 1fr auto 1fr auto;gap:5px;padding:8px}.game-flow span{font-size:8px}.game-flow span i{width:18px;height:18px}.plinko-board{left:8%;right:8%}.plinko-bins{left:2%;right:2%}.plinko-bins span{font-size:7px}.crash-cashout-marker{top:auto;bottom:12px;right:12px}}


/* ===== V13 CLEAN LAYOUT + GITHUB-LIKE BACKGROUND ===== */
:root{
  --bg:#0a1520;
  --bg-2:#0e2333;
  --panel:#102332;
  --panel-2:#143147;
  --panel-3:#19384e;
  --line:#24455c;
  --line-soft:#1c3648;
  --text:#eff5f7;
  --muted:#98adba;
  --accent:#2ba8ff;
  --accent-2:#1c88ff;
  --chip:#10283a;
  --chip-active:#154362;
  --sidebar:206px;
}
html,body{background:linear-gradient(180deg,#09131c 0%,#0b1d2b 16%,#10314a 48%,#0d2538 100%)!important;color:var(--text)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
body:before{display:block!important;content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 0%,rgba(75,164,255,.18),transparent 24%),radial-gradient(circle at 78% 6%,rgba(74,126,255,.10),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 12%)!important}
.topbar{height:58px!important;background:rgba(8,18,27,.92)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(14px)!important;box-shadow:0 6px 22px rgba(0,0,0,.24)!important}
.topbar-inner{padding:0 14px!important;gap:14px!important}.brand{min-width:180px!important}
.brand-mark{width:26px!important;height:26px!important;border-radius:8px!important;background:linear-gradient(180deg,#14e414,#09b809)!important;clip-path:none!important;color:#071007!important;font-size:11px!important;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 8px 18px rgba(20,228,20,.28)!important}
.brand-title{font-size:13px!important;letter-spacing:.08em!important}.brand-sub{display:block!important;color:#8ea9bb!important;font-size:7px!important;letter-spacing:.15em!important}
.top-search{max-width:300px!important;height:38px!important;border-radius:12px!important;background:#102432!important;border:1px solid #214159!important}.top-search input{font-size:13px!important}.top-search span{color:#7fa6bf!important}
.top-action,.balance,.wallet-button,.avatarBtn{height:38px!important;border-radius:12px!important}
.balance{background:#102432!important;border:1px solid #214159!important;color:#eef6fa!important;padding:0 12px!important}
.wallet-button,.primary{background:linear-gradient(180deg,#36abff,#0e87ff)!important;color:#f7fbff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 26px rgba(14,135,255,.28)!important}
.wallet-button:hover,.primary:hover{filter:brightness(1.03)!important}
.secondary{background:#12293a!important;border:1px solid #24445c!important;color:#eff5f7!important}
.sidebar{top:58px!important;background:rgba(9,20,30,.92)!important;border-right:1px solid rgba(255,255,255,.06)!important;padding:12px 10px!important;backdrop-filter:blur(14px)!important}
.sidebar nav{gap:6px!important}.side-link{height:40px!important;border-radius:10px!important;padding:0 10px!important;color:#b7c7d1!important;font-size:13px!important}.side-link span{width:22px!important;height:22px!important;border-radius:6px!important;background:#0f2737!important;color:#79c4ff!important;font-size:12px!important}.side-link.active,.side-link:hover{background:#143147!important;color:#fff!important}.side-link.active span{background:#0c3f61!important;color:#8ddbff!important}
.responsible-box{background:#102432!important;border:1px solid #204058!important;border-radius:14px!important;color:#9bb0bc!important}
.app-content{padding-top:58px!important;margin-left:206px!important}
.shell{width:min(1300px,calc(100% - 28px))!important}
.premium-hero{padding-top:14px!important}.promo-card{min-height:320px!important;height:auto!important;border-radius:18px!important;background:linear-gradient(135deg,#133d60 0%,#0e2740 40%,#0b1b2e 100%)!important;border:1px solid #245578!important;grid-template-columns:1.05fr 1.15fr!important;overflow:hidden!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important}.promo-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 75% 16%,rgba(255,170,0,.18),transparent 18%)}
.promo-copy{padding:34px 34px 28px!important}.promo-label{font-size:11px!important;color:#77ffd0!important;letter-spacing:.16em!important}.promo-copy h1{font-size:54px!important;line-height:.94!important;letter-spacing:-.05em!important;margin:10px 0 12px!important}.promo-copy h1 em{color:#69c8ff!important}.promo-copy p{font-size:14px!important;color:#b9cad5!important;max-width:470px!important}.hero-pills{gap:8px!important;margin-top:14px!important}.hero-pills span{background:rgba(10,25,36,.46)!important;border:1px solid rgba(255,255,255,.08)!important;color:#d4e4ed!important;border-radius:999px!important;padding:8px 12px!important;font-size:11px!important}
.promo-art{background:transparent!important}.promo-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.05) contrast(1.04)!important}
.category-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:18px 0 2px!important}.category-chip{height:42px!important;padding:0 16px!important;border-radius:999px!important;background:rgba(9,26,40,.68)!important;border:1px solid rgba(255,255,255,.12)!important;color:#d8e3ea!important;font-weight:800!important}.category-chip.active,.category-chip:hover{background:#13476d!important;border-color:#4eb8ff!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(116,208,255,.24)!important}
.live-strip{background:transparent!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:10px 0!important;margin-top:8px!important}
.section{background:transparent!important;border:0!important}.section-head h2{font-size:32px!important;letter-spacing:-.04em!important}.section-sub{font-size:13px!important;color:#acc0cc!important}
#gameGrid,.game-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}
.game-card{position:relative!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;text-align:left!important}
.game-card:hover{transform:none!important;background:transparent!important;box-shadow:none!important}
.game-art{position:relative!important;aspect-ratio:0.88/1!important;height:auto!important;min-height:280px!important;border-radius:16px!important;overflow:hidden!important;background:#0f2537!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important}
.game-art img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;transform:none!important;filter:saturate(1.03) contrast(1.04)!important}
.game-art:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 28%,rgba(0,0,0,.06) 50%,rgba(4,9,14,.58) 100%)!important;pointer-events:none!important;z-index:1!important}
.game-art:after{content:"Play →"!important;position:absolute!important;right:12px!important;bottom:12px!important;width:auto!important;height:auto!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(8,20,31,.72)!important;border:1px solid rgba(255,255,255,.14)!important;color:#ebf4f9!important;font-size:11px!important;font-weight:800!important;letter-spacing:.03em!important;opacity:0!important;transform:translateY(5px)!important;transition:.18s!important;z-index:2!important}
.game-card:hover .game-art{transform:translateY(-3px)!important;border-color:#58beff!important;box-shadow:0 20px 38px rgba(0,0,0,.28)!important}.game-card:hover .game-art:after{opacity:1!important;transform:none!important}
.game-card.featured:after{top:12px!important;right:12px!important;z-index:3!important;background:#6ae86d!important;color:#07220a!important;border-radius:999px!important;font-size:9px!important;font-weight:1000!important;padding:5px 8px!important;letter-spacing:.12em!important;box-shadow:0 8px 22px rgba(106,232,109,.24)!important}
.game-card:before{display:none!important}
.game-meta{padding:12px 4px 2px!important;display:grid!important;gap:3px!important}.game-meta small{font-size:10px!important;letter-spacing:.14em!important;color:#7ff2cf!important}.game-meta h3{font-size:22px!important;line-height:1.05!important;margin:0!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.2)}.game-meta span{font-size:12px!important;line-height:1.35!important;color:#c2d2db!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-height:32px!important}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.service-card{background:#0f2537!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:18px!important}.service-icon{background:#133a57!important;color:#8fd4ff!important;border-radius:12px!important}.service-card button{background:#102c42!important;border:1px solid #284d68!important;color:#eef6fa!important;border-radius:12px!important}
.footer{border-top:1px solid rgba(255,255,255,.06)!important;background:transparent!important}.footer-inner{background:transparent!important}
/* Better mobile */
@media(max-width:1180px){#gameGrid,.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.game-art{min-height:250px!important}.promo-card{grid-template-columns:1fr!important}.promo-art{min-height:220px!important;border-top:1px solid rgba(255,255,255,.08)!important}}
@media(max-width:900px){.app-content{margin-left:0!important}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);box-shadow:22px 0 48px rgba(0,0,0,.36)}#gameGrid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.top-search{display:none!important}.promo-copy h1{font-size:42px!important}.promo-copy{padding:26px!important}}
@media(max-width:620px){.shell{width:min(100% - 18px,1300px)!important}.topbar-inner{gap:8px!important;padding:0 10px!important}.brand-title{display:none!important}.balance{min-width:0!important;font-size:11px!important}.wallet-button{padding:0 12px!important}.promo-copy h1{font-size:34px!important}.promo-copy p{font-size:13px!important}.category-row{gap:8px!important;overflow:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important}.category-chip{min-width:max-content!important;height:38px!important;padding:0 13px!important;font-size:12px!important}#gameGrid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.game-art{aspect-ratio:.86/1!important;min-height:0!important}.game-meta h3{font-size:18px!important}.game-meta span{font-size:11px!important;min-height:unset!important}.service-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){#gameGrid,.game-grid{grid-template-columns:1fr 1fr!important}.game-art{aspect-ratio:.84/1!important}.game-meta{padding-top:10px!important}.game-meta h3{font-size:16px!important}.game-meta span{font-size:10px!important}.promo-art{display:none!important}.promo-card{min-height:260px!important}.promo-copy h1{font-size:30px!important}}

/* ===== V14 BEGINNER-FIRST GAME UX / REFERENCE BLUE THEME ===== */
:root{
  --ref-bg:#144a88;
  --ref-bg-2:#1b568f;
  --ref-panel:#174b7d;
  --ref-panel-2:#103c69;
  --ref-dark:#0b2f55;
  --ref-line:rgba(188,222,255,.20);
  --ref-text:#f8fbff;
  --ref-muted:#bed1e3;
  --accent:#48b6ff;
  --accent-2:#1f8fff;
  --bg:var(--ref-bg);
  --panel:var(--ref-panel);
  --panel-2:var(--ref-panel-2);
  --line:var(--ref-line);
  --text:var(--ref-text);
  --muted:var(--ref-muted);
}
html,body{background:linear-gradient(180deg,#103a6b 0%,#144a88 22%,#174f8b 55%,#123f73 100%) fixed!important;color:#f8fbff!important}
body:before{display:block!important;content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 2%,rgba(93,174,255,.22),transparent 24%),radial-gradient(circle at 82% 5%,rgba(50,125,255,.14),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 14%)!important}
.topbar{background:rgba(9,38,70,.94)!important;border-bottom:1px solid rgba(193,225,255,.14)!important;box-shadow:0 5px 18px rgba(2,17,34,.20)!important}
.sidebar{background:rgba(10,43,76,.96)!important;border-right:1px solid rgba(195,226,255,.12)!important}
.side-link{color:#d1dfeb!important}.side-link:hover,.side-link.active{background:rgba(63,134,194,.34)!important;color:#fff!important}.side-link span{background:rgba(18,76,119,.70)!important;color:#cce9ff!important}.side-link.active span{background:#52bfff!important;color:#083252!important}
.top-search,.balance,.avatarBtn{background:rgba(11,49,84,.88)!important;border-color:rgba(192,224,252,.16)!important;color:#fff!important}.top-search input{color:#fff!important}.top-search input::placeholder{color:#9cb7cc!important}
.wallet-button,.primary{background:linear-gradient(180deg,#54bfff,#258ff5)!important;color:white!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 24px rgba(15,92,181,.24)!important}.secondary{background:rgba(12,56,95,.80)!important;border-color:rgba(190,223,251,.18)!important;color:#fff!important}
.responsible-box{background:rgba(8,35,63,.62)!important;border-color:rgba(193,225,255,.14)!important}.responsible-box p{color:#a9bfd0!important}
.app-content{background:transparent!important}
.promo-card{background:linear-gradient(135deg,#15518f 0%,#164a84 46%,#0f3768 100%)!important;border:1px solid rgba(200,230,255,.20)!important;box-shadow:0 18px 50px rgba(5,25,50,.22)!important}.promo-label,.kicker{color:#72efcf!important}.promo-copy p{color:#d1e0eb!important}.hero-pills span{background:rgba(8,43,77,.45)!important;border-color:rgba(220,239,255,.14)!important;color:#e5f2fb!important}
.category-chip{background:rgba(13,53,91,.64)!important;border-color:rgba(203,231,255,.18)!important;color:#eef7fd!important}.category-chip.active,.category-chip:hover{background:#1c6ba7!important;border-color:#83ceff!important;color:#fff!important}
.live-strip{border-color:rgba(206,232,255,.14)!important}.live-title,.live-items{color:#c5d8e6!important}
.section-head h2{color:#fff!important}.section-sub{color:#c1d4e2!important}
.game-meta small{color:#83f0d3!important}.game-meta h3{color:#fff!important}.game-meta span{color:#d1e0ea!important}
.service-card{background:rgba(10,43,76,.62)!important;border-color:rgba(202,231,255,.14)!important}.service-icon{background:#1a5b91!important;color:#dff3ff!important}
.footer{background:rgba(6,29,53,.35)!important;border-top:1px solid rgba(204,232,255,.12)!important}

/* Game window: one obvious path on desktop */
.modal.game-modal{width:min(1180px,calc(100vw - 28px))!important;max-width:1180px!important;padding:14px!important;background:#0d355e!important;border:1px solid rgba(197,228,255,.22)!important;border-radius:14px!important;box-shadow:0 28px 80px rgba(3,19,39,.46)!important}
.game-shell{padding:0!important}.game-modal-head{padding:4px 4px 12px!important;border-bottom:1px solid rgba(203,232,255,.16)!important}.game-modal-head .modal-title{font-size:23px!important}.game-modal-head .modal-sub{font-size:12px!important;color:#c5d8e7!important}.game-wallet-mini{background:#0b2d50!important;border:1px solid rgba(204,232,255,.16)!important;border-radius:10px!important;padding:9px 12px!important}.game-wallet-mini small{color:#9eb8cc!important}.game-wallet-mini b{font-size:18px!important}
.game-statbar{margin:10px 0!important;gap:7px!important}.game-statbar span{padding:8px 10px!important;background:#0f3d68!important;border:1px solid rgba(204,232,255,.13)!important;border-radius:9px!important}.game-statbar small{color:#9bb8cd!important;font-size:9px!important}.game-statbar b{color:#fff!important;font-size:12px!important}
.game-settings{justify-content:flex-start!important;gap:6px!important;margin:8px 0!important;overflow:auto!important;padding-bottom:2px!important}.game-settings button{min-width:max-content!important;padding:7px 10px!important;border-radius:999px!important;background:#0f416f!important;border:1px solid rgba(204,232,255,.16)!important;color:#eaf6fd!important;font-size:10px!important}.game-settings #gameBeginner{background:#40aef3!important;color:#fff!important;border-color:#80ceff!important;font-weight:900!important}
.game-flow{margin:10px 0!important;background:rgba(7,34,61,.45)!important;border:1px solid rgba(204,232,255,.10)!important;border-radius:10px!important;padding:8px 10px!important}.game-flow span{color:#a8bfd1!important;font-size:10px!important}.game-flow span.active{color:#fff!important}.game-flow span i{background:#104b7d!important;color:#bfe4ff!important}.game-flow span.active i,.game-flow span.done i{background:#4bbaff!important;color:#fff!important}
.game-layout{display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important}
.game-controls{grid-column:1!important;grid-row:1!important;background:#0b2f54!important;border:1px solid rgba(201,230,255,.15)!important;border-radius:12px!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important}.game-stage{grid-column:2!important;grid-row:1!important;min-height:520px!important;background:linear-gradient(145deg,#0c3156,#0b2949)!important;border:1px solid rgba(202,231,255,.16)!important;border-radius:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.beginner-summary{display:grid!important;gap:4px!important;padding:11px!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(72,182,255,.18),rgba(22,92,148,.22))!important;border:1px solid rgba(122,206,255,.28)!important}.beginner-summary.standalone{margin:10px 0 14px!important}.beginner-badge{width:max-content!important;padding:4px 7px!important;border-radius:999px!important;background:#54bfff!important;color:#073156!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.12em!important}.beginner-summary b{font-size:12px!important;color:#fff!important}.beginner-summary small{font-size:10px!important;line-height:1.45!important;color:#bfd3e2!important}
.field label,.field-label-row label{font-size:11px!important;color:#e8f4fb!important;font-weight:850!important}.field-label-row span{font-size:9px!important;color:#99b7cb!important}.field input,.field select,.field textarea,.bet-input{min-height:44px!important;background:#082743!important;border:1px solid rgba(200,230,255,.16)!important;border-radius:9px!important;color:white!important}.bet-input input{min-height:42px!important;font-size:16px!important;font-weight:850!important}.bet-input span{color:#a8c3d7!important}.bet-tools{gap:6px!important}.bet-tools button{height:36px!important;border-radius:8px!important;background:#10436f!important;border:1px solid rgba(198,229,255,.13)!important;color:#fff!important}.choice-hint{padding:9px 10px!important;background:rgba(10,50,87,.78)!important;border:1px solid rgba(201,231,255,.11)!important;border-radius:9px!important;color:#c9dce8!important;font-size:10px!important}
.potential-preview{padding:11px!important;border-radius:10px!important;background:#0d3c66!important;border:1px solid rgba(200,230,255,.14)!important}.potential-preview small{font-size:9px!important;color:#9eb8cc!important}.potential-preview b{font-size:21px!important;color:#fff!important}.potential-preview span{font-size:10px!important;color:#c7d9e6!important}
.next-action-box{display:grid!important;gap:4px!important;padding:11px!important;border-radius:10px!important;background:#123f69!important;border-left:4px solid #54bfff!important}.next-action-box b{font-size:12px!important;color:#fff!important}.next-action-box span{font-size:10px!important;line-height:1.48!important;color:#cfe0eb!important}
.howto{margin:0!important;padding:0!important;border-radius:9px!important;background:#082844!important;border:1px solid rgba(203,232,255,.12)!important;color:#c8dae7!important}.howto summary{padding:10px 11px!important;font-size:10px!important;color:#eef8fd!important}.howto>div{padding:0 11px 11px!important;font-size:10px!important;line-height:1.55!important}.howto ol{padding-left:18px!important}.howto li{margin:5px 0!important}
.play-button{min-height:52px!important;font-size:15px!important;font-weight:950!important;border-radius:10px!important;margin-top:2px!important}.game-result{min-height:58px!important;padding:10px!important;border-radius:10px!important;background:#082743!important;border:1px solid rgba(201,230,255,.12)!important}.game-result b{font-size:14px!important}.game-result span{font-size:10px!important;color:#c4d7e4!important}.game-history{padding-top:2px!important}.game-history small{color:#9db7ca!important}.game-history span{border-radius:999px!important}
.roulette-quick{gap:5px!important}.roulette-quick button{min-height:36px!important;font-size:10px!important}.target-row{gap:8px!important}.target-btn{min-height:64px!important}

/* Mobile game UX: board first, controls second, sticky main action */
@media(max-width:900px){
  .modal.game-modal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:10px!important;overflow:auto!important}
  .modal-overlay{padding:0!important;align-items:stretch!important}
  .game-modal-head{padding-right:38px!important}.game-modal-head .modal-sub{display:none!important}.game-wallet-mini{padding:6px 9px!important}.game-wallet-mini b{font-size:15px!important}
  .game-statbar{grid-template-columns:repeat(3,1fr)!important}.game-statbar span{padding:6px!important}.game-statbar small{font-size:7px!important}.game-statbar b{font-size:10px!important}
  .game-settings{margin:6px 0!important}.game-settings button{padding:6px 9px!important;font-size:9px!important}
  .game-flow{margin:6px 0 9px!important}.game-flow span{font-size:9px!important}
  .game-layout{grid-template-columns:1fr!important;gap:10px!important}
  .game-stage{grid-column:1!important;grid-row:1!important;min-height:310px!important;max-height:46dvh!important;border-radius:10px!important}
  .game-controls{grid-column:1!important;grid-row:2!important;padding:11px!important;gap:9px!important;border-radius:10px!important}
  .beginner-summary{padding:9px!important}.beginner-summary small{display:none!important}
  .play-button{position:sticky!important;bottom:calc(env(safe-area-inset-bottom) + 6px)!important;z-index:12!important;min-height:54px!important;box-shadow:0 -10px 28px rgba(5,28,50,.22),0 12px 28px rgba(12,113,210,.30)!important}
  #sessionActions .primary,#sessionActions button{min-height:48px!important}
  .howto{order:20!important}.game-history{order:21!important}
}
@media(max-width:520px){
  .game-stage{min-height:270px!important;max-height:42dvh!important}
  .game-modal-head .modal-title{font-size:19px!important}.game-wallet-mini small{font-size:7px!important}
  .game-statbar{display:none!important}.game-flow b{width:16px!important}.game-flow span{gap:4px!important}
  .form-grid.two{grid-template-columns:1fr!important}
  .roulette-quick{grid-template-columns:repeat(3,1fr)!important}
  .potential-preview b{font-size:18px!important}
  .next-action-box span{font-size:10px!important}
}

/* ===== V15 MOBILE GAMEPLAY + CARD CLEANUP ===== */
/* Generated cover art is portrait. Keep it portrait everywhere so its title is not cropped. */
.originals-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.original-card img{aspect-ratio:.88/1!important;height:auto!important;object-fit:cover!important;object-position:center center!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
.original-card>span{padding:10px 4px 0!important;gap:3px!important}.original-card b{font-size:18px!important}.original-card em{font-size:11px!important;white-space:normal!important;line-height:1.35!important;color:#c3d4de!important}
.original-card small{color:#7ff2cf!important;font-size:9px!important}

/* No nested scroll areas inside games: the modal page itself scrolls. */
.modal.game-modal{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
.game-stage{overflow:hidden!important}
.theme-mines .game-stage{overflow:visible!important;height:auto!important;max-height:none!important;min-height:0!important;padding:12px!important}
.theme-mines .mines-scene{width:100%!important;max-width:620px!important;margin:0 auto!important}
.theme-mines .mines-board{width:100%!important;max-width:560px!important;margin:0 auto!important;gap:8px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
.theme-mines .mines-board button,.theme-mines .mines-board span{width:100%!important;min-width:0!important;aspect-ratio:1!important;height:auto!important;touch-action:manipulation!important}

/* One obvious interaction target everywhere. */
.game-controls button,.game-controls input,.game-controls select{touch-action:manipulation!important}
.play-button,#sessionActions .primary,#sessionActions button{font-size:15px!important;font-weight:950!important}
.bet-tools button,.roulette-quick button,.blackjack-actions button{min-height:42px!important}

@media(max-width:900px){
  body.game-open{overflow:hidden!important}
  .modal-overlay:has(.game-modal){display:block!important;overflow:hidden!important;background:#081b2b!important}
  .modal.game-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;padding:8px 10px calc(96px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important}
  .modal.game-modal .modal-close{position:fixed!important;top:8px!important;right:10px!important;z-index:100!important;background:#113754!important;border-color:#326184!important}
  .game-shell{width:100%!important;min-width:0!important}
  .game-modal-head{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding-right:44px!important}
  .game-wallet-mini{grid-column:2!important;grid-row:1!important;align-self:start!important}
  .game-layout{display:flex!important;flex-direction:column!important;gap:10px!important}
  .game-stage{order:1!important;width:100%!important;min-height:300px!important;max-height:none!important;overflow:hidden!important}
  .game-controls{order:2!important;width:100%!important;overflow:visible!important;padding:12px!important}
  .theme-mines .game-stage{min-height:0!important;max-height:none!important;overflow:visible!important;padding:8px 4px 12px!important}
  .theme-mines .mines-board{gap:6px!important;max-width:520px!important}
  .theme-mines .mines-status{margin-bottom:8px!important}
  .play-button,#sessionActions .primary,#sessionActions button{position:sticky!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:20!important;min-height:56px!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(0,0,0,.38)!important}
  .game-settings{scrollbar-width:none!important}.game-settings::-webkit-scrollbar{display:none!important}
}
@media(max-width:720px){
  .originals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .original-card img{aspect-ratio:.88/1!important}
  .original-card b{font-size:16px!important}.original-card em{font-size:10px!important}
  .game-stage{min-height:260px!important}
  .theme-mines .game-stage{min-height:0!important}
  .theme-mines .mines-board{gap:5px!important}
  .theme-mines .mines-board button,.theme-mines .mines-board span{border-radius:8px!important;font-size:16px!important}
  .blackjack-actions{grid-template-columns:1fr 1fr!important}.roulette-quick{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:440px){
  .originals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .original-card>span{padding-top:7px!important}.original-card b{font-size:14px!important}.original-card em{font-size:9px!important}
  #gameGrid,.game-grid{gap:10px!important}
  .game-meta h3{font-size:15px!important}.game-meta span{font-size:9px!important}
  .modal.game-modal{padding-left:7px!important;padding-right:7px!important}
  .game-controls{padding:10px!important}
  .theme-mines .mines-board{gap:4px!important}
  .theme-mines .mines-board button,.theme-mines .mines-board span{border-radius:7px!important;font-size:14px!important}
}

/* ===== V16 FINAL BEGINNER UX + ANONYM CRYPTO CASINO HERO ===== */
.promo-banner-card{
  position:relative!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/6.8!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#061a33!important;
  border:1px solid rgba(122,198,255,.22)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30)!important;
}
.promo-banner-card:before,.promo-banner-card:after{display:none!important}
.promo-banner-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}
.promo-banner-actions{position:absolute!important;z-index:3!important;left:24px!important;bottom:22px!important;display:flex!important;gap:9px!important;padding:8px!important;border-radius:14px!important;background:rgba(3,14,27,.50)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(10px)!important}
.promo-banner-actions .primary,.promo-banner-actions .secondary{min-height:40px!important;padding:9px 16px!important}

/* Clear stake presets instead of confusing 1/2 / 2x controls. */
.bet-tools.bet-presets{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;padding:0!important}
.bet-tools.bet-presets button{min-width:0!important;height:40px!important;padding:0 5px!important;border-radius:9px!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;background:#0d385f!important;border:1px solid rgba(179,221,255,.14)!important;color:#eaf7ff!important}
.bet-tools.bet-presets button:hover,.bet-tools.bet-presets button.selected{background:#1975bd!important;border-color:#62c5ff!important;color:#fff!important;box-shadow:0 0 0 2px rgba(72,184,255,.10)!important}

/* Blackjack buttons explain themselves. */
.blackjack-actions{gap:8px!important}
.blackjack-actions button{display:grid!important;gap:2px!important;align-content:center!important;min-height:58px!important;padding:8px 10px!important;text-align:left!important}
.blackjack-actions button b{font-size:12px!important;color:#f4fbff!important}
.blackjack-actions button small{font-size:8px!important;line-height:1.25!important;color:#9eb7c7!important;font-weight:700!important}
.blackjack-actions button:disabled small{color:#6f828d!important}

/* Mines should always be playable without fighting the layout. */
.theme-mines .session-action-row{position:relative!important;z-index:8!important}
.theme-mines .mines-status{position:sticky!important;top:0!important;z-index:5!important;background:#0d3455!important;box-shadow:0 8px 18px rgba(4,21,35,.16)!important}

/* One readable, consistent control surface on every game. */
.game-controls .field label{font-size:11px!important;color:#dbeaf3!important;font-weight:850!important}
.game-controls select,.game-controls input{font-size:14px!important}
.game-controls .choice-hint{font-size:10px!important;line-height:1.45!important}
.session-action-row span{font-size:10px!important;line-height:1.4!important;color:#bdd0dc!important}

@media(max-width:900px){
  .promo-banner-card{aspect-ratio:16/8!important}
  .promo-banner-actions{left:12px!important;bottom:12px!important;padding:6px!important;border-radius:12px!important}
  .promo-banner-actions .primary,.promo-banner-actions .secondary{min-height:38px!important;padding:8px 12px!important;font-size:11px!important}
  .game-controls{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .bet-tools.bet-presets{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .blackjack-actions{grid-template-columns:1fr 1fr!important}
  .blackjack-actions button{min-height:62px!important}
}
@media(max-width:560px){
  .promo-banner-card{aspect-ratio:16/9.4!important;border-radius:14px!important}
  .promo-banner-image{object-position:center center!important}
  .promo-banner-actions{left:8px!important;bottom:8px!important;right:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .bet-tools.bet-presets{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bet-tools.bet-presets button:last-child{grid-column:2/4!important}
  .game-controls{gap:10px!important}
  .blackjack-actions button b{font-size:11px!important}
  .blackjack-actions button small{font-size:8px!important}
}

/* MyCasino branding auch auf Mobile vollständig anzeigen */
@media (max-width: 620px) {
  .brand-title {
    display: inline !important;
    font-size: 12px !important;
    letter-spacing: .04em !important;
  }

  .brand-sub {
    display: block !important;
    font-size: 7px !important;
  }

  .brand {
    min-width: auto !important;
  }
}