/* Native phone orientation; compact landscape layout. */
.mobile-client{--mobile-safe-left:env(safe-area-inset-left);--mobile-safe-right:env(safe-area-inset-right);--mobile-safe-top:env(safe-area-inset-top);--mobile-safe-bottom:env(safe-area-inset-bottom);--mobile-rail-width:var(--rail);--mobile-panel-width:min(280px,calc(100vw - var(--mobile-rail-width) - var(--mobile-safe-left)))}
.mobile-client body.playing #game{top:var(--mobile-safe-top);left:var(--mobile-safe-left);right:var(--mobile-rail-width);bottom:var(--mobile-safe-bottom)}
.mobile-client .client-rail{right:0;width:var(--mobile-rail-width);padding-right:0;padding-top:max(5px,var(--mobile-safe-top));padding-bottom:max(5px,var(--mobile-safe-bottom))}
.mobile-client #realm-controls{left:max(12px,var(--mobile-safe-left));right:calc(var(--mobile-rail-width) + 12px);bottom:max(10px,var(--mobile-safe-bottom))}
.mobile-client #welcome{min-height:var(--mobile-height);padding:20px 48px 90px calc(20px + var(--mobile-safe-left))}
.mobile-landscape #welcome{display:grid;margin:0;width:100%;max-width:none;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}
.mobile-landscape #welcome .identity{margin:0}
.mobile-landscape .brand{width:min(250px,100%);height:150px}
.mobile-landscape .brand img{top:-45px}
.mobile-landscape .gateway-body{padding:18px 22px}
.mobile-landscape .gateway{width:100%}
.mobile-landscape .identity .edition{font-size:10px}
.mobile-landscape .identity .brand-tagline{font-size:19px}
.mobile-client #tool-panel{right:var(--mobile-rail-width);width:var(--mobile-panel-width)}
.mobile-client body.playing.tools-open #game{right:calc(var(--mobile-rail-width) + var(--mobile-panel-width))}
.mobile-landscape #welcome{padding-top:10px;padding-bottom:64px}
.mobile-landscape #credentials h1{font-size:25px;margin:0 0 5px}
.mobile-landscape #credentials .login-intro{margin:0 0 8px;font-size:12px}
.mobile-landscape #credentials label{margin:7px 0 4px}
.mobile-landscape #credentials input:not([type=checkbox]){min-height:38px;padding:9px 12px;font-size:16px}
.mobile-landscape #credentials .remember-option{margin:9px 0}
.mobile-landscape #credentials .gold-button{height:40px;margin-top:8px}
.mobile-landscape #credentials #login-message:empty{display:none}
.mobile-landscape .gateway-body{padding:14px 20px}
.mobile-client body{min-height:100dvh}
.mobile-client #credentials input:not([type=checkbox]){font-size:16px}
#rotation-hint{position:fixed;z-index:110;top:max(8px,env(safe-area-inset-top));left:10px;right:calc(var(--rail) + 10px);padding:7px 10px;border:1px solid #b1945c66;border-radius:8px;background:#171020ed;color:#e5c585;font:12px/1.4 Arial;text-align:center;pointer-events:none}
#rotation-hint[hidden]{display:none}
.mobile-landscape #welcome{min-height:100dvh}

.mobile-client body.playing{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;overflow:hidden}
.mobile-client body.playing #game{top:0;bottom:0}

/* Game gestures must not trigger Safari selection or image callouts. */
body.playing,body.playing #game,body.playing #game *,body.playing .client-rail{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
body.playing #game-text-entry input{-webkit-user-select:text;user-select:text}