*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
body{padding-bottom:63px;overflow-x:hidden}
button{font-family:inherit;cursor:pointer}
.topbar{height:56px;background:#030303;display:flex;align-items:center;padding:0 9px;gap:10px}
.hamb{width:38px;height:38px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:5px}
.hamb span{height:3px;width:31px;background:#fff;display:block}
.brand{display:flex;align-items:center;gap:7px;flex:1;min-width:0;color:#d9d9d9;font-family:Georgia,serif;font-size:15px;font-weight:bold;white-space:nowrap}
.wings{font-size:27px;color:#eee;transform:scaleX(1.7)}
.top-actions{display:flex;gap:16px}
.top-btn{width:76px;height:37px;border:0;color:#fff;font-size:15px;font-weight:bold;border-radius:2px}
.login-open{background:#087eac}.register-btn{background:#4caf50}
.ticker{height:29px;background:#164b6c;display:flex;align-items:center;overflow:hidden}
.speaker{width:42px;min-width:42px;text-align:center;font-size:17px;color:#fff}
.ticker-window{overflow:hidden;white-space:nowrap;flex:1}
.ticker-track{display:inline-block;color:#4ef1e8;font-size:16px;font-weight:600;padding-left:100%;animation:marquee 13s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.slider{position:relative;border:2px solid #00a6d8;overflow:hidden;background:#00101e}
.slides{display:flex;width:100%;transition:transform .55s ease}
.slide{min-width:100%;line-height:0}
.slide img{width:100%;height:auto;display:block}
.banner-actions{position:absolute;right:8px;bottom:9px;display:flex;gap:5px}
.banner-btn{width:72px;height:30px;border:0;color:#fff;font-size:12px;font-weight:bold;border-radius:2px}
.dots{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;gap:5px}
.dot{width:6px;height:6px;border:0;border-radius:50%;background:#bbb;padding:0;opacity:.75}.dot.active{background:#fff}
.games{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px}
.game{background:#191919;border:1px solid #5b5b5b;overflow:hidden}
.game img{width:100%;aspect-ratio:500/295;object-fit:cover;display:block}
.game div{height:39px;display:flex;align-items:center;padding:0 7px;font-size:16px}
.game.empty{background:#000;border-color:#000}
.floating-menu{position:fixed;left:9px;bottom:75px;width:92px;height:92px;border:0;border-radius:15px;background:#075bc5;box-shadow:0 2px 12px rgba(0,0,0,.8);z-index:10;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hamb-lines{display:flex;flex-direction:column;gap:6px}.hamb-lines i{width:53px;height:5px;background:#fff;display:block}
.floating-menu small{font-size:17px;margin-top:7px}
.bottom-nav{height:63px;position:fixed;left:0;right:0;bottom:0;background:#050505;display:grid;grid-template-columns:repeat(4,1fr);z-index:11;border-top:1px solid #777}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #444;color:#fff;text-decoration:none}
.bottom-nav b{font-size:25px;line-height:23px}.bottom-nav span{font-size:13px;margin-top:3px}.bottom-nav .active{background:#079bb9}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:30;display:flex;align-items:center;justify-content:center;padding:10px}
.overlay[hidden]{display:none}
.login-modal{position:relative;width:min(340px,92vw);background:#fff;color:#222;padding:16px 9px 8px;border:2px solid #444;box-shadow:0 4px 20px #000}
.login-modal h2{font-size:16px;margin:0 0 9px 7px}.lock{color:#666}
.modal-close{position:absolute;right:13px;top:7px;border:0;background:none;color:#777;font-size:29px}
.login-modal>input,.password-wrap input{width:100%;height:44px;border:0;background:#3a3a3a;color:#fff;padding:0 55px;font-size:16px;margin-bottom:2px}
.login-modal input::placeholder{color:#bbb}
.password-wrap{position:relative}.password-wrap input{padding-right:48px}
#togglePassword{position:absolute;right:9px;top:10px;height:34px;border:0;background:none;color:#999;font-size:17px}
.modal-login,.modal-register{width:100%;height:44px;border:0;color:#fff;font-size:16px;font-weight:500;margin-top:14px}
.modal-login{background:#087eac}.modal-register{background:#4caf50}
.forgot{text-align:center;height:39px;line-height:39px;font-size:14px}
@media(max-width:390px){
 .topbar{padding:0 7px;gap:6px}.top-actions{gap:6px}.top-btn{width:72px}
 .brand{font-size:14px}.banner-actions{right:7px;bottom:9px}.banner-btn{width:70px;height:29px}
 .game div{font-size:15px}.floating-menu{width:88px;height:88px}
}

/* v3 mobile visual sizing — structure/assets unchanged */
body{max-width:469px;min-height:834px;margin:0 auto;}
@media(min-width:470px){
  body{box-shadow:0 0 18px rgba(0,0,0,.45);}
}

/* Profile state shown after the local demo login. */
.profile{display:flex;align-items:center;gap:9px;color:#fff;min-width:145px}
.profile-avatar{width:37px;height:37px;border:4px solid #f0a8ba;border-radius:8px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #333}
.avatar-inner{width:25px;height:25px;border-radius:5px;background:#171717;color:#f0a8ba;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transform:rotate(0deg)}
.profile-text{font-size:14px;line-height:18px;white-space:nowrap;font-weight:600}
.profile-text u{color:#19d9f2;text-decoration:underline}
.chev{color:#00b7d8;margin-left:3px}.top-actions[hidden],.profile[hidden]{display:none!important}

#bannerRegister{display:none}
.logged-in #playBtn{width:145px}
.logged-in #playBtn{font-size:14px}

/* Deposit icon: stacked coins with downward arrow, matching the reference bottom navigation. */
.bottom-nav .deposit-icon{width:28px;height:25px;display:flex;align-items:center;justify-content:center;margin:0 0 1px}
.bottom-nav .deposit-icon svg{width:28px;height:28px;display:block;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav .deposit-icon + span{margin-top:2px}


/* Deposit promo popup */
.promo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999;box-sizing:border-box}
.promo-overlay[hidden]{display:none}
.promo-modal{position:relative;width:min(360px,100%);max-height:min(88vh,620px);overflow:auto;background:#111;border:2px solid #d8d8d8;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.55);padding:20px 16px 16px;color:#fff;text-align:center;box-sizing:border-box}
.promo-close{position:absolute;top:7px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:#2b2b2b;color:#fff;font-size:25px;line-height:30px;cursor:pointer}
.promo-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:#0b8fa8;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px}
.promo-modal h2{margin:12px 0 3px;font-size:25px;line-height:1.15}
.promo-subtitle{margin:0 0 12px;font-size:17px;color:#f1f1f1;font-weight:600}
.promo-note{background:#242424;border-radius:10px;padding:10px 8px;margin-bottom:12px;font-size:12px;font-weight:700;line-height:1.35}
.promo-list{display:grid;gap:6px;text-align:left}
.promo-list{display:grid;gap:6px;text-align:left}.promo-option{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;background:#202020;color:#fff;border:2px solid transparent;border-radius:9px;padding:9px 10px;font-size:13px;text-align:left;cursor:pointer}.promo-option b{font-weight:700;text-align:right}.promo-option.selected{border-color:#0b9db8;background:#26363a}.promo-selected{margin-top:8px;background:#0b9db8;color:#fff;border-radius:9px;padding:9px;font-size:12px;font-weight:700}.promo-selected[hidden]{display:none}
.promo-continue{width:100%;margin-top:14px;height:46px;border:0;border-radius:11px;background:#0b9db8;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.promo-open{overflow:hidden}
@media(max-width:380px){.promo-modal{padding:18px 12px 14px}.promo-modal h2{font-size:22px}.promo-list div{font-size:12px;padding:8px}.promo-note{font-size:11px}}