/* CA.exe reference: 00_教學/images/game_login.png; 800x600 client coordinates measured from screenshot. */
body.is-auth{background:#101012;color:white;min-height:100dvh;margin:0}
body.is-auth>.gamebar,body.is-auth footer,body.is-auth .native-channel-bar,body.is-auth .page-title,body.is-auth main>.notice{display:none}
body.is-auth .native-window{max-width:none;width:100%;min-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center}
.original-auth{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}
.original-auth[hidden]{display:none!important}
.login-viewport{position:relative;width:800px;max-width:100%;aspect-ratio:4/3;overflow:hidden;flex:none}
.login-stage{position:absolute;left:0;top:0;width:800px;height:600px;transform:scale(var(--login-scale,1));transform-origin:top left;background:url('/assets/original-login/CAStage.jpg') no-repeat 0 0;background-size:800px 600px;isolation:isolate}
.original-table{position:absolute;left:188px;top:394px;width:424px;height:137px;background:url('/assets/original-login/LO_LogTable00.png') no-repeat}
.native-play .login-stage button,.native-play .login-stage a{position:absolute;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;min-height:0;color:transparent;font-size:0;background-color:transparent;background-repeat:no-repeat;text-decoration:none;cursor:pointer}
.native-play .login-stage button:focus-visible,.native-play .login-stage a:focus-visible{outline:2px solid white;outline-offset:3px}
.native-play .login-stage .original-one-player{left:196px;top:417px;width:77px;height:93px;background-image:url('/assets/original-login/LO_Bt1P.png')}
.native-play .login-stage .original-two-player{left:527px;top:417px;width:77px;height:93px;background-image:url('/assets/original-login/LO_Bt2P.png');cursor:not-allowed}
.original-login-form{position:absolute;inset:0;width:800px;height:600px;margin:0;pointer-events:none}
.original-login-form>*{pointer-events:auto}
.original-login-form .login-field{position:absolute;left:402px;top:443px;width:93px;height:20px;margin:0}
.original-login-form .login-field.password-field{top:467px}
.login-field-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.native-play .original-login-form .login-field input{box-sizing:border-box;display:block;width:93px;height:20px;min-height:0;margin:0;padding:0 3px;background:#fff;color:#101010;border:0;border-radius:0;font:12px 'MingLiU','PMingLiU',serif;outline-offset:0}
.native-play .original-login-form .login-field input:focus{outline:1px solid #28aaff}
.native-play .login-stage .original-confirm{left:352px;top:558px;width:99px;height:30px;background-image:url('/assets/original-login/LO_BtLogOk.png');background-position:0 0}
.native-play .login-stage .original-login-register{left:243px;top:558px;width:99px;height:30px;background-image:url('/assets/original-login/LO_BtLogNewId.png');background-position:0 0}
.native-play .login-stage .original-login-exit{left:461px;top:558px;width:99px;height:30px;background-image:url('/assets/original-login/LO_BtLogExit.png');background-position:0 0}
.native-play .login-stage .original-confirm:hover:not(:disabled),.native-play .login-stage .original-login-register:hover,.native-play .login-stage .original-login-exit:hover{background-position:0 -30px}
.native-play .login-stage .original-confirm:disabled{background-position:0 -60px;opacity:1;cursor:default}
.native-play .login-stage .original-confirm:active:not(:disabled),.native-play .login-stage .original-login-register:active,.native-play .login-stage .original-login-exit:active{background-position:0 -90px}
.login-mobile-dock{display:none}
.login-build-note{margin:0 12px!important;font-size:11px!important;color:#b5b5bb!important;text-align:center;line-height:1.6;max-width:800px}
body.is-auth #message,body.is-auth #native-message{position:fixed;z-index:10;left:50%;bottom:12px;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;margin:0;border-radius:6px;background:#052b4d;color:white;padding:9px 14px;font-size:13px;box-shadow:0 2px 8px #0006}
body.is-auth #message:empty,body.is-auth #native-message:empty{display:none}
.native-play .login-register-dialog{box-sizing:border-box;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;border:3px solid #19c9fc;border-radius:12px;background:#0766a4;color:white;box-shadow:0 0 0 3px #00395f}
.login-register-dialog::backdrop{background:#0009}
.login-register-dialog h2{font-size:20px;margin:0 0 14px;color:#fff}
.login-register-dialog label{display:block;margin:10px 0}
.native-play .login-register-dialog input{margin-top:4px;width:100%;min-height:40px;font-size:16px;background:#fff;color:#111}
.login-dialog-actions{display:flex;gap:10px;margin-top:18px}
.native-play .login-dialog-actions button{min-height:44px;margin:0;flex:1}
.login-register-error{color:#fff1ae!important;font-size:13px;line-height:1.5}
@media(max-width:600px) and (orientation:portrait){
 body.is-auth .native-window{justify-content:flex-start;padding-top:env(safe-area-inset-top)}
 .original-auth{gap:12px;padding-bottom:20px}
 .login-mobile-dock{display:block;width:min(360px,calc(100vw - 28px));padding:14px;border:2px solid #ee9b08;border-radius:14px;background:linear-gradient(#ffbe20,#f98a00);box-sizing:border-box;color:#003d67}
 .login-mobile-dock:before{content:'1 PLAYER';display:block;text-align:center;color:#fff;font:bold 18px Arial;text-shadow:0 1px 2px #b04c00;margin-bottom:10px}
 .login-mobile-dock .original-login-form{position:static;display:grid;gap:10px;width:auto;height:auto;pointer-events:auto}
 .login-mobile-dock .login-field,.login-mobile-dock .login-field.password-field{position:static;width:auto;height:auto;display:grid;grid-template-columns:86px 1fr;gap:8px;align-items:center}
 .login-mobile-dock .login-field-title{position:static;clip-path:none;overflow:visible;width:auto;height:auto;white-space:normal;font-size:14px}
 .native-play .login-mobile-dock .login-field input{width:100%;height:44px;min-height:44px;font:16px Arial;padding:8px;border:2px solid #0b65a1;border-radius:3px}
 .native-play .login-mobile-dock .original-confirm{position:static;justify-self:center;width:148.5px;height:45px;background:url('/assets/original-login/LO_BtLogOk.png') no-repeat 0 0;background-size:148.5px 225px;border:0;border-radius:0;margin:2px 0;padding:0;color:transparent;font-size:0;box-shadow:none}
 .native-play .login-mobile-dock .original-confirm:hover:not(:disabled){background-position:0 -45px}
 .native-play .login-mobile-dock .original-confirm:disabled{background-position:0 -90px;opacity:1}
 .login-mobile-links{display:flex;justify-content:center;gap:16px;margin-top:12px}
 .native-play .login-mobile-links button,.native-play .login-mobile-links a{min-height:44px;padding:10px 14px;border-radius:6px;font:14px Arial;color:white;background:#087bb7;border:1px solid #b8efff;text-decoration:none}
 .native-play .login-stage>.original-login-register,.native-play .login-stage>.original-login-exit{display:none}
}