:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bg: #0b0e14}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:#e6e6e6;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#JKGame_root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#JKGame_game{width:100%;height:100%}#JKGame_game canvas{display:block;margin:0 auto;touch-action:none}#JKGame_rotate{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#080a10f5;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left))}#JKGame_rotate[hidden]{display:none}.rotate-card{text-align:center;max-width:320px}.rotate-icon{font-size:56px;margin-bottom:12px}.rotate-title{font-size:20px;font-weight:700;margin:0 0 6px}.rotate-sub{font-size:14px;line-height:1.6;color:#9aa4b2;margin:0}#JKGame_auth{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0b0e14,#11161f);padding:max(20px,var(--safe-top)) max(20px,var(--safe-right)) max(20px,var(--safe-bottom)) max(20px,var(--safe-left));overflow-y:auto}.auth-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;text-align:center}.auth-title{font-size:40px;font-weight:800;color:#e6e6e6;margin:0}.auth-card h2{font-size:26px;font-weight:700;color:#e6e6e6;margin:0 0 4px}.auth-sub{font-size:15px;color:#9aa4b2;margin:0 0 12px}.auth-label{font-size:13px;color:#9aa4b2;text-align:left;margin-bottom:-6px}.auth-input{width:100%;padding:12px 14px;font-size:16px;color:#e6e6e6;background:#161c28;border:1px solid #263042;border-radius:8px;outline:none}.auth-input:focus{border-color:#5ee6a8}.auth-btn{width:100%;padding:14px;font-size:17px;font-weight:600;color:#e6e6e6;background:#223049;border:1px solid #3a4961;border-radius:10px;cursor:pointer}.auth-btn:hover{background:#30435f}.auth-primary{background:#1f6f54;border-color:#2c9170}.auth-primary:hover{background:#267e60}.auth-err{color:#ff6b6b;font-size:14px;margin:0}.auth-locale{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:8px}.auth-loc{padding:7px 12px;font-size:13px;color:#9aa4b2;background:transparent;border:1px solid #263042;border-radius:8px;cursor:pointer}.auth-loc.is-active{color:#0b0e14;background:#5ee6a8;border-color:#5ee6a8;font-weight:700}