/* Android styles are loaded unchanged. Only online transport/layout integration lives here. */
[hidden]{display:none!important}
#notice{flex:none;margin:0;padding:4px 12px;font-size:11px;color:var(--muted);background:var(--panel)}
#notice:empty{display:none}
#play{min-height:0}
#login,#create{overflow:auto}
#login form input[type=url],#login form input[type=number],select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px;max-width:100%}
#play section>h2{margin-left:14px}
#play [data-page]>p,#energy-status,#location-description{margin:8px 14px}
#routes{display:block}
#routes>button{width:100%}
#walking-controls{padding:10px 14px}
.legacy-display{display:none!important}
#activity{padding:12px}
#actions{display:flex;flex-wrap:wrap;gap:6px}
#battle-log{white-space:pre-wrap;font:13px/1.4 var(--body)}
.track{position:relative;height:26px;background:#130e0b;border:1px solid var(--line);margin:14px 0}
.zone{position:absolute;left:44%;width:12%;height:100%;background:var(--green)}
#needle{position:absolute;height:100%;width:3px;background:var(--gold)}
#online-bank>summary{display:none}
#online-bank{padding:14px}
#online-bank form{display:flex;gap:8px;margin:8px 0}
#online-bank input{min-width:0}
.online-unfinished{margin:10px 14px}

.screen.game #notice{position:absolute;bottom:62px;left:8px;right:8px;z-index:55;border-radius:6px;pointer-events:none}