/* Utility panels remain objects over the room, not replacement pages. */
#focusLayer.is-floating:not(.flat-panel){padding:24px;align-items:center}
#focusLayer.is-floating:not(.flat-panel) .backdrop{background:#24332720;backdrop-filter:blur(2px)}
#focusLayer.is-floating:not(.flat-panel) .focus-dialog{width:min(980px,84vw);height:min(700px,74dvh);border-radius:24px;background:#f8f7ef;box-shadow:0 28px 90px #223b3440;animation:float-arrive .2s ease}
#focusLayer.is-floating:not(.flat-panel) .focus-header{padding:13px 22px;background:#f8f7efec;gap:12px}
#focusLayer.is-floating:not(.flat-panel) .focus-header h2{font-size:18px;margin:0}
#focusLayer.is-floating:not(.flat-panel) #focusKicker{display:none}
#focusLayer.is-floating:not(.flat-panel) .close-button{min-height:44px}
#focusLayer.is-floating[data-view=health]:not(.flat-panel) .focus-dialog{height:min(640px,70dvh);width:min(880px,84vw)}
#focusLayer.is-floating[data-view=settings]:not(.flat-panel) .focus-dialog{width:min(660px,84vw);height:min(640px,70dvh)}
@media(max-width:760px){
 #focusLayer.is-floating:not(.flat-panel){padding:16px;align-items:flex-end;padding-bottom:calc(82px + env(safe-area-inset-bottom))}
 #focusLayer.is-floating:not(.flat-panel) .focus-dialog,
 #focusLayer.is-floating[data-view=health]:not(.flat-panel) .focus-dialog,
 #focusLayer.is-floating[data-view=settings]:not(.flat-panel) .focus-dialog{width:100%;height:66dvh;border-radius:22px}
 #focusLayer.is-floating:not(.flat-panel) .focus-header{padding:9px 15px}
 #focusLayer.is-floating:not(.flat-panel) .close-button{font-size:13px;padding:8px 12px}
}
@media(max-height:540px){
 #focusLayer.is-floating:not(.flat-panel){padding:16px}
 #focusLayer.is-floating:not(.flat-panel) .focus-dialog{height:82dvh}
}
@media(min-width:600px) and (max-width:760px){
 #focusLayer.is-floating:not(.flat-panel) .focus-dialog,
 #focusLayer.is-floating[data-view=health]:not(.flat-panel) .focus-dialog,
 #focusLayer.is-floating[data-view=settings]:not(.flat-panel) .focus-dialog{width:min(660px,calc(100vw - 64px))}
}
@keyframes float-arrive{from{transform:translateY(9px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){#focusLayer.is-floating:not(.flat-panel) .focus-dialog{animation:none}}