/* Shared responsive theme, also loaded after legacy page styles. */
:root{--hw-bg:#8f6f4f;--hw-brown:#8f6f4f;--hw-gold:#eac34b;--hw-line:#b38b32;--hw-text:#fff}
.hw-home{margin:0;background:radial-gradient(ellipse at 60% 20%,#62421a 0,#241b0d 52%,#120d07 100%);color:var(--hw-text);font-family:Arial,sans-serif;min-width:0}
.hw-home *{box-sizing:border-box}.hw-home a{color:inherit;text-decoration:none}.hw-home button,.hw-home input{font:inherit}.hw-home button{cursor:pointer}.hw-header{background:linear-gradient(110deg,#4e3c28,#382718);border-bottom:3px solid #8e6b23;position:relative;z-index:20;box-shadow:0 4px 12px #0008}.hw-masthead{min-height:72px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hw-brand img{max-width:270px;max-height:60px;object-fit:contain}.hw-brand span{display:none;color:#f8d15b;font-size:32px;font-weight:900;font-style:italic;text-shadow:2px 2px #4e2600}.hw-toplinks{display:flex;gap:24px;align-items:center;color:#f3ddb0}.hw-toplinks button{background:none;border:0;color:inherit}.hw-navrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px 12px}.hw-primary{display:flex;flex:1;align-items:center;gap:10px}.hw-primary a,.hw-primary button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;flex:1;color:#f6e7c1;background:none;border:none;font-size:17px;border-radius:4px;white-space:nowrap}.hw-primary .active,.hw-primary a:hover,.hw-primary button:hover{background:#ffffff12}.hw-login{display:flex;gap:7px;align-items:center}.hw-login label{display:flex;align-items:center;gap:9px;background:#fff;border-radius:18px 3px 3px 18px;padding:8px 12px;color:#9b752a;max-width:180px}.hw-login input{min-width:0;width:128px;background:transparent;border:0;outline:none;font-size:13px;color:#292015}.hw-gold,.hw-register{background:linear-gradient(#d8b64c,#805717);color:white!important;border:1px solid #e2c05d;border-radius:7px;padding:10px 22px;font-weight:bold;box-shadow:inset 0 1px #ffec98,0 2px 5px #0007}.hw-register{display:none}.hw-account{display:flex;gap:15px;align-items:center;font-size:13px}.hw-dropdown{position:absolute;right:20px;top:100%;padding:10px;background:#3d2c17;border:1px solid #ba9138;width:240px;box-shadow:0 12px 30px #0009}.hw-dropdown a{display:block;padding:12px;border-bottom:1px solid #ffffff15}.hw-dropdown[hidden]{display:none}.hw-mobile-menu{display:none}.hw-slider{margin:18px 8px 0;border:3px solid #b28a32;border-radius:22px;background:#372813;position:relative;overflow:hidden;box-shadow:inset 0 0 5px #ffe6a2,0 4px 12px #0009}.hw-slide{display:none}.hw-slide.active{display:block}.hw-slide img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.hw-empty-banner{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:radial-gradient(#906323,#2a1c0b)}.hw-empty-banner strong{font-size:clamp(30px,7vw,78px);color:#ffe09a}.hw-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:7px}.hw-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#ffffff70}.hw-dots button.active{background:#ffdc63}.hw-slide-prev,.hw-slide-next{position:absolute;top:40%;background:#0004;color:white;border:0;font-size:30px;border-radius:5px}.hw-slide-prev{left:9px}.hw-slide-next{right:9px}.hw-announcement{display:flex;align-items:center;gap:16px;padding:10px 12px;background:#19150c;border-bottom:1px solid #98722c;margin:10px 0 14px;font-size:13px}.hw-announcement>span{color:#d0a43b;font-size:25px}.hw-announcement>div{overflow:hidden;flex:1}.hw-announcement p{white-space:nowrap;margin:0;animation:hw-scroll 28s linear infinite}@keyframes hw-scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.hw-lobby{display:grid;grid-template-columns:120px minmax(0,1fr);gap:26px;padding:0 10px 25px}.hw-categories{display:flex;flex-direction:column;gap:5px}.hw-category{position:relative;display:block;border-radius:24px;overflow:hidden;border:2px solid #9f8125;background:#3d2b0b;box-shadow:0 3px 8px #0008}.hw-category img{display:block;width:100%;aspect-ratio:.92;object-fit:cover}.hw-category span{position:absolute;bottom:12px;left:3px;right:3px;text-align:center;font-weight:800;font-size:17px;text-shadow:0 2px 3px black;opacity:0}.hw-category.active{border-color:#ffe968;box-shadow:0 0 8px #e3b744}.hw-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.hw-card{display:block;overflow:hidden;min-width:0;border-radius:16px;background:#3b230e;box-shadow:0 5px 8px #000b;transition:transform .15s}.hw-card:hover{transform:translateY(-3px)}.hw-card>img,.hw-provider-image{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:linear-gradient(125deg,#946829,#382316)}.hw-provider-image img{width:100%;height:100%;object-fit:contain}.hw-card h3{margin:0;padding:13px 15px;font-family:Georgia,serif;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(165deg,#b42d13,#341b0b);text-transform:uppercase}.hw-footer{background:#17120b;padding:30px;text-align:center;border-top:1px solid #735728;color:#b7a481}.hw-footer strong{color:#e6c16a;font-size:24px}.hw-footer p{font-size:12px}.hw-bottom{display:none}.hw-notice{padding:12px 20px;border:1px solid #b98e31;background:#59421d;margin:14px;border-radius:7px}.hw-notice button{float:right;background:none;border:0;color:white;font-size:20px}.hw-popup{background:transparent;padding:0;border:0;max-width:min(900px,90vw);max-height:90dvh;color:white;overflow:visible}.hw-popup::backdrop{background:#000b}.hw-popup img{display:block;max-width:100%;max-height:80dvh;object-fit:contain;border-radius:16px}.hw-popup>button{position:absolute;right:0;top:-35px;border:2px solid white;border-radius:50%;background:#332919;color:white;width:30px;height:30px;font-size:22px;line-height:22px}.hw-popup p{background:#47321c;padding:15px}.hw-livechat{position:fixed;bottom:20px;right:20px;z-index:30;background:linear-gradient(#ddc16c,#9a6b1c);border:1px solid #edce77;border-radius:25px;padding:12px 20px;box-shadow:0 3px 15px #0008;font-size:14px}
/* Existing PHP routes use the same palette without changing their handlers. */
body.desktop:not(.hw-home),body.mobile:not(.hw-home){min-width:0!important;background:#241a0d!important;color:#f5e5bc}body.desktop .top_navbar,body.desktop .main-header,body.desktop .header-wrapper,body.desktop .main-nav,body.mobile .main-header{background:linear-gradient(110deg,#513b23,#342515)!important}body.desktop .content,body.mobile .content,body.desktop .ann-wrapper{background-color:#241a0d!important}body.desktop .btn-primary,body.mobile .btn-primary,body.desktop .btn-secondary{background:linear-gradient(#c9a744,#875d1d)!important;border-color:#d5ad49!important;color:white!important}body.desktop .g-card,body.mobile .g-card{border:1px solid #937028;border-radius:15px;overflow:hidden;background:#3d2b17}.games-category .card-img{border-radius:12px}.hw-route-nav{display:flex;gap:8px;overflow:auto;padding:10px;background:#372716;border-bottom:1px solid #a57e30}.hw-route-nav a{display:inline-block;padding:8px 15px;white-space:nowrap;border:1px solid #997431;border-radius:8px;color:#f0d08a}.hw-route-nav a:hover{background:#655024}
@media(max-width:1100px){.hw-masthead{padding:12px 16px}.hw-navrow{flex-wrap:wrap}.hw-primary{flex-basis:100%}.hw-login,.hw-account{margin-left:auto}.hw-games{gap:16px}.hw-lobby{gap:16px}.hw-login label{max-width:none}.hw-login input{width:150px}}
@media(max-width:767px){.hw-masthead{min-height:62px;padding:9px 14px}.hw-brand img{max-width:190px;max-height:43px}.hw-toplinks{display:none}.hw-mobile-menu{display:block;background:transparent;color:#f5d171;border:1px solid #ad883c;border-radius:6px;padding:7px 11px;font-size:20px}.hw-navrow{padding:0 12px 12px}.hw-primary{display:none}.hw-login{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px}.hw-login label{max-width:100%;padding:10px;border-radius:7px}.hw-login input{width:100%}.hw-gold,.hw-register{display:block;padding:10px;text-align:center}.hw-account{width:100%;justify-content:center;flex-wrap:wrap}.hw-slider{border-radius:12px;margin:10px 7px 0;border-width:2px}.hw-slide img{height:auto;aspect-ratio:auto;object-fit:contain}.hw-announcement{font-size:12px;margin:8px 0;padding:7px 10px}.hw-lobby{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:0 7px 15px}.hw-categories{gap:5px}.hw-category{border-radius:14px;border-width:1px}.hw-category img{aspect-ratio:.92}.hw-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hw-card{border-radius:9px}.hw-card h3{font-size:10px;padding:8px}.hw-home{padding-bottom:65px}.hw-footer{padding:20px 10px}.hw-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:linear-gradient(#574028,#2f2113);border-top:1px solid #b59043;padding:7px 0 calc(7px + env(safe-area-inset-bottom))}.hw-bottom a,.hw-bottom button{flex:1;text-align:center;background:none;border:0;color:#efdbab;font-size:22px;display:flex;flex-direction:column;gap:3px;align-items:center}.hw-bottom span{font-size:11px}.hw-livechat{bottom:78px;right:10px;font-size:12px;padding:9px 12px}.hw-dropdown{position:fixed;top:65px;right:10px;max-height:70dvh;overflow:auto}.hw-popup{max-width:92vw}.hw-notice{font-size:12px;margin:8px}.hw-empty-banner{height:170px}
/* Responsive adaptation for the formerly desktop-only catalog and account pages. */
body.desktop:not(.hw-home){overflow-x:hidden;padding-bottom:20px}body.desktop .container{width:100%!important;min-width:0!important;padding-left:10px;padding-right:10px}body.desktop .top_navbar,body.desktop #masthead,body.desktop .header-wrapper,body.desktop .inner-header{min-width:0!important;width:100%!important}body.desktop .inner-header{display:flex!important;flex-wrap:wrap!important}body.desktop #logo{flex:0 0 100%;text-align:center;margin:10px 0}body.desktop #logo img{max-width:190px!important;max-height:60px!important;object-fit:contain}body.desktop .flex-right{width:100%;max-width:100%;flex:1 1 100%}body.desktop .hide-for-medium{display:block!important}body.desktop .show-for-medium{display:none!important}body.desktop .flex-row{flex-wrap:wrap}body.desktop .main-nav,body.desktop .nav-container{max-width:100%;overflow-x:auto}body.desktop .games-category .row{display:flex;flex-wrap:wrap}body.desktop .games-category .box{width:50%!important;max-width:50%;flex:0 0 50%;padding:6px}body.desktop .content{min-width:0!important;margin-left:0!important}body.desktop .sub-games,body.desktop .games-category{padding-top:12px!important}body.desktop .table-responsive{overflow-x:auto}body.desktop table{max-width:100%}body.desktop input,body.desktop select,body.desktop textarea{max-width:100%}body.desktop .floats{display:none!important}body.desktop .g_category-nav{display:flex;flex-wrap:wrap}body.desktop .login-panel,body.desktop .acc-panel{display:flex;flex-wrap:wrap;gap:5px}body.desktop .card-img>img{width:100%;height:auto}body.desktop .left-menu,body.desktop .sidebar-menu{width:100%;position:static}body.desktop .col-sm-8,body.desktop .col-sm-9,body.desktop .col-sm-10{width:100%}body.desktop .games-slider-menu{overflow-x:auto}body.desktop .full-container{min-width:0!important;width:100%!important}}
@media(prefers-reduced-motion:reduce){.hw-announcement p{animation:none}.hw-card{transition:none}}

.hw-home.hw-unified .content,.hw-home.hw-unified .container-wrapper{background:#241a0d!important;min-width:0!important}.hw-home.hw-unified .floats{display:none!important}.hw-home.hw-unified .main-header{min-width:0!important}.hw-unified .hw-header{line-height:normal}.hw-unified .hw-header .hw-primary a{font-size:16px}.hw-unified .hw-header input{height:auto!important;color:#292015!important}.hw-unified .hw-header .hw-gold{min-width:0!important;height:auto!important}.hw-unified .hw-header .hw-navrow{margin:0!important}.hw-unified .hw-header .hw-brand{flex:0 1 auto!important}.hw-home.hw-unified{font-family:Arial,sans-serif!important}
body.hw-home.hw-unified{min-width:0!important;width:100%!important}.hw-home.hw-unified .content{margin-top:0!important}.hw-home.hw-unified .btn-primary{background:linear-gradient(#c9a744,#875d1d)!important;color:#fff!important;border-color:#d5ad49!important}
@media(max-width:767px){body.hw-home.hw-unified{padding-bottom:70px!important}.hw-home.hw-unified .container-wrapper,.hw-home.hw-unified .container-box{min-width:0!important;width:100%!important;margin-left:0!important}.hw-home.hw-unified .col-xs-8,.hw-home.hw-unified .col-xs-9{width:100%!important}.hw-home.hw-unified .table-responsive{overflow-x:auto}.hw-home.hw-unified .row{margin-left:0!important;margin-right:0!important}.hw-home.hw-unified .hw-account{font-size:12px}.hw-home.hw-unified .games .game-box{max-width:50%;flex:0 0 50%;width:50%}}
/* Original reference navigation: local original icons, shared by all routes. */
body.hw-home{background:#8f6f4f url('/assets/hujan/background.jpg?v=2') center top / cover fixed no-repeat!important}
.hw-header{position:sticky;top:0;background:#8f6f4f;border:0;box-shadow:none;z-index:50;color:#fff}
.hw-masthead{height:74px;min-height:74px;padding:10px 15px}
.hw-brand img{max-width:225px;max-height:52px}
.hw-toplinks{gap:16px;font-family:Georgia,'Times New Roman',serif;font-size:14px;color:#fff}
.hw-navrow{height:50px;padding:0 15px 0 0;gap:14px;border-bottom:1px solid #654f38;flex-wrap:nowrap}
.hw-primary{height:50px;gap:0;flex:1 1 auto;min-width:0}
.hw-primary a,.hw-primary button,.hw-unified .hw-header .hw-primary a{height:50px;min-height:50px;gap:8px;border-radius:3px;padding:0 8px;font:16.8px Georgia,'Times New Roman',serif;color:#fff}
.hw-primary .active,.hw-primary a:hover,.hw-primary button:hover{background:rgba(255,255,255,.2)}
.hw-nav-icon{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 24px}
.hw-login{flex:0 0 auto;gap:7px;margin:0}
.hw-login label{height:36px;padding:5px 10px;border-radius:16px 2px 16px 2px;max-width:175px}
.hw-login input{width:125px;font:12px Georgia,'Times New Roman',serif}
.hw-login label>span{font-size:24px;line-height:1;color:#876629}
.hw-login .hw-gold{height:36px;padding:6px 28px;border-radius:14px 2px 2px 2px;background:linear-gradient(#b78615,#795107);box-shadow:inset 0 0 6px #ffda63,0 0 5px #efc04b;font:700 14px Georgia,'Times New Roman',serif}
.hw-menu-backdrop{position:fixed;inset:0;background:#0006;z-index:59}
.hw-dropdown{position:fixed;top:0;bottom:0;left:0;right:auto;width:400px;max-width:88vw;max-height:100dvh;padding:86px 14px 25px;background:#8f6f4f;border:0;overflow-y:auto;box-shadow:4px 0 16px #0005;z-index:60}
.hw-dropdown a{display:flex;align-items:center;gap:26px;min-height:44px;margin-bottom:14px;padding:10px 32px;background:#0003;border:0;border-radius:6px;color:#fff;font:19px Georgia,'Times New Roman',serif}
.hw-dropdown a:hover{background:#0005}
.hw-dropdown a img,.hw-dropdown a>span{width:24px;height:24px;object-fit:contain;text-align:center;flex:0 0 24px;font-size:23px}
.hw-menu-close{position:absolute;right:14px;top:8px;background:none;border:0;color:#fff;font-size:55px;font-weight:200;line-height:1;padding:0 4px}
.hw-menu-backdrop[hidden],.hw-dropdown[hidden]{display:none}
body.hw-menu-open{overflow:hidden}
.hw-primary a:focus-visible,.hw-primary button:focus-visible,.hw-bottom a:focus-visible,.hw-bottom button:focus-visible,.hw-dropdown a:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.hw-provider h3{background:linear-gradient(110deg,#efc916,#907046);color:#000}
.hw-contact-page{max-width:800px;margin:30px auto;padding:30px;background:#8f6f4fec;border-radius:8px;text-align:center}
.hw-contact-page .hw-gold{display:inline-block;margin:15px}
@media(min-width:768px) and (max-width:1100px){.hw-login label{max-width:145px}.hw-login input{width:100px}.hw-primary a,.hw-primary button{font-size:14px;gap:5px;padding:0 6px}.hw-login .hw-gold{padding:6px 16px}.hw-navrow{gap:7px}}
@media(max-width:767px){
 .hw-header{position:sticky;top:0}.hw-masthead{height:62px;min-height:62px;padding:9px 14px}.hw-brand img{max-width:190px;max-height:43px}
 .hw-navrow{height:auto;padding:0 12px 12px;border-bottom:0;flex-wrap:wrap}.hw-primary{display:none}.hw-login{display:grid;flex:1 1 100%;width:100%;grid-template-columns:1fr 1fr;gap:8px}.hw-login label{width:100%;max-width:none;height:36px}.hw-login input{width:100%}.hw-login .hw-gold,.hw-login .hw-register{height:36px;padding:8px;text-align:center;font-size:14px}.hw-account{margin:0}
 .hw-bottom{display:flex;align-items:center;height:calc(60px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background:#8f6f4f;border-top:0;z-index:50}
 .hw-bottom a,.hw-bottom button{height:60px;justify-content:center;gap:4px;color:white;font:12px Georgia,'Times New Roman',serif}.hw-bottom .hw-nav-icon{width:24px;height:24px}.hw-bottom span{font-size:12px}.hw-bottom .active{background:#ffffff33}
 .hw-dropdown{top:0;right:auto;left:0;max-height:100dvh;width:300px;padding-top:72px}.hw-dropdown a{font-size:17px;gap:16px;padding:10px 20px;margin-bottom:12px}.hw-menu-close{font-size:46px}
 .hw-mobile-menu{border:0;border-radius:0;padding:7px;background:url('/assets/hujan/nav-menu.png') center / 24px no-repeat;color:transparent;width:38px;height:38px}
}
/* Reference registration: a full width white form with the original field order. */
.hw-registration{padding-bottom:0!important;color:#111;font-family:Georgia,'Times New Roman',serif}
.hw-register-header{height:70px;display:flex;align-items:center;justify-content:space-between;background:#8f6f4f;padding:0 25px;color:#fff}
.hw-register-header>a:first-child{font-size:48px;font-weight:normal;line-height:1;width:150px}.hw-register-header h1{font-size:22px;font-weight:normal;margin:0}.hw-register-header img{width:150px;max-height:50px;object-fit:contain}
.hw-register-panel{background:#fff;padding:25px 30px 45px;min-height:80vh}.hw-register-field{padding:18px 0 13px;border-bottom:1px solid #eee;min-height:102px}.hw-register-field>label,.hw-bank-field legend{display:block;font-size:22px;font-weight:700;margin-bottom:14px}.hw-register-field i,.hw-bank-field i{font-style:normal;color:#db2727;margin-right:10px}.hw-register-field input{display:block;width:100%;height:35px;padding:7px 0;border:0;background:transparent;color:#222;font:18.2px Georgia,'Times New Roman',serif;outline:none}.hw-register-field input:focus{box-shadow:0 1px #ad8132}.hw-register-field input::placeholder{color:#a0a0a0;opacity:1}.hw-password-field,.hw-captcha-field{display:flex;align-items:center;gap:15px}.hw-password-field button,.hw-captcha-field button{border:0;background:none;color:#888;font-size:24px;padding:4px 8px}.hw-bank-field{border:0;border-bottom:1px solid #eee;padding:25px 0 20px;margin:0;min-width:0}.hw-bank-field legend{float:left;width:100%;padding:0}.hw-bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;clear:both}.hw-bank-grid label{position:relative;cursor:pointer}.hw-bank-grid input{position:absolute;opacity:0;width:1px;height:1px}.hw-bank-grid span{display:flex;align-items:center;justify-content:center;min-height:45px;background:#eee;border:1px solid #eee;font-size:21px;color:#222;border-radius:3px}.hw-bank-grid input:checked+span{background:#8f6f4f;color:white;border-color:#a77e36}.hw-bank-grid input:focus-visible+span{outline:2px solid #8f6f4f;outline-offset:2px}.hw-captcha-field input{flex:1;min-width:0}.hw-captcha-field img{width:130px;height:42px}.hw-register-submit{width:100%;margin-top:28px;border:0;border-radius:4px;background:linear-gradient(#d9b745,#96702c);color:#fff;padding:16px;font:22px Georgia,'Times New Roman',serif}.hw-register-message{background:#fbf3df;padding:15px;border:1px solid #d2b776;font-size:16px}
@media(max-width:767px){.hw-register-header{padding:0 15px;height:62px}.hw-register-header>a:first-child{width:80px}.hw-register-header img{width:90px;max-height:36px}.hw-register-header h1{font-size:19px}.hw-register-panel{padding:15px 20px 30px}.hw-register-field{min-height:95px}.hw-register-field>label,.hw-bank-field legend{font-size:20px}.hw-bank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hw-bank-grid span{font-size:16px}.hw-register-field input{font-size:16px}.hw-captcha-field{gap:8px}.hw-captcha-field img{width:110px;height:auto}}
.hw-game-catalog{padding:20px 25px;min-height:60vh}.hw-provider-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 15px}.hw-provider-tabs a{white-space:nowrap;border-radius:5px;padding:12px 20px;background:#8f6f4f;color:#fff;border:1px solid #af8b55}.hw-provider-tabs .active{background:linear-gradient(#dfbf57,#927033);color:#111}.hw-game-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:10px 0 22px;background:#8f6f4fde;padding:15px;border-radius:6px}.hw-game-tools h1{font:22px Georgia,serif;margin:0 auto 0 0}.hw-game-tools label{display:flex;align-items:center;gap:12px}.hw-game-tools input{padding:10px;border:0;border-radius:4px;max-width:100%;color:#222;background:white}.hw-empty-catalog{grid-column:1/-1;background:#8f6f4fee;padding:25px;text-align:center;border-radius:6px}.hw-game-entry[hidden],.hw-empty-catalog[hidden]{display:none!important}.hw-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.hw-game-entry h3{font-size:12px;padding:12px;background:linear-gradient(#daba44,#8f6f4f);color:#111}
@media(max-width:1100px){.hw-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}}@media(max-width:767px){.hw-game-catalog{padding:12px}.hw-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hw-game-tools{gap:12px;padding:12px}.hw-game-tools label{width:100%}.hw-game-tools label span{display:none}.hw-game-tools input{width:100%}.hw-game-tools h1{font-size:18px}.hw-provider-tabs a{font-size:13px;padding:10px 15px}}
/* Mobile header and five-button footer matched to the supplied reference. */
.hw-forgot-mobile{display:none}.hw-login-icon{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain}
@media(max-width:767px){
 .hw-header{background:#88775b}.hw-header .hw-masthead{height:42px;min-height:42px;padding:5px 8px;position:static}.hw-header .hw-brand{display:flex;align-items:center;max-width:40%;height:32px}.hw-header .hw-brand img{width:100%;max-width:150px;max-height:32px}.hw-header .hw-brand span{font-size:22px}
 .hw-header .hw-mobile-menu{display:none}.hw-header .hw-forgot-mobile{position:absolute;top:3px;right:calc(27% + 12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#fff;font:11px Arial,sans-serif;line-height:14px;white-space:nowrap}.hw-forgot-mobile img{width:21px;height:21px;object-fit:contain}
 .hw-header .hw-navrow{height:38px;min-height:38px;padding:2px 8px 8px;gap:0;display:block}.hw-header .hw-primary{display:none}.hw-header .hw-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 27%;gap:5px;width:100%;height:28px;margin:0}
 .hw-header .hw-login label{display:flex;align-items:center;gap:5px;width:100%;max-width:none;height:28px;border-radius:12px 3px 12px 3px;padding:3px 5px;background:white;overflow:hidden}.hw-header .hw-login .hw-login-icon{width:22px;height:22px;flex-basis:22px}.hw-header .hw-login input{width:100%;min-width:0;height:22px!important;padding:0!important;font:14px Arial,sans-serif;line-height:22px;color:#333!important;border:0}
 .hw-header .hw-login .hw-gold,.hw-header .hw-login .hw-register{display:flex;align-items:center;justify-content:center;height:30px!important;min-height:0;padding:0!important;border:1px solid #dcc485;border-radius:18px;background:linear-gradient(110deg,#90630e,#be8b1c,#a77d25);box-shadow:inset 0 0 5px #ffdc73,0 0 3px #e2cc97;color:white!important;font:12px Arial,sans-serif;font-weight:normal}
 .hw-header .hw-login .hw-gold{grid-column:3;grid-row:1;transform:translateY(-1px)}.hw-header .hw-login .hw-register{position:absolute;top:10px;right:8px;width:calc((100% - 16px) * .27)}
 .hw-header .hw-account{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:6px;font:11px Arial,sans-serif;height:28px}.hw-header .hw-account>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-header .hw-account a{font-size:10px;white-space:nowrap}.hw-header .hw-account .hw-gold{padding:6px 10px}
 .hw-bottom.hw-bottom-five{height:calc(50px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background:linear-gradient(110deg,#c2a661,#b69b5b,#b8a16d);box-shadow:0 -1px 4px #66503455;border:0;overflow:visible}
 .hw-bottom-five>a,.hw-bottom-five>button{position:relative;flex:1 1 20%;min-width:0;height:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:4px 0;color:white;font:11px Arial,sans-serif;background:none;border:0}
 .hw-bottom-five .hw-nav-icon{width:21px;height:21px;flex:0 0 21px}.hw-bottom-five>a>span,.hw-bottom-five>button>span{font:11px Arial,sans-serif;line-height:13px}.hw-bottom-five>a.active{background:#ffffff0a}
 .hw-bottom-five>a.hw-bottom-promotion{justify-content:flex-end;padding-bottom:5px}.hw-bottom-five .hw-promo-orb{position:absolute;top:-27px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:2px solid #e7d08a;border-radius:50%;background:linear-gradient(135deg,#d4b970,#b29448);box-shadow:0 1px 5px #4c371977,inset 0 0 6px #fce7ad}
 .hw-bottom-five .hw-promo-orb img{width:28px;height:28px;object-fit:contain}.hw-bottom-five .hw-bottom-promotion:focus-visible .hw-promo-orb{outline:2px solid #fff;outline-offset:2px}
}
@media(max-width:350px){.hw-header .hw-login input{font-size:12px}.hw-header .hw-login label{gap:3px;padding:3px 4px}.hw-header .hw-login .hw-login-icon{width:19px;height:19px;flex-basis:19px}.hw-header .hw-forgot-mobile{font-size:10px;right:calc(27% + 10px)}.hw-header .hw-brand{max-width:38%}.hw-bottom-five>a>span,.hw-bottom-five>button>span{font-size:10px}}
/* Promotion list and detail panel follow the reference; content comes from tb_post. */
.hw-promotion-page .hw-masthead,.hw-promotion-page .hw-login,.hw-promotion-page .hw-account{display:none}
.hw-promotion-page .hw-navrow{height:80px;padding:15px 20px;justify-content:center}
.hw-promotion-page .hw-primary{flex:0 1 800px;height:50px}
.hw-promotion-title{height:68px;display:flex;justify-content:center;align-items:center;background:#8f6f4f;border-radius:0 0 5px 5px}
.hw-promotion-title h1{margin:0;color:#fff;font:700 20px Georgia,'Times New Roman',serif}
.hw-promotion-title>a{display:none}
.hw-promotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:14px 28px 28px;min-height:50vh}
.hw-promotion-card{display:block;padding:14px 14px 24px;background:#8f6f4f;border-radius:15px;color:#fff;overflow:hidden}
.hw-promotion-card>img{display:block;width:100%;height:auto;border-radius:6px;aspect-ratio:2.6;object-fit:contain}
.hw-promotion-card>h2{font:400 16px/1.4 Georgia,'Times New Roman',serif;margin:10px 0 0}
.hw-promotion-card:hover{background:#9b7b59}.hw-promotion-card:focus-visible{outline:3px solid #efcb76;outline-offset:2px}
.hw-promo-no-image{display:flex;align-items:center;justify-content:center;aspect-ratio:2.6;background:#725437;color:#ffe39d;font:24px Georgia,serif;border-radius:6px}
.hw-empty-promotions{margin:25px 28px;padding:30px;background:#8f6f4feb;border-radius:12px;text-align:center}
.hw-promotion-dialog{width:90vw;max-width:1200px;max-height:calc(100dvh - 140px);padding:0;border:0;background:transparent;overflow:visible;color:#fff;margin:auto;transform:translateY(-35px)}
.hw-promotion-dialog::backdrop{background:#000b}.hw-promo-dialog-panel{border-radius:14px;overflow:hidden;background:#8f6f4f}.hw-promo-dialog-panel>header{background:#414141;padding:22px 14px}.hw-promo-dialog-panel h2{margin:0;font:700 22px/1.3 Georgia,'Times New Roman',serif}.hw-promo-dialog-body{padding:28px;max-height:calc(100dvh - 240px);overflow-y:auto;overscroll-behavior:contain}.hw-promo-copy{font:14px/1.6 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}.hw-promo-copy p{margin:0 0 12px}.hw-promo-copy img{max-width:100%;height:auto}.hw-promo-copy table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.hw-promo-copy td,.hw-promo-copy th{border:1px solid #b59b7e;padding:8px}.hw-promo-copy a{text-decoration:underline;color:#ffe597}.hw-promo-updated{font:14px Georgia,serif;margin:10px 0 18px}.hw-promo-close{position:absolute;left:50%;bottom:-100px;transform:translateX(-50%);width:74px;height:74px;display:flex;align-items:center;justify-content:center;border:2px solid white;border-radius:50%;padding:0;background:transparent;color:#fff;font:70px/1 Arial,sans-serif}.hw-promo-close:focus-visible{outline:3px solid #efcb76;outline-offset:4px}.hw-promotion-dialog:not([open]){display:none}
.hw-promotion-full{margin:20px 28px;padding:28px;background:#8f6f4f;border-radius:12px;min-height:50vh}.hw-promo-back{display:inline-block;padding:10px 0;color:#ffe597!important}.hw-promotion-full h2{font:700 22px Georgia,serif}
@media(max-width:767px){.hw-promotion-page .hw-navrow{display:none}.hw-promotion-page .hw-header{height:0}.hw-promotion-title{height:62px;position:sticky;top:0;z-index:40;border-radius:0}.hw-promotion-title>a{display:block;position:absolute;left:16px;font:42px/1 Georgia,serif;color:white}.hw-promotion-title h1{font-size:19px}.hw-promotion-grid{grid-template-columns:1fr;gap:14px;padding:14px}.hw-promotion-card{padding:10px 10px 16px;border-radius:10px}.hw-promotion-card>h2{font-size:14px}.hw-empty-promotions{margin:14px;padding:25px 14px}.hw-promotion-dialog{width:94vw;transform:translateY(-28px);max-height:calc(100dvh - 150px)}.hw-promo-dialog-panel>header{padding:16px}.hw-promo-dialog-panel h2{font-size:18px}.hw-promo-dialog-body{padding:18px;max-height:calc(100dvh - 250px)}.hw-promo-close{width:58px;height:58px;font-size:53px;bottom:-76px}.hw-promotion-full{margin:14px;padding:20px}.hw-promotion-page .hw-dropdown{z-index:60}}

.hw-unified .mobilesite-footer .menu-bottom,.hw-unified .mobilesite-footer .floats{display:none!important}
@media(max-width:767px){.hw-unified .account_menu,.hw-unified .account_menu .mdc-tab-scroller__scroll-content{max-width:100%;overflow-x:auto}.hw-unified .deposit,.hw-unified .content-form{min-width:0;max-width:100%}}

/* Member header matching the reference. */
.hw-member-summary{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:0;font:14px Arial,sans-serif;max-width:185px;text-align:left}.hw-member-name{display:flex;align-items:center;gap:6px;width:100%}.hw-member-name>img{width:29px;height:29px}.hw-member-name>span:not(.hw-member-arrow){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-member-arrow{margin-left:5px}.hw-member-funds{display:flex;align-items:center;background:#6d5a41;border-radius:14px;height:21px;min-width:46px;padding-right:10px;gap:6px;font-size:13px}.hw-member-funds img{width:21px;height:21px}.hw-member-summary~.hw-toplinks{display:none}.hw-header .hw-masthead:has(.hw-member-summary){min-height:65px;height:65px}.hw-member-summary~.hw-mobile-menu{display:none}
@media(max-width:767px){.hw-header .hw-masthead:has(.hw-member-summary){padding:5px 12px}.hw-header .hw-masthead:has(.hw-member-summary) .hw-brand{max-width:52%;height:43px}.hw-header .hw-masthead:has(.hw-member-summary) .hw-brand img{max-width:190px;max-height:43px}.hw-member-summary{max-width:43%;font-size:14px}.hw-promotion-page .hw-masthead:has(.hw-member-summary){display:flex}}

.hw-home .hw-livechat{display:block;width:58px;height:58px;right:20px;bottom:22px;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;z-index:45}.hw-livechat img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #0007)}.hw-livechat:focus-visible{outline:2px solid #ffe295;outline-offset:4px}.hw-livechat:hover{transform:translateY(-2px)}
@media(max-width:767px){.hw-home .hw-livechat{width:52px;height:52px;right:20px;bottom:calc(78px + env(safe-area-inset-bottom))}}

.hw-livechat-label{display:block;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);padding:3px 7px;border:1px solid #edcb70;border-radius:7px;background:#513717;color:#fff0b4;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.4px;white-space:nowrap;box-shadow:0 2px 4px #0006}

.hw-spin-launch{position:fixed;right:15px;bottom:100px;z-index:45;width:68px;text-align:center;color:#fff3a6!important;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.3px}.hw-mini-wheel{display:block;width:52px;height:52px;margin:0 auto 3px;border-radius:50%;border:4px solid #edca68;background:conic-gradient(#4b93bd 0deg 72deg,#b82e55 72deg 144deg,#d3b57b 144deg 216deg,#75a43b 216deg 288deg,#d9912b 288deg);box-shadow:0 0 0 2px #a57024,0 2px 8px #0008}.hw-mini-wheel:after{content:'★';display:block;width:20px;height:20px;line-height:20px;border-radius:50%;margin:12px auto;background:#ffde76;color:#8c571c;font-size:13px}
@media(max-width:767px){.hw-spin-launch{bottom:calc(151px + env(safe-area-inset-bottom))}}
.hw-lottery-display{max-width:1300px;margin:auto;padding:22px 18px 36px}.hw-lottery-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.hw-lottery-heading h1{font-size:25px;color:#fbe9ae;margin:0 0 8px}.hw-lottery-heading p,#lottery-status{font-size:12px;color:#e4d4b1;line-height:1.6}.hw-lottery-heading button{background:#9b7534;color:white;border:1px solid #dbbb70;border-radius:8px;padding:10px;white-space:nowrap}.hw-lottery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hw-lottery-card{position:relative;text-align:center;overflow:hidden;background:linear-gradient(#604427,#291b12);border:1px solid #c49a48;border-radius:14px;box-shadow:0 4px 12px #0008;padding:0 0 10px}.hw-lottery-card img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.hw-lottery-period{display:block;padding:10px 5px 3px;font-size:12px;color:#fff2bd}.hw-lottery-live{display:inline-block;border:1px solid #e6c779;border-radius:4px;padding:2px 8px;font-size:10px;color:#ffeec0}.hw-lottery-countdown{font-size:21px;letter-spacing:1px;margin:7px 0;color:#fff}.hw-lottery-result{margin:6px 8px;font-size:21px;letter-spacing:3px;color:#ffdf77;font-weight:bold;overflow-wrap:anywhere}.hw-lottery-card h2{font-size:13px;margin:9px 0 6px;padding:10px 5px;background:linear-gradient(135deg,#997021,#302117);color:white}.hw-lottery-viewonly{font-size:10px;color:#c6b390}.without-logo{padding-top:20px}@media(max-width:767px){.hw-lottery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hw-lottery-display{padding:16px 10px 24px}.hw-lottery-result{font-size:17px;letter-spacing:2px}.hw-lottery-countdown{font-size:17px}.hw-lottery-heading{align-items:flex-start}}

.hw-home-lottery{margin-top:20px}.hw-home-lottery .hw-lottery-card{padding-bottom:0}.hw-home-lottery .hw-lottery-period{position:absolute;top:39%;left:0;right:0;font-size:clamp(12px,2vw,19px);text-shadow:0 2px 3px #000;background:#0004}.hw-home-lottery .hw-lottery-countdown{position:absolute;top:56%;left:0;right:0;text-shadow:0 2px 4px #000}.hw-home-lottery .hw-lottery-result{position:absolute;top:68%;left:0;right:0;font-size:clamp(12px,1.7vw,20px);letter-spacing:0;text-shadow:0 2px 4px #000}.hw-home-lottery .hw-lottery-live{position:absolute;top:0;left:0;background:#52aed2;color:#fff;border:0;border-radius:0;font-size:12px}.hw-home-lottery .hw-lottery-card h2{margin:0;padding:14px 6px;background:linear-gradient(145deg,#ba191a,#711915,#4e3823)}.hw-home-lottery .hw-lottery-viewonly{display:block;padding:4px 0;background:#352211}.hw-home-lottery .hw-lottery-card img{aspect-ratio:1;filter:brightness(.8)}.hw-home-lottery .without-logo .hw-lottery-period,.hw-home-lottery .without-logo .hw-lottery-countdown,.hw-home-lottery .without-logo .hw-lottery-result{position:static}@media(max-width:767px){.hw-home-lottery .hw-lottery-period{font-size:12px}.hw-home-lottery .hw-lottery-countdown{font-size:13px}.hw-home-lottery .hw-lottery-result{font-size:12px}.hw-home-lottery .hw-lottery-card h2{font-size:10px;padding:12px 4px}}

@keyframes hw-auth-blink{0%,100%{filter:brightness(1);box-shadow:0 0 4px #d9ae45}50%{filter:brightness(1.28);box-shadow:0 0 12px #ffdf80}}
.hw-login button.hw-gold,.hw-login a.hw-register{animation:hw-auth-blink 1.5s ease-in-out infinite}.hw-login a.hw-register{animation-delay:.35s}@media(prefers-reduced-motion:reduce){.hw-login button.hw-gold,.hw-login a.hw-register{animation:none}}

/* Ukuran logo header depan */
@media(min-width:768px){.hw-header .hw-brand img{max-width:260px;max-height:60px}}
@media(max-width:767px){.hw-header .hw-masthead{height:48px;min-height:48px}.hw-header .hw-brand{max-width:43%;height:38px}.hw-header .hw-brand img{max-width:172px;max-height:38px}.hw-header .hw-masthead:has(.hw-member-summary) .hw-brand{height:50px}.hw-header .hw-masthead:has(.hw-member-summary) .hw-brand img{max-width:215px;max-height:50px}}
@media(max-width:350px){.hw-header .hw-brand{max-width:42%}}

@keyframes hw-promotion-pulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.14);filter:brightness(1.15)}}
@media(max-width:767px){
.hw-bottom.hw-bottom-five{background:transparent;box-shadow:none;isolation:isolate}
.hw-bottom.hw-bottom-five::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:28px 28px 0 0;background:linear-gradient(#c2a263,#ae9155);box-shadow:inset 0 2px 2px #ead18b;mask-image:radial-gradient(circle at 50% -7px,transparent 35px,#000 36px);-webkit-mask-image:radial-gradient(circle at 50% -7px,transparent 35px,#000 36px)}
.hw-bottom-five .hw-promo-orb{top:-29px;width:56px;height:56px;background:linear-gradient(#cdb06a,#ac8b43);border:2px solid #e9ce88;animation:hw-promotion-pulse 1.6s ease-in-out infinite;transform-origin:center}
.hw-bottom-five .hw-promo-orb img{width:31px;height:31px}
.hw-bottom-five .hw-nav-icon{width:22px;height:22px;object-fit:contain}
}
@media(prefers-reduced-motion:reduce){.hw-bottom-five .hw-promo-orb{animation:none}}