/* Extracted legacy game.php presentation rules; only selectors used by game.html remain. */
.legacy-game [hidden]{display:none!important}.captcha-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.captcha-row img{width:160px;height:52px;max-width:75%;object-fit:contain;background:#f2f5fb}.captcha-row button{border:1px solid #ddd;background:#fff;padding:8px;cursor:pointer}.account-logout{text-align:center;padding:18px}.account-logout a{color:#875025}.pop_main{max-height:94vh;overflow-y:auto!important}.legacy-game #main_pay_window{inset:4vh auto auto 50%;transform:translateX(-50%);margin:0;width:min(94vw,420px);height:92vh}.legacy-game #main_pay_window_iframe{height:100%}
#mainsdk.is-open{display:block}
/* Restore the old min(viewport,420)/7.5 rem scale and extra.css body size. */
html{font-size:min(13.333333333vmin,56px)}
body.legacy-game{font-size:14px}
#wsjpay_back_button{display:none;position:fixed;z-index:99999999;margin:-180px 0 0 93px;padding:7px;left:50%;top:45%;height:21px;width:28px;line-height:1.5;color:#D3D3D2;font-size:14px}#mainsdk_fuli{display:none}
#am-btn{display:inline-block;position:relative;width:47px;height:47px;cursor:pointer}
.legacy-game #J_userTab .user_item.is-visible{display:block}
.legacy-game #mainsdk{z-index:900}

/* Login pops match the jade-bronze sidebar; float ball docks right and is draggable. */
.legacy-game .pop_main{background:#0d1c1a;border:1px solid #6d5e40;border-radius:.14rem;color:#e8dfc5}
.legacy-game .pop_head{background-color:#876f43;background-image:url('../img/sidebar/pop.jpg');background-repeat:no-repeat;background-position:center;background-size:100% 100%;color:#fff5d8;font-size:.28rem;line-height:.52rem;border-radius:.14rem .14rem 0 0}
.legacy-game .pop_head .close{right:.16rem;top:50%;width:.4rem;height:.4rem;transform:translateY(-50%);overflow:hidden;text-indent:-999em;color:transparent}
.legacy-game .pop_head .close::before,.legacy-game .pop_head .close::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:.22rem;margin:-.11rem 0 0 -1px;background:#d5bd83}
.legacy-game .pop_head .close::before{transform:rotate(45deg)}
.legacy-game .pop_head .close::after{transform:rotate(-45deg)}
.legacy-game .pop_body{padding:.3rem}
.legacy-game .pop .user_form{margin:0 0 .3rem}
.legacy-game .pop .user_form .cell{position:relative;display:flex;align-items:center;padding:0 .08rem 0 0}
.legacy-game .pop .user_form .label{flex:none}
.legacy-game .pop .user_form .bd{flex:1;min-width:0}
.legacy-game .pop .user_form .input{height:.76rem;line-height:.76rem}
.legacy-game .pop .vcode_btn{flex:none;white-space:nowrap;padding:0 .16rem;font-size:.22rem}
.legacy-game .pop .submit{margin:0}
.legacy-game .pop_links{display:flex;justify-content:space-between;margin:.24rem 0 0;font-size:.22rem}
.legacy-game .pop_links a,.legacy-game .pop_back a,.legacy-game .protocal-box a{color:#d5bd83}
.legacy-game .pop_back{margin:.2rem 0 0;text-align:center;font-size:.22rem}
.legacy-game .protocal-box{color:#bdb18f;margin-top:.2rem}
.legacy-game .pop .pop_captcha{display:flex;align-items:center;gap:.12rem;padding:.12rem .16rem}
.legacy-game .pop .pop_captcha img{width:auto;height:.72rem;max-width:70%;object-fit:contain;background:#efe3c0;border:1px solid #c8b98f;border-radius:.06rem}
.legacy-game .pop .pop_captcha button{flex:none;border:1px solid #8a7954;background:#10211f;color:#d5bd83;border-radius:.06rem;padding:.08rem .16rem;cursor:pointer}
.legacy-game #mainsdk{display:none;position:absolute;top:65%;right:max(8px,env(safe-area-inset-right,0px));left:auto;white-space:nowrap;z-index:900;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.legacy-game #mainsdk.is-open{display:block}
.legacy-game #mainsdk.is-dragging{cursor:grabbing}
.legacy-game #am-btn{cursor:inherit}
.legacy-game #am-btn img{-webkit-user-drag:none;user-drag:none}
.legacy-game .am-offcanvas.am-active{left:0;display:block;visibility:visible}
.legacy-game .am-offcanvas .am-offcanvas-bar{max-width:420px;overflow-y:auto}
.legacy-game #alert_window{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:90%;max-width:340px;margin:0;font-size:14px;line-height:1.5;pointer-events:none}
html,body{height:100%;margin:0;overflow:hidden}.h5-game-iframe,#h5-game-iframe{position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;border:0;z-index:100}.is-hidden{display:none!important}#h5-rotation-cover,#h5-cover{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.8);color:#fff}.h5-loading-cover{position:fixed;inset:0;z-index:101;background:rgba(0,0,0,.25)}#main_pay_window{display:none;opacity:1;position:fixed;text-align:center;white-space:nowrap;z-index:99999999;margin:-187px 0 0 -150px;left:50%;top:45%;border:0;padding:0;width:300px;height:450px}#main_pay_window_bg{opacity:1;position:fixed;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}#main_pay_window_iframe{display:block;width:100%;height:100%;border:0;padding:0;opacity:1;position:relative;background:transparent}#mainsdk{display:none;position:absolute;top:65%;left:80%;white-space:nowrap;z-index:99999900}#am-btn img{width:47px;height:47px}.main_pay_loading{display:none}#alert_window{display:none;position:relative;text-align:center;z-index:99999999;border-radius:12px;background-color:rgba(0,0,0,.8);color:#fff;margin:50% 5%;padding:7px}#alert_window:not(:empty){display:block}.box>#J_userTab .user_item{display:none}.box>#J_userTab .user_item.is-visible{display:block}.box>#J_userTab #alter-pwd{display:block}.legacy-game .box_item.is-visible{display:block}.pop{display:none;opacity:0}.pop.pop_show{display:block;opacity:1}.mask{position:fixed;z-index:10000;inset:0;background:rgba(0,0,0,.75)}.pop_main{position:fixed;z-index:50000;width:min(92vw,420px);max-width:420px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:6px;overflow:hidden}.pop_head{text-align:center;border-radius:6px 6px 0 0;font-size:16px;line-height:40px;background-color:#ffea01;position:relative}.pop_head_white{background:#fff;border-bottom:1px solid #e8e8e8;font-size:18px;line-height:50px}.pop_head .close{position:absolute;right:10px;color:#666}.pop_body{padding:20px}.cells_form .cell{display:flex;border-radius:6px;border:1px solid #e8e8e8;padding:5px 15px;margin-bottom:10px}.cell_bd{flex:1}.pop .input{width:100%;height:30px;border:0;outline:0}.btn_block{display:block;text-align:center;background-color:#ffea01;border-color:#ffea01;height:40px;line-height:40px;font-size:16px}.pop_form_vcode{padding-right:100px;position:relative}.pop_form_vcode .btn{position:absolute;right:0;top:50%;margin-top:-15px;line-height:30px;height:30px}.protocal-box{font-size:12px}.legacy-game #J_tabBox>.box_item:first-child{display:block}

/* WAP / PC adaptive overlays: login pop, pay iframe, sidebar, float ball. */
html{font-size:min(13.333333333vmin,56px)}
.legacy-game .pop_main{
  width:min(92vw,420px);
  max-width:min(420px,calc(100vw - 16px));
  max-height:min(94vh,calc(100dvh - 16px));
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.legacy-game #main_pay_window{
  inset:auto;
  top:50%;
  left:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%,-50%);
  margin:0;
  width:min(94vw,420px);
  height:min(92dvh,720px);
  max-width:calc(100vw - 12px);
  max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 12px);
  white-space:normal;
}
.legacy-game #main_pay_window_iframe{height:100%;width:100%}
.legacy-game .am-offcanvas .am-offcanvas-bar{
  width:min(85vw,420px);
  max-width:420px;
  padding-bottom:env(safe-area-inset-bottom,0px);
  zoom:0.8;
}
.legacy-game .user_nav{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.legacy-game .user_nav li{flex:1 0 auto;min-width:4.2em}
.legacy-game #mainsdk{
  right:max(8px,env(safe-area-inset-right,0px));
  bottom:auto;
}
#h5-rotation-cover,#h5-cover{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  text-align:center;
  font-size:clamp(14px,4vw,18px);
  line-height:1.6;
}
@media (max-height:500px) and (orientation:landscape){
  .legacy-game .pop_main{max-height:96vh}
  .legacy-game .pop_body{padding:.16rem}
  .legacy-game #main_pay_window{height:96dvh;max-height:96dvh}
}
@media (orientation:landscape){
  .legacy-game .pop_main{
    width:min(72vw,520px);
    max-height:min(94vh,calc(100dvh - 12px));
  }
  .legacy-game .pop_body{padding:.16rem .24rem}
  .legacy-game .pop .user_form .input{height:.62rem;line-height:.62rem}
  .legacy-game #main_pay_window{
    width:min(70vw,560px);
    height:min(88dvh,560px);
  }
  .legacy-game .am-offcanvas .am-offcanvas-bar{
    width:min(56vw,420px);
  }
}
@media (min-width:768px){
  .legacy-game .pop_main{width:min(92vw,420px)}
  .legacy-game #main_pay_window{width:420px}
}
#h5-sdk-stage,#h5-screen-ui{
  position:fixed;
  inset:0;
  pointer-events:none;
}
#h5-sdk-stage{z-index:200;overflow:visible}
#h5-screen-ui{z-index:400}
#h5-sdk-stage > *,#h5-screen-ui > *{pointer-events:auto}
html.is-sdk-rotated #h5-sdk-stage{
  inset:auto;
  width:100vh;
  height:100vw;
  top:0;
  left:100vw;
  transform:rotate(90deg);
  transform-origin:top left;
}
html.is-sdk-rotated .legacy-game #main_pay_window{
  width:min(70vh,560px);
  height:min(88vw,560px);
  max-width:calc(100vh - 12px);
  max-height:calc(100vw - 12px);
}
html.is-sdk-rotated .legacy-game .am-offcanvas .am-offcanvas-bar{
  width:min(70%,560px);
  max-width:560px;
  height:100%;
  zoom:0.8;
}
/* Pay iframe must not sit under any CSS transform: iOS Safari paints it as a white box. */
.legacy-game #main_pay_window,
html.is-sdk-rotated .legacy-game #main_pay_window{
  inset:0;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:auto;
  height:auto;
  max-width:none;
  max-height:none;
  margin:0;
  transform:none;
  align-items:center;
  justify-content:center;
  background:transparent;
  white-space:normal;
}
.legacy-game #main_pay_window_bg{
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
}
.legacy-game #main_pay_window_iframe{
  width:min(94vw,420px);
  height:min(92dvh,720px);
  max-width:calc(100vw - 12px);
  max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 12px);
  background:#071312;
  position:relative;
}
html.is-sdk-rotated .legacy-game #main_pay_window_iframe{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  background:transparent;
}
html.is-sdk-rotated .legacy-game #mainsdk{
  top:8px;
  right:auto;
  left:65%;
}