/* Home: one compact tool row, inside the already safe studio viewport. */
html body>#cats.homeStudio>.hs-top{top:8px!important;left:8px!important;right:8px!important}
/* Never compress catalogue art to fit a short landscape drawer. */
html body>#cats.homeStudio>.hs-shelves{overflow-y:auto!important;overscroll-behavior:contain}
#cats.homeStudio .hs-inventory{flex:0 0 auto!important;min-height:205px!important}
#cats.homeStudio .hs-inventory .hs-row{flex:0 0 auto!important;min-height:146px!important;align-items:flex-start}
#cats.homeStudio .hs-inventory .hs-swatch{flex:0 0 116px!important;gap:5px}
#cats.homeStudio .hs-inventory .hs-swatch>i{flex:none!important;height:94px!important;min-height:94px!important;max-height:none!important;width:112px!important}
#cats.homeStudio .hs-inventory .hs-swatch>span{font-size:10px;line-height:1.2}
#cats.homeStudio .hs-inventory .hs-item .hs-art{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:72px;height:64px}
#cats.homeStudio .hs-inventory .hs-item .hs-sofa{width:92px;height:49px}
#cats.homeStudio .hs-inventory .hs-item .hs-lamp{width:38px;height:76px}
#cats.homeStudio .hs-inventory .hs-item .hs-rug{width:88px;height:40px}
#cats.homeStudio .hs-inventory .hs-item .hs-table{width:84px;height:38px}
#cats.homeStudio .hs-inventory .hs-item .hs-plant{width:56px;height:68px}
#cats.homeStudio .hs-inventory .hs-plant i{font-size:65px}
#cats.homeStudio .hs-inventoryfoot{flex-shrink:0;padding-bottom:8px}
/* Engraved collectible frames: opaque, layered and readable. */
html #app #life.active #person.nativeDeck .heroCard{
 --metal:#aab8cc;--ink:#202b39;--aura:#9fb6d525;--engrave:#b1c5de12;
 background:radial-gradient(ellipse at 50% 55%,var(--aura),transparent 64%),repeating-linear-gradient(135deg,transparent 0 18px,var(--engrave) 19px 20px,transparent 21px 38px),linear-gradient(155deg,var(--ink),#0c111d 78%)!important;
 border:2px solid var(--metal)!important;
 box-shadow:inset 0 0 0 3px #080c15,inset 0 0 0 5px var(--metal),inset 0 0 45px #0009,0 10px 22px #0006!important;
}
html #app #life.active #person.nativeDeck .heroCard.uncommon{--metal:#57c8a1;--ink:#123f38;--aura:#3bf3b52b;--engrave:#64f2c516}
html #app #life.active #person.nativeDeck .heroCard.rare{--metal:#65b8f5;--ink:#17365c;--aura:#46a8ff33;--engrave:#77bfff18}
html #app #life.active #person.nativeDeck .heroCard.epic{--metal:#bb85ef;--ink:#422358;--aura:#b375fa38;--engrave:#d3a1ff19}
html #app #life.active #person.nativeDeck .heroCard.legendary{--metal:#edc266;--ink:#49351d;--aura:#f6b94138;--engrave:#ffd6891d}
html #app #life.active #person.nativeDeck .heroCard.mythic{--metal:#f16c8c;--ink:#4b1933;--aura:#fe3a8538;--engrave:#ff94b51c}
html #app #life.active #person.nativeDeck .heroCard::before{
 inset:12px!important;border:1px solid var(--metal)!important;border-radius:24px!important;
 background:linear-gradient(var(--metal),var(--metal)) top 7px left 7px/24px 2px no-repeat,linear-gradient(var(--metal),var(--metal)) top 7px left 7px/2px 24px no-repeat,linear-gradient(var(--metal),var(--metal)) bottom 7px right 7px/24px 2px no-repeat,linear-gradient(var(--metal),var(--metal)) bottom 7px right 7px/2px 24px no-repeat!important;
 opacity:.55;box-shadow:none!important;
}
html #app #life.active #person.nativeDeck .heroCard>.rarity{background:linear-gradient(135deg,var(--ink),#0b101b)!important;border-color:var(--metal)!important;color:var(--metal)!important;box-shadow:inset 0 0 0 2px #ffffff09,0 4px 12px #0004}
html #app #life.active #person.nativeDeck .cardFoilRim{animation:none!important;opacity:.35}
@media(prefers-reduced-motion:no-preference){
 html #app #life.active #person.nativeDeck .heroCard.active .cardFoil::after{animation:dynasty-foil-523 30s linear infinite!important}
 @keyframes dynasty-foil-523{0%,89%{transform:translate3d(-70%,0,0);opacity:0}90%{opacity:0}92%{opacity:.65}98%{transform:translate3d(70%,0,0);opacity:0}100%{transform:translate3d(70%,0,0);opacity:0}}
}
@media(prefers-reduced-motion:reduce){html #app #life.active #person.nativeDeck .cardFoil::after{animation:none!important;opacity:0!important}}