/* beta.4.4 — interaction, mobile header, crisp icons, animation recovery */
html,body{max-width:100%;overflow-x:clip}
.tabs{z-index:610!important;pointer-events:auto!important;isolation:isolate!important}
.tabs .tab{position:relative!important;z-index:2!important;pointer-events:auto!important;touch-action:manipulation!important}
body:not(.mobile-tools-open) .tabs{opacity:1!important;transform:none!important;pointer-events:auto!important}
.section-head,.section-head h3{position:relative!important;z-index:8!important}
.section-magic-relic{position:relative!important;z-index:12!important;pointer-events:auto!important;touch-action:manipulation!important}
.living-section-art-v138,.living-section-art-v138 svg,.ambient,.living-aura-overlay-v138,#beta31AuraOverlay{pointer-events:none!important}
#beta36StarOverlay{pointer-events:none!important}
#beta36StarOverlay .beta3-hidden-star{pointer-events:auto!important}
.ux1391-primary,.ux1391-more,.ux1391-more-toggle,.qol139-top-btn{position:relative!important;pointer-events:auto!important}
body:not(.mobile-tools-open) .mobile-tools-backdrop{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.mobile-tools-open .mobile-tools-backdrop{display:block!important;visibility:visible!important;pointer-events:auto!important}
body.mobile-layout:not(.mobile-tools-open) #mainToolbar{display:none!important;pointer-events:none!important}
body.mobile-layout.mobile-tools-open #mainToolbar{display:block!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}
#beta4ReleaseBtn::before,#beta4InstallBtn::before{content:""!important;display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important;background-color:currentColor!important;background-image:none!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:21px 21px!important;mask-size:21px 21px!important}
#beta4ReleaseBtn::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 7.5h16v12H4zM7 4.5h10M12 16V9m0 0-3 3m3-3 3 3'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 7.5h16v12H4zM7 4.5h10M12 16V9m0 0-3 3m3-3 3 3'/%3E%3C/svg%3E")!important}
#beta4InstallBtn::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 4v10m0 0 4-4m-4 4-4-4M5 16.5v3h14v-3'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 4v10m0 0 4-4m-4 4-4-4M5 16.5v3h14v-3'/%3E%3C/svg%3E")!important}
#beta4ReleaseBtn:not(.header-action)::before,#beta4InstallBtn:not(.header-action)::before{display:inline-block!important;margin-right:8px!important;vertical-align:-5px!important}
@media(max-width:760px){
 body.mobile-layout .topbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:64px!important}
 body.mobile-layout .brand{grid-column:1!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
 body.mobile-layout .brand>div:last-child{min-width:0!important;overflow:hidden!important}
 body.mobile-layout #brandTitle,body.mobile-layout .brand h1{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important}
 body.mobile-layout #mobileToolsBtn{grid-column:2!important;position:relative!important;inset:auto!important;margin:0!important;justify-self:end!important;min-width:82px!important;max-width:92px!important;padding-inline:9px!important;z-index:620!important}
 body.mobile-layout #mainToolbar{grid-column:1/-1!important}
 body.mobile-layout .tabs{z-index:600!important}
}
@media(prefers-reduced-motion:no-preference){
 body:not(.calm-mode):not(.effects-off) .theme-emblem,
 body:not(.calm-mode):not(.effects-off) .theme-flourish,
 body:not(.calm-mode):not(.effects-off) .living-section-art-v138[data-section] svg>*{animation-play-state:running!important}
}