/* Preserve the comic presentation while keeping recovery and phone controls clear. */
.cinematic-pause-notice{z-index:9100;pointer-events:auto;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;line-height:1.4;min-height:44px;max-width:calc(100% - 24px);white-space:normal}
.cinematic-pause-notice:focus-visible{outline:3px solid #fff;outline-offset:3px}
.dragon-ui #story.finale-quiz .finale-art-notice{justify-content:flex-start;padding:64px 16px 12px}
.dragon-ui #stage:not([data-mode="start"]) #coverVersion,.dragon-ui #gameVersion{display:none}
.dragon-ui:has(#stage[data-mode="pause"]) #gameVersion{display:block}
@media(pointer:coarse){.pause-keyboard107,.pause-return107{display:none}}
@media(max-height:500px) and (min-width:601px){
 .login-panel{padding:12px 24px;align-items:start}
 .login-card{margin:0 auto}
 .login-brandline{margin-bottom:2px}
 .login-brandline .login-logo{width:96px}
 .login-card h2{font-size:22px;line-height:1.25;margin:4px 0 8px}
 .login-card .login-note{font-size:13px;line-height:1.5;margin:4px 0 8px}
 .login-card label{font-size:14px;margin:5px 0}
 .login-card input:not([type=checkbox]){min-height:44px;padding:9px 12px;font-size:16px}
 .login-card .remember-line{margin:8px 0}
 .login-card .primary,.login-card .guest-start{min-height:44px;padding:10px 12px;font-size:16px}
 .login-card .guest-start{margin-top:8px}
 .login-card .login-message{margin:0;min-height:1.3em}
 .login-card .guest-note{margin:6px 0;font-size:12px}
 .login-card .login-privacy{font-size:12px;line-height:1.5;margin:8px 0 0}
 .login-card #loginBack{min-height:44px;padding:10px 0}
}
@media(max-height:400px) and (min-width:601px) and (max-width:700px){
 .login-panel{padding:8px 20px}
 .login-brandline .login-logo{width:82px}
 .login-card h2{font-size:20px;margin-bottom:6px}
 .login-card .login-note{font-size:12px;margin-bottom:6px}
}