/* Only level progress above cards. Keep all labels within frame's inner safe area. */
html #app #life.active>.cardProgress{flex:0 0 40px!important;height:40px!important;min-height:40px!important;padding:5px 10px!important}
html #app #life.active #person.nativeDeck .heroCard>.cardStatsTop{top:12%!important;left:9%!important;right:auto!important;width:48%!important;max-width:48%!important;box-sizing:border-box;overflow-wrap:anywhere}
html #app #life.active #person.nativeDeck .heroCard>.rarity{top:5%!important;right:9%!important;left:auto!important;max-width:48%!important;font-size:clamp(9px,2vw,13px)!important;padding:5px 9px!important;box-sizing:border-box}
html #app #life.active #person.nativeDeck .heroCard .cardStatsTop *{max-width:100%;box-sizing:border-box}
html #app #life.active #person.nativeDeck .heroCard>.cardInfo{left:9%!important;right:9%!important;width:82%!important;bottom:4%!important;box-sizing:border-box}
html #app #life.active #person.nativeDeck .heroCard>#tap{left:9%!important;right:9%!important;width:82%!important;bottom:calc(4% + 36px)!important;height:42px!important;min-height:42px!important;max-height:42px!important;display:flex!important;flex-direction:row!important;font-size:clamp(12px,2.5vw,18px)!important;line-height:1.2!important;padding:6px!important;white-space:nowrap!important}
html #app #life.active #person.nativeDeck .heroCard>.living-toggle{right:9%!important;bottom:calc(4% + 84px)!important;max-width:65%!important}
#tasks .j-quest{grid-template-columns:36px minmax(0,1fr)!important;padding:12px!important;gap:10px!important}
#tasks .j-body{min-width:0!important;overflow-wrap:anywhere}
#tasks .j-meta{flex-wrap:wrap!important;gap:6px!important}
#tasks .j-quest button{position:static!important;transform:none!important;max-width:100%!important;white-space:normal!important}
#tasks .j-body h3,#tasks .j-body p{white-space:normal!important;overflow-wrap:anywhere;line-height:1.4}
@media(orientation:landscape){html #app #life.active>.cardProgress{flex-basis:30px!important;height:30px!important;min-height:30px!important}html #app #life.active #person.nativeDeck .heroCard>.cardStatsTop{font-size:10px!important}}