html,body{background:#000}.stage.home-stage{position:relative;left:0;width:100%;height:100%;transform:none!important;container-type:inline-size}.home-stage .island{left:1.83%;right:1.83%;top:2.38%;bottom:2.38%;border-radius:23px;overflow:visible}.home-stage .network{right:1.3%;top:1.4%;color:#00ce00}.home-stage .network svg{fill:#00ce00}.home-stage .header{height:18.5%;pointer-events:none}.home-stage .header button,.home-stage .wallet{pointer-events:auto}.home-stage .notice{left:1.27%;right:1.58%;top:10px;height:50px;font-size:17px}.home-stage .toolbar{left:1.27%;right:2.2%;top:87px}.home-stage .wallet{left:32.6%}.home-stage .message{left:62.5%;color:#eecc7a}.home-stage .message::after{content:"";position:absolute;right:14px;top:5px;width:10px;height:10px;background:#ff3138;border-radius:50%}.home-stage .service{right:0;color:#eecc7a}.home-stage .home-back,.home-stage .logout-button{display:none}.home-stage .side-nav{position:absolute;left:1.27%;top:20.25%;bottom:1.65%;width:6.85%;display:grid;grid-template-rows:repeat(4,1fr);padding:60px 0;align-items:center;border:1px solid #ffffff2d;border-radius:28px;background:#0c0c0c;box-shadow:inset 1px 1px 0 #ffffff20}.side-nav a,.side-nav button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;color:#b79b70;gap:0}.side-nav img{width:30px;height:30px}.side-nav .active{color:#eecc7a;filter:drop-shadow(0 0 9px #f9b73d)}.home-board{position:absolute;left:8.99%;right:1.9%;top:20.25%;bottom:1.65%;display:grid;grid-template-columns:minmax(0,581.49fr) minmax(0,565.26fr);gap:1.35%;--card-radius:28px}.home-left,.home-right{min-width:0;min-height:0;display:grid;gap:16px}.home-left{grid-template-rows:minmax(0,347.31fr) minmax(0,162.49fr)}.home-right{grid-template-rows:minmax(0,162.49fr) minmax(0,161.82fr) minmax(0,161.82fr)}.home-card{position:relative;text-align:left;min-width:0;min-height:0;display:block;transition:filter .2s}.home-card:is(button,a):hover{filter:drop-shadow(0 0 4px #fff5ca55)}.card-shell{position:absolute;inset:0;border:1px solid #fff5ca24;border-radius:var(--card-radius);background:#121212;overflow:hidden}.live-background{background:#121212 url('/hub/assets/main-box-bg.c579837b.png') center/100% 100% no-repeat}.live-photo{position:absolute;right:-1%;bottom:0;height:112%;width:auto;max-width:72%;object-fit:contain;object-position:right bottom;pointer-events:none}.live-copy{position:absolute;top:32%;left:4.3%;transform:translateY(-50%);width:56%;display:flex;flex-direction:column;gap:10px;z-index:1}.live-copy strong{font-size:clamp(24px,2.85cqw,47px);line-height:1.1;color:white}.live-copy>span{font-size:clamp(12px,1.04cqw,17px);max-width:350px;line-height:1.5;color:#eecc7a}.enter-now{position:absolute;top:75%;left:4.3%;transform:translateY(-50%);border-radius:50px;background:linear-gradient(180deg,#e8c676,#ecbf69 48.08%,#d39a3f);color:#2c2c2c;min-height:44px;padding:8px 27px 8px 32px;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:bold}.enter-now i{border-radius:50%;background:#2c2c2c;color:#e8c676;width:25px;height:25px;text-align:center;line-height:25px;font-style:normal}.hot-games{min-width:0;min-height:0;background:#121212;border:1px solid #fff5ca24;border-radius:var(--card-radius);padding:14px 17px;display:flex;flex-direction:column;overflow:hidden}.hot-games header{display:flex;align-items:center;justify-content:space-between;font-size:21px;font-weight:bold;flex-shrink:0}.hot-games header span{display:flex;align-items:center;gap:9px}.hot-games header img{width:24px;height:26px}.hot-games header button{font-size:20px;color:#a5a5a5;font-weight:400}.hot-track{display:flex;align-items:center;gap:12px;flex:1;min-height:0;margin-top:9px;overflow-x:auto;scrollbar-width:none}.hot-track button{flex:0 0 calc((100% - 72px)/7);min-width:60px;text-align:center;max-width:98px}.hot-track img{display:block;width:100%;aspect-ratio:1;border-radius:17px;object-fit:cover}.hot-track button span{display:block;font-size:12px;line-height:1.2;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-tiles{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,282.51fr) minmax(0,270.74fr);gap:12px}.tile-copy{position:absolute;inset:17px 17px 17px 20px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;max-width:58%;color:#eecc7a;font-size:22px}.tile-copy>span{display:flex;flex-direction:column;gap:4px}.tile-copy small{font-size:15px}.tile .brand{width:auto;max-width:100%;height:42px;object-fit:contain;object-position:left top}.pp-card .brand{height:54px;margin:-10px 0 0 -8px}.tile-deco{position:absolute;width:auto;pointer-events:none;object-fit:contain}.pg-card .tile-deco{top:-9%;right:-5%;bottom:-6%;height:115%;max-width:90%;object-position:right center}.pp-card .tile-deco{top:5%;right:5%;bottom:0;height:95%;max-width:70%;object-position:right center}.strip-copy{position:absolute;inset:17px 17px 17px 20px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;max-width:58%}.strip-copy strong{font-size:21px;font-weight:700}.strip-copy>span{display:flex;flex-direction:column;gap:4px;color:#eecc7a;font-size:24px}.strip-copy small{font-size:17px}.strip-deco{position:absolute;top:0;right:0;bottom:0;height:100%;max-width:70%;width:auto;object-fit:contain;object-position:right center}.coming-card{background:url('/hub/assets/ic_custom_game_templete.d3459795.png') center/100% 100% no-repeat;border-radius:var(--card-radius);padding:17px 20px;display:flex;flex-direction:column;justify-content:space-between}.coming-card h2{font-size:21px;margin:0 0 5px;font-weight:700}.coming-card p{font-size:17px;line-height:1.35;margin:0}.coming-card>p{font-size:15px;color:#eecc7a}.home-stage .modal-shade{position:fixed}.home-stage .toast{position:fixed}.profile-logout{color:#e3c38b;border:1px solid #75613c;border-radius:7px;padding:7px 15px;font-size:18px;justify-self:center}
@media(max-width:1100px),(max-height:740px){.home-stage .toolbar{top:66px;height:50px}.home-stage .profile{height:50px}.home-stage .avatar{height:50px;width:50px}.home-stage .nickname{font-size:22px}.home-stage .account-id{font-size:17px}.home-stage .pill{height:48px}.home-stage .wallet{width:164px}.home-stage .wallet-main img{width:30px;height:30px}.home-stage .wallet-main>span{font-size:24px}.home-stage .refresh{width:27px;height:27px}.home-stage .toolbar-button{font-size:20px;width:116px}.home-stage .notice{height:40px;font-size:14px}.home-stage .side-nav,.home-stage .home-board{top:139px}.home-left,.home-right{gap:12px}.strip-copy strong,.coming-card h2{font-size:18px}.strip-copy>span,.tile-copy{font-size:19px}.strip-copy small,.coming-card p{font-size:14px}.tile .brand{height:33px}.pp-card .brand{height:43px}.side-nav img{width:26px;height:26px}.enter-now{font-size:16px;min-height:36px;padding:5px 18px}.hot-games header{font-size:18px}.hot-track{gap:9px}.hot-track button{min-width:54px}.hot-track button span{font-size:10px}.hot-games{padding:12px}.home-board{--card-radius:22px}}
@media(max-width:700px){html,body{overflow:auto}.stage.home-stage{min-height:950px}.home-stage .island{left:10px;right:10px;top:15px;bottom:15px}.home-stage .toolbar{right:15px}.home-stage .wallet{left:auto;right:0;width:125px}.home-stage .message,.home-stage .service{display:none}.home-stage .profile{max-width:60%}.home-stage .nickname{font-size:20px}.home-stage .account-id{font-size:14px}.home-stage .network{top:2px}.home-stage .side-nav{left:10px;right:10px;top:132px;bottom:auto;width:auto;height:60px;padding:0;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;border-radius:18px}.side-nav a,.side-nav button{flex-direction:row;gap:6px}.home-stage .home-board{left:10px;right:10px;top:208px;bottom:12px;display:flex;flex-direction:column;gap:16px}.home-left{height:330px;grid-template-rows:minmax(0,2fr) minmax(0,1fr);flex-shrink:0}.home-right{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:13px}.live-copy strong{font-size:29px}.live-copy>span{font-size:12px}.live-photo{max-width:65%}.hot-track button{flex-basis:54px}.hot-games{padding:10px 12px}.hot-games header{font-size:16px}.hot-games header img{height:20px;width:20px}.hot-track{margin-top:5px}.hot-track img{border-radius:10px}.home-stage .dialog{max-width:92vw;max-height:85vh;padding:22px}.home-stage .dialog h1{font-size:22px}.home-stage .dialog-content{font-size:16px;max-height:55vh}.home-stage .profile-form label{grid-template-columns:60px 1fr;gap:10px}.home-stage .avatar-option{width:48px;height:48px}.home-stage .avatar-options{gap:4px}.tile-copy{font-size:17px}.tile-copy small{font-size:12px}.strip-copy strong,.coming-card h2{font-size:17px}.strip-copy>span{font-size:19px}}