/* Keep the original vertical editor rail. Only raise the top controls. */
html body>#cats.homeStudio>.hs-top{top:8px!important}
/* Bevelled sci-fi chassis with luminous channels and corner armour. */
html #app #life.active #person.nativeDeck .heroCard{
 border:3px solid var(--metal)!important;
 background:radial-gradient(ellipse at 50% 52%,var(--aura),transparent 62%),repeating-linear-gradient(0deg,transparent 0 5px,#b9dfff05 6px,transparent 7px),linear-gradient(125deg,#ffffff0d,transparent 30%,#0008 85%),linear-gradient(160deg,var(--ink),#050a14 75%)!important;
 box-shadow:inset 0 2px 1px #fff9,inset 0 -3px 1px #000,inset 0 0 0 5px #121924,inset 0 0 0 7px var(--metal),inset 0 0 0 10px #040812,inset 0 0 36px var(--aura),0 0 12px var(--aura),0 12px 24px #0009!important;
}
html #app #life.active #person.nativeDeck .heroCard::before{
 inset:14px!important;border:1px solid var(--metal)!important;border-radius:20px!important;opacity:.85;
 background:linear-gradient(135deg,#fff9,var(--metal) 35%,#142132 75%) top left/42px 8px no-repeat,linear-gradient(45deg,#142132,var(--metal),#fff8) top right/42px 8px no-repeat,linear-gradient(135deg,#fff8,var(--metal),#142132) bottom left/42px 8px no-repeat,linear-gradient(45deg,#142132,var(--metal),#fff8) bottom right/42px 8px no-repeat,linear-gradient(var(--metal),var(--metal)) center left/2px 24% no-repeat,linear-gradient(var(--metal),var(--metal)) center right/2px 24% no-repeat!important;
 box-shadow:inset 0 0 10px var(--aura),0 0 6px var(--aura)!important;
}
html #app #life.active #person.nativeDeck .cardFoil{
 background:radial-gradient(ellipse at 50% 58%,transparent 0 38%,var(--engrave) 38.2% 38.5%,transparent 38.7% 46%,var(--engrave) 46.2% 46.5%,transparent 46.7%),linear-gradient(115deg,#ffffff08,transparent 35%)!important;
}
html #app #life.active #person.nativeDeck .cardFoilRim{inset:7px;border:1px solid var(--metal);opacity:.65;box-shadow:inset 0 0 8px var(--aura),0 0 6px var(--aura)}
html #app #life.active #person.nativeDeck .heroCard>.rarity{
 border:1px solid var(--metal)!important;border-radius:10px!important;
 background:linear-gradient(160deg,#ffffff1c,transparent 40%),linear-gradient(110deg,var(--ink),#060c18)!important;
 box-shadow:inset 0 1px #ffffff66,inset 0 -3px #0008,0 3px 9px #0008!important;
}
html #app #life.active #person.nativeDeck .heroCard>.cardInfo{
 background:linear-gradient(180deg,#253040,#0a101b 45%,#060a11)!important;
 border-top:1px solid var(--metal)!important;box-shadow:inset 0 1px #ffffff18!important;
}