/* Ocean banner palette: midnight navy, electric blue, cyan, and gold. */
:root { --banner-bg:#020b1c; --banner-panel:#082b50; --banner-gold:#ffd45a; --banner-text:#edf8ff; }
body { background:radial-gradient(ellipse at top,#075a9c,#082b50 42%,#020b1c); color:var(--banner-text); }
body p { color:#c4daec; }
body a { color:var(--banner-gold); }
body a:hover, body a:focus { color:#ffeaa3; }
.topbar-container, .header-container, .footer-container, .footer { background:linear-gradient(180deg,#0a3b69,#04162d); border-color:#b97b24; }
.top-menu, .main-menu, .home-info-container, .home-game-list-container .container-content, .standard-content-info, .standard-form-container { background-color:var(--banner-panel); border-color:#b97b24; }
.top-menu .game-list>li>a .background { background:linear-gradient(90deg,transparent,rgba(181,8,43,.8)); }
.home-game-list-container .container-title span, .home-game-list-container .container-title span:after { background-color:#0879c4; color:#edf8ff; }
.login-panel .login-button, body .popup-overlay .login { background:linear-gradient(180deg,#129ce2,#075a9c); color:#edf8ff!important; border:1px solid #ffd45a; }
.login-panel .register-button, .standard-button-group .btn-primary, body .popup-overlay .register { background:linear-gradient(180deg,#ffec91,#ffd45a 45%,#d88b16); color:#082b50!important; border:1px solid #ffeaa3; text-shadow:none; }
.login-panel .login-button:hover, body .popup-overlay .login:hover { background:linear-gradient(180deg,#49d9ff,#0879c4); }
.login-panel .register-button:hover, .standard-button-group .btn-primary:hover, body .popup-overlay .register:hover { background:linear-gradient(180deg,#fff2b6,#ffbf38); color:#082b50!important; }
.login-panel input[type=text], .login-panel input[type=password] { background-color:#04162d; border-color:#b97b24; color:#edf8ff; }
body .popup-overlay .popup-container { background:linear-gradient(145deg,#04162d,#0a3b69,#075a9c); border-color:#ffd45a; box-shadow:0 25px 60px rgba(0,0,0,.55),0 0 32px rgba(73,217,255,.25); }
body .popup-overlay .info-table { background:#082b50; border-color:#b97b24; }
body .popup-overlay .info-table th { color:#ffd45a; }
body .popup-overlay .popup-footer { color:#edf8ff; }
body .popup-overlay .luxury-border { border-color:rgba(255,212,90,.35); }
body a:focus-visible, body button:focus-visible { outline:2px solid #ffeaa3; outline-offset:3px; }

/* Layered ocean surfaces and illuminated banner accents. */
body { background:radial-gradient(ellipse at 50% 0,rgba(13,157,227,.3),transparent 50%),linear-gradient(180deg,#061e3b,#020b1c 80%); }
.header-container { box-shadow:0 3px 22px rgba(0,174,255,.16); border-bottom:1px solid #338db6; }
.top-menu>li>a:hover, .top-menu>li[data-active="true"]>a { color:#8ceaff; background:linear-gradient(180deg,#0c5689,#072b50); }
.top-menu .game-list { background:#061e3b; border-color:#338db6; }
.home-info-container, .home-game-list-container .container-content, .standard-content-info { background:linear-gradient(145deg,#0a3155,#04162d); border:1px solid #24577a; box-shadow:0 10px 28px rgba(0,0,0,.22); }
.home-game-list-container .container-title span { background:linear-gradient(100deg,#075a9c,#129ce2); color:#fff; text-shadow:0 1px 2px #032a50; }
.home-game-list-container .container-title span:after { background:#129ce2; }
.home-game-list-container .container-content .game-list .game-item .game-name { color:#d8efff; }
.game-list .wrapper-container:hover { border-color:#49d9ff; box-shadow:0 0 18px rgba(73,217,255,.22); }
.home-info-container h1, .home-info-container h2, .home-info-container h3, .footer-section-title { color:#ffd45a; }
.jackpot-winners, .top-tab-container, .game-list-title { background:linear-gradient(180deg,#0a3b69,#04162d); border-color:#338db6; }
.top-tab-container a[data-active="true"], .top-tab-container a:hover { background:#075a9c; color:#fff; }
body .popup-overlay { background:rgba(1,10,26,.78); }
body .popup-overlay .popup-container { box-shadow:0 25px 60px rgba(0,0,0,.55),0 0 32px rgba(73,217,255,.2); }
body .popup-overlay .popup-title, body .popup-overlay .popup-title span { color:#ffd45a; }
body .popup-overlay .close-btn { background:#082b50; color:#edf8ff; }
.login-panel .login-button, .login-panel .register-button { box-shadow:0 4px 14px rgba(0,0,0,.25); }
.login-panel input[type=text]:focus, .login-panel input[type=password]:focus { border-color:#49d9ff; box-shadow:0 0 0 2px rgba(73,217,255,.15); }