/* YI SUN-SHIN / MOBILE LEGENDS INSPIRED — naval admiral theme */
:root{--body-theme-bg:#061625;--announcement-cntr-bg:#0b2635;--announcement-cntr-color:#e4f8ff;--banner-bg:#071b2b;--home-info-cntr-bg:#0b2839;--home-info-cntr-border:1px solid #36b8cb;--popular-games-bg:#0b2333;--popular-games-left-section-title-bg:#126779;--popular-games-nav-tabs-li-a-bg:#10384a;--popular-games-nav-tabs-li-a-active-bg:#18a6bb;--popular-games-tab-pane-bg:#081e2c;--promotion-cntr-bg:#0a2534;--promotion-list-bg:#113748;--provider-slide-bg:#0b2838;--arcade-games-cntr-bg:#0b2838;--sports-cntr-bg:#0b2838;--jackpot-winners-bg:#0b2838;--download-apk-btn-bg:linear-gradient(120deg,#0a5669,#35cad8,#0a5669);--home-progressive-jackpot-bg:linear-gradient(120deg,#061a2b,#176077,#061a2b);--yss-navy:#061625;--yss-teal:#40c8d7;--yss-gold:#f2c77c;--yss-red:#bb3649}
html body{background:radial-gradient(ellipse at 55% -15%,#196b7b 0%,transparent 52%),radial-gradient(ellipse at 100% 55%,#692c3a55 0%,transparent 45%),repeating-linear-gradient(155deg,transparent 0 95px,#6bd9e008 96px 98px,transparent 99px 190px),linear-gradient(180deg,#06121f 0%,#0c2a3b 55%,#040e19 100%)!important;color:#e5f5f8!important}
html body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 110px,#7fe1e00c 111px 112px,transparent 113px 225px),radial-gradient(ellipse at 25% 80%,#29aeb020,transparent 55%);opacity:.9!important}
html body .topbar-container,html body .site-header{background:linear-gradient(100deg,#071725,#113b4a 48%,#081927)!important;border-bottom:2px solid #d9ae68!important;box-shadow:0 8px 30px #0008!important}
html body .site-header:after{background:linear-gradient(90deg,transparent,#4acdd6,#f7dca1,#b8374b,transparent)!important}
html body .site-header a,html body .topbar-container a{color:#f3f7f7!important}
html body .container-title,html body .section-title,html body .popular-game-title-container .container-title,html body .home-game-list-container .container-title{background:linear-gradient(110deg,#0d3445,#17677a 50%,#512b3b)!important;border-left:4px solid #f0c579!important;border-bottom:1px solid #41c2cf!important;color:#fff1d5!important;text-shadow:0 2px 9px #0009!important}
html body .container-content,html body .home-inner-container,html body .popular-games,html body .promotion-container,html body .home-game-list-container{background:linear-gradient(145deg,#0b2838,#071a29)!important;border:1px solid #277e8c!important;border-radius:12px!important;box-shadow:0 12px 34px #0008!important}
html body .announcement-container,html body .home-info-container{background:linear-gradient(140deg,#103c4b,#0a2232)!important;border:1px solid #349eaa!important;color:#e6f7f8!important}
html body .nav-btn,html body .btn-primary,html body .register-button,html body .register-btn{background:linear-gradient(125deg,#926122,#f6d58d 48%,#b47a31)!important;color:#102631!important;border:1px solid #ffebbd!important;border-radius:9px!important;font-weight:800!important;box-shadow:0 4px 18px #d9ad5566!important;transition:transform .2s,filter .2s!important}
html body .login-button,html body .login-btn{background:linear-gradient(120deg,#0c6476,#2cc4d1,#126075)!important;border:1px solid #8cecf0!important;color:#fff!important;border-radius:9px!important;box-shadow:0 4px 18px #23b9c155!important}
html body .register-button:hover,html body .login-button:hover,html body .btn-primary:hover{transform:translateY(-2px)!important;filter:brightness(1.12)!important}
html body h1,html body h2,html body h3,html body h4{color:#f7d48f!important;text-shadow:0 2px 12px #0009!important}
html body p,html body .site-description,html body .site-description li{color:#e4f4f5!important}
html body a{color:#77dbe3}html body a:hover{color:#ffe2a6}
html body table{background:#0a2432!important;border:1px solid #3ca4ad!important;box-shadow:0 8px 28px #0008!important}
html body th{background:linear-gradient(110deg,#0c4557,#176f80,#6d3442)!important;color:#fff0c7!important;border-color:#58c0c8!important}
html body td{background:#0b2534!important;color:#e4f5f6!important;border-color:#2e7180!important}
html body tr:nth-child(even) td{background:#123445!important}html body tr:hover td{background:#1a4b5b!important}
html body .modal-content,html body .popup-modal{background:linear-gradient(145deg,#153c4c,#071a29)!important;border:1px solid #65cbd0!important;color:#effbfb!important;box-shadow:0 20px 60px #000b!important}
html body .modal-header,html body .modal-footer{border-color:#347e88!important}
html body .site-footer,html body .site-footer .container,html body .site-footer .footer-description-section,html body .site-footer .site-description{background-color:#071c2a!important;background-image:linear-gradient(140deg,#061521 0%,#123b4b 50%,#071724 100%)!important;color:#e7f6f7!important}
html body .site-footer{border-top:3px solid #d6ac68!important;background-attachment:scroll!important}
html body .site-footer .site-description ul>li,html body .site-footer .site-description ol>li{color:#e7f6f7!important}
html body .site-footer .site-description li::marker{color:#f2c77c!important}
html body .site-footer .site-description strong{color:#f6d68e!important}
html body .site-footer .site-description h2,html body .site-footer .site-description h3{border-bottom:1px solid #367d88;padding-bottom:8px}
html body .banner,html body .banner-carousel{background:#081e2d!important;border:1px solid #d5ac68!important;border-radius:12px!important;overflow:hidden;box-shadow:0 14px 42px #0009!important}
html body .logo img{max-width:100%;height:auto;filter:drop-shadow(0 0 14px #3dc7d766)}
html body input,html body select,html body textarea{accent-color:#30b9c8}
html body ::-webkit-scrollbar-track{background:#081b28}html body ::-webkit-scrollbar-thumb{background:linear-gradient(#f2c77c,#1a899a)}
@media(max-width:767px){html body .site-header .container,html body .topbar-container .container{max-width:100%!important}html body .site-footer .site-description{padding:14px!important;overflow-wrap:anywhere}html body .site-footer .site-description table{display:block;max-width:100%;overflow-x:auto}html body .site-footer .site-description h2{font-size:23px!important}html body .site-footer .site-description h3{font-size:19px!important}html body .register-button,html body .login-button{min-height:38px!important}}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important;animation:none!important}}