.battle-hud #fullscreenToggle { flex:0 0 auto; padding:0 8px; min-width:48px; height:34px; font-size:12px; letter-spacing:0; white-space:nowrap; touch-action:manipulation; }
#app { height:var(--visible-height,100dvh); min-height:0; }
#fullscreenNotice { position:absolute; z-index:100; top:max(55px,var(--safe-top,env(safe-area-inset-top))); right:max(12px,var(--safe-right,env(safe-area-inset-right))); max-width:min(380px,85vw); max-height:calc(100% - 70px); overflow:auto; padding:12px; background:#17212efa; border:1px solid #b89a63; color:#f0e7d0; font:13px/1.6 sans-serif; }
#fullscreenNotice p { margin:0 0 8px; }
#fullscreenNotice button { padding:6px 14px; font-size:12px; }
@media(max-height:500px) { .battle-hud { gap:10px; } .battle-hud #fullscreenToggle { height:30px; padding:0 5px; font-size:11px; } }