/* Bet With Net — original violet/magenta casino UI, 999V-inspired palette.
   No third-party logos, images or proprietary source code.
   Theme applied to public website shells; games and admin workflows retained.
   Version 2026-10-28. */
:root{
  --bg-dark:#151119; --bg-card:#211a28; --bg-elevated:#2d2235;
  --bg-input:#1c1722; --border-color:rgba(238,197,246,.16);
  --border-gold:rgba(255,215,100,.25);
  --primary-gold:#ffe16c; --primary-gold-hover:#ffeb96;
  --accent-emerald:#f147c2; --accent-emerald-glow:rgba(241,71,194,.24);
  --accent-purple:#9349f5; --accent-red:#fa518f;
  --text-main:#f9f4fb; --text-muted:#baaec5; --text-dim:#84798c;
  --hub-bg:#261b2b; --hub-edge:rgba(244,180,248,.2);
  --hub-gold:#ffdd6d; --hub-muted:#bdb0c9;
  --radius-md:12px; --radius-lg:17px;
}
html,body {background-color:#121014!important;}
body{
  background-image:
    radial-gradient(ellipse 70% 45% at 52% -10%,rgba(173,37,180,.2),transparent 74%),
    radial-gradient(ellipse 60% 35% at 90% 42%,rgba(121,35,178,.12),transparent 75%),
    linear-gradient(180deg,#17121a 0%,#120f16 56%,#18111e 100%)!important;
  color:var(--text-main)!important;
}
body::before {
  background-image:linear-gradient(180deg,rgba(250,74,178,.025),transparent 25%)!important;
}
#app-header-slot,.app-header { background:#17121d!important;}
.app-header{
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 3px 22px #08020f99!important;
  padding:9px max(12px,calc((100vw - 1220px)/2))!important;
}
.brand-logo-icon{
  background:linear-gradient(135deg,#8b3afb,#f542bb)!important;
  border-radius:10px!important;
  border-color:#f7b0f3!important;
  box-shadow:0 0 16px rgba(205,43,202,.34)!important;
  animation:none!important;
}
.brand-title{
  background:linear-gradient(110deg,#fff 0%,#eab0ff 35%,#fa6fcd 70%,#fff 100%)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
  color:transparent!important; -webkit-text-fill-color:transparent!important;
  filter:none!important;animation:none!important; font-weight:900!important;
}
.brand-sub{color:#df9afb!important;text-shadow:none!important}
.desktop-nav-menu{background:#211629!important;border:1px solid #49334e!important}
.desktop-nav-link:hover,.desktop-nav-link.active{background:#612a70!important;color:#fff!important}
.btn-header-register,.btn-primary-gold,.btn-submit-action{
  background:linear-gradient(108deg,#8b3ff0 0%,#c53cce 55%,#f24199 100%)!important;
  color:#fff!important;border:1px solid rgba(250,178,247,.38)!important;
  box-shadow:0 6px 15px rgba(163,26,156,.22)!important;
  border-radius:10px!important;
}
.btn-header-login,.btn-secondary{
  color:#fff!important;background:#2a1f31!important;
  border:1px solid #694473!important;border-radius:10px!important;
}
.btn-header-login:hover,.btn-secondary:hover{background:#3b2750!important}
.main-container,.hub-page{max-width:1200px!important}
.disclaimer-banner,.live-ticker{background:#2a1d31!important;border-color:#56355d!important}
.lobby-category-navbar,.category-pills{
  background:#23192c!important;border:1px solid #443049!important;
  border-radius:15px!important;box-shadow:none!important;
}
.lobby-cat-tab.active{
  background:linear-gradient(180deg,rgba(166,58,212,.31),rgba(241,57,168,.09))!important;
}
.lobby-cat-tab.active .lobby-cat-label{color:#ff85da!important;text-shadow:none!important}
.lobby-cat-tab.active .lobby-cat-indicator{
  background:linear-gradient(90deg,#8b49f7,#f043b5)!important;
  box-shadow:0 0 12px #d442b288!important
}
.category-pill,.hub-chip{background:#25182c!important;color:#eddef4!important;border-color:#64466a!important}
.category-pill.active,.hub-chip[aria-pressed=true]{
  color:#fff!important;background:linear-gradient(115deg,#8947f1,#ed3b9d)!important;
  border-color:#ec91db!important;
}
.games-grid{
  grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;
  gap:13px!important;
}
.game-card:not(.game-card-wide-aviator){
  border-radius:13px!important;
  border:1px solid rgba(225,145,241,.3)!important;
  background:#281d30!important;
  box-shadow:0 6px 18px #0a061280!important;
}
.game-card:not(.game-card-wide-aviator) .game-card-img-wrap{
  border-radius:12px!important;background:#201824!important
}
.game-card:not(.game-card-wide-aviator):hover{
  border-color:#f169cb!important;
  box-shadow:0 10px 30px #13031b,0 0 0 2px rgba(244,65,177,.18)!important;
  transform:translateY(-3px)!important;
}
.game-card:not(.game-card-wide-aviator)::before{background:linear-gradient(#ffe6ff25,transparent 70%)!important}
.game-card-wide-aviator{
  border:1px solid #80347f!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px #13071a!important;
}
.hero-carousel-container{
  border:1px solid #8d407e!important;border-radius:14px!important;
  background:#26162d!important;animation:none!important;
  box-shadow:0 8px 25px #0a0811a8!important;
}
.hero-carousel-container::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  box-shadow:inset 0 0 0 1px #fa85d532;pointer-events:none;
}
.hero-banner,.hub-banner{
  background:linear-gradient(110deg,#311c47 0%,#4e215c 48%,#2a1739 100%)!important;
  border:1px solid #85438f!important;
  box-shadow:0 8px 28px rgba(18,7,30,.44)!important;
  border-radius:15px!important;
}
.hub-kicker{color:#ffe37a!important}
.hub-panel,.hub-reward,.hub-feature,.hub-page-intro{
  background:linear-gradient(150deg,#251b2d,#1c1622)!important;
  border-color:#4a3253!important;
}
.hub-stat,.hub-profile-row,.hub-empty{
  background:#241a2a!important;border-color:#574060!important;
}
.hub-cta,.hub-cta.secondary{
  background:linear-gradient(105deg,#8c42ee,#e442ac)!important;
  border:1px solid #ce7be1!important;color:white!important;
  border-radius:10px!important;box-shadow:0 3px 10px #1a0729a3!important;
}
.hub-link,.hub-feature:hover{
  background:#382341!important;border-color:#855092!important;color:white!important;
}
.hub-search input, input[type="search"], .search-box input{
  background:#211927!important;border:1px solid #684871!important;
  color:#fdf4ff!important;border-radius:11px!important
}
.hub-search input:focus,input[type="search"]:focus,.search-box input:focus{
  outline:2px solid #c35ae1!important;outline-offset:0!important
}
.hub-table th,.hub-table td{border-color:#4d3652!important}
.hub-tabs button{background:#33213d!important;color:#ddd0eb!important;border-color:#6f4675!important}
.hub-tabs button[aria-pressed=true]{background:#c846b4!important;color:#fff!important;border-color:#ec93dc!important}
.hub-fav{background:#2c1936!important;border-color:#b05ad1!important;color:#ffdd73!important}
.hub-feature small,.hub-banner p,.hub-note{color:#ccbed5!important}
.hub-feature{border-radius:13px!important}
.hub-progressbar span{background:#eb46b6!important}
.mobile-bottom-nav{
  background:#1e1526!important;
  border-top:1px solid #7d3a7b!important;
  box-shadow:0 -6px 25px #09050d99!important;
}
.mobile-bottom-nav .nav-item.active{
  background:rgba(199,56,175,.16)!important;color:#fc8cda!important
}
.mobile-bottom-nav .nav-item-special .nav-icon-circle{
  background:linear-gradient(130deg,#9940f2,#f43b9b)!important;
  box-shadow:0 4px 12px #8c248b66!important;
}
.app-drawer,.drawer-header,.drawer-user-card{
  background:#211727!important;border-color:#523157!important;
}
.drawer-nav-item a:hover,.drawer-nav-item.active a{
  background:#34213e!important;border-left-color:#d548c5!important
}
.auth-modal-overlay{background:rgba(5,3,7,.88)!important;backdrop-filter:blur(7px)!important}
.auth-modal-dialog{
  background:#1b1521!important;border:1px solid #704879!important;
  border-radius:16px!important;
  box-shadow:0 24px 65px #07020bad,0 0 0 1px #ac509d66!important
}
.auth-modal-dialog input{
  background:#151018!important;color:white!important;
  border:1px solid #583d61!important;border-radius:9px!important
}
.auth-modal-dialog input:focus{outline:2px solid #c854c0!important}
#auth-tab-btn-reg,#auth-tab-btn-login{color:#e9addf!important; border-bottom-color:#ba3eac!important}
#login-submit-btn,#reg-submit-btn{
  color:#fff!important;
  background:linear-gradient(105deg,#913ff0,#e83d9b)!important;
  box-shadow:0 6px 14px #9d248450!important;border-radius:9px!important
}
.bwn-theme-notice{
  position:relative;z-index:3;
  display:flex;align-items:center;justify-content:center;gap:9px;
  padding:9px 15px;margin:0 auto;
  background:linear-gradient(110deg,#492559,#2a1834 60%,#49244a);
  border-bottom:1px solid #724578;color:#fbf0ff;
  font-size:12px;font-weight:650;line-height:1.5;text-align:center;
}
.bwn-theme-notice .notice-spark{color:#ffdc67}
.bwn-theme-notice a{color:#ffe172!important;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.bwn-theme-shortcuts{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  margin:13px 0 16px;
}
.bwn-theme-shortcut{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:51px;padding:10px 7px;text-decoration:none!important;
  color:#fff!important;background:#291e31;
  border:1px solid #62436b;border-radius:12px;font-size:13px;font-weight:800;
}
.bwn-theme-shortcut:hover{background:#482b50!important;border-color:#d267bd!important}
.bwn-theme-shortcut b{font-size:19px}
.bwn-theme-section-tag{
  margin:16px 0 12px;display:flex;align-items:center;gap:10px;
  color:#f7eeff;font-size:18px;font-weight:900;letter-spacing:-.25px;
}
.bwn-theme-section-tag::before{
  content:'';height:22px;width:5px;border-radius:4px;
  background:linear-gradient(#9a50fb,#ef47b1);
}
.bwn-theme-topbar{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:9px 5px 3px;font-size:11px;color:#cebcd8}
.bwn-theme-topbar strong{color:#ffe17d}
.bwn-theme-topbar a{color:#db9df3;text-decoration:none;font-weight:700}
@media(max-width:800px){
  .app-header{padding:9px 12px!important}
  .games-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))!important;gap:10px!important}
  .bwn-theme-shortcuts{gap:6px}
  .bwn-theme-shortcut{flex-direction:column;gap:3px;font-size:10px;padding:7px 2px;min-height:60px}
}
@media(max-width:480px){
  .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .game-card:not(.game-card-wide-aviator){border-radius:9px!important}
  .game-card:not(.game-card-wide-aviator) .game-card-img-wrap{border-radius:9px!important}
  .bwn-theme-notice{font-size:10px;padding:8px}
  .bwn-theme-section-tag{font-size:16px}
  .hub-wrap{margin:10px 0 15px}
  .hub-banner{border-radius:12px!important}
}
@media(prefers-reduced-motion:reduce){
 .hero-carousel-container,.brand-title,.brand-logo-icon{animation:none!important}
}

/* Final polish: override the runtime-injected registration modal theme. */
body #auth-modal-root .auth-modal-dialog {
  background:radial-gradient(circle at 48% -10%,#402346 0%,#241728 47%,#140f18 100%) !important;
  border:2px solid #b05acc !important;
  border-radius:17px !important;
  box-shadow:0 24px 70px rgba(9,2,16,.88),0 0 30px rgba(194,65,204,.22)!important;
}
body #auth-modal-root .auth-modal-dialog > div:first-child {
  background:linear-gradient(100deg,#34203d,#24192c)!important;
}
body #auth-modal-root #auth-tab-btn-reg,
body #auth-modal-root #auth-tab-btn-login {
  color:#efa4e4!important;
  border-bottom-color:#c844c0!important;
}
body #auth-modal-root .auth-modal-dialog button[id$="-submit-btn"]{
  background:linear-gradient(105deg,#9041ec,#eb42a9)!important;
  color:#fff!important;
  border-radius:9px!important;
  box-shadow:0 6px 20px #79167a66!important;
}
body #auth-modal-root .auth-modal-dialog input{
  border:1px solid #68426e!important;
  background:#18111d!important;
}
.app-header .btn-deposit-quick{
  background:linear-gradient(112deg,#8d41ea,#e63ba9)!important;
  color:#fff!important;
  border:1px solid #cc81da!important;
  border-radius:9px!important;
  box-shadow:0 4px 12px #80267966!important;
}
.app-header .btn-deposit-quick::after{display:none!important}