.guardian .highest-rarity{position:absolute;z-index:2;top:9px;left:9px;padding:5px 8px;border:1px solid var(--highest-color);background:#080b1de8;color:var(--highest-color);font:800 9px 'Plus Jakarta Sans',sans-serif;letter-spacing:1.4px;box-shadow:0 0 13px color-mix(in srgb,var(--highest-color) 50%,transparent);text-shadow:0 1px 3px #000}.guardian .highest-rarity.sealed{border-color:#62677c;color:#9299b2;box-shadow:none}.guardian:has(.highest-rarity:not(.sealed)){box-shadow:inset 0 2px 0 var(--highest-color)}
.guardian{isolation:isolate;border:2px solid var(--rarity);background:radial-gradient(ellipse at 50% 4%,color-mix(in srgb,var(--rarity) 22%,transparent),transparent 42%),linear-gradient(160deg,var(--rarity-bg),#07101b 72%);box-shadow:inset 0 0 0 1px #ffffff20,inset 0 -24px 28px #0008,0 8px 15px #0008;transition:transform .18s ease,box-shadow .18s ease}
.guardian:before{content:'';position:absolute;z-index:0;inset:5px;pointer-events:none;opacity:.95;background:linear-gradient(var(--rarity),var(--rarity)) left top/22px 2px no-repeat,linear-gradient(var(--rarity),var(--rarity)) left top/2px 22px no-repeat,linear-gradient(var(--rarity),var(--rarity)) right top/22px 2px no-repeat,linear-gradient(var(--rarity),var(--rarity)) right top/2px 22px no-repeat,linear-gradient(var(--rarity),var(--rarity)) left bottom/22px 2px no-repeat,linear-gradient(var(--rarity),var(--rarity)) left bottom/2px 22px no-repeat,linear-gradient(var(--rarity),var(--rarity)) right bottom/22px 2px no-repeat,linear-gradient(var(--rarity),var(--rarity)) right bottom/2px 22px no-repeat;border:1px solid color-mix(in srgb,var(--rarity) 48%,transparent);box-shadow:inset 0 0 16px color-mix(in srgb,var(--rarity) 18%,transparent)}
.guardian img,.guardian .rarity-label,.guardian h3,.guardian p,.guardian .family-progress{position:relative;z-index:1}.guardian .highest-rarity{top:10px;left:10px;border-width:1px 1px 2px;padding:5px 9px;background:linear-gradient(135deg,#11152ce8,#070a17ef);box-shadow:inset 0 1px #ffffff24,0 3px 7px #0008,0 0 12px color-mix(in srgb,var(--highest-color) 38%,transparent)}
.guardian:hover{transform:translateY(-5px) scale(1.012);box-shadow:inset 0 0 0 1px #ffffff33,inset 0 -24px 28px #0008,0 0 0 2px color-mix(in srgb,var(--rarity) 42%,transparent),0 12px 26px #000b,0 0 24px color-mix(in srgb,var(--rarity) 48%,transparent)}
/* Original fantasy-TCG treatment: an art window, engraved nameplate and collector footer. */
.guardian{padding:10px 11px 12px;border-color:color-mix(in srgb,var(--rarity) 72%,#f5d278);border-radius:3px;background:linear-gradient(135deg,color-mix(in srgb,var(--rarity-bg) 74%,#17121d),#090b16 58%,#1a1220);box-shadow:inset 0 0 0 2px #0a0910,inset 0 0 0 3px color-mix(in srgb,var(--rarity) 35%,#f1cb70),0 8px 16px #000a}
.guardian:before{inset:5px;border-color:#f5d27899;opacity:.85;background:linear-gradient(#f5d278,#f5d278) left top/24px 2px no-repeat,linear-gradient(#f5d278,#f5d278) left top/2px 24px no-repeat,linear-gradient(#f5d278,#f5d278) right top/24px 2px no-repeat,linear-gradient(#f5d278,#f5d278) right top/2px 24px no-repeat,linear-gradient(#f5d278,#f5d278) left bottom/24px 2px no-repeat,linear-gradient(#f5d278,#f5d278) left bottom/2px 24px no-repeat,linear-gradient(#f5d278,#f5d278) right bottom/24px 2px no-repeat,linear-gradient(#f5d278,#f5d278) right bottom/2px 24px no-repeat}
.guardian img{width:100%;height:142px;max-width:none;object-fit:contain;margin:17px 0 4px;padding:4px;border:1px solid color-mix(in srgb,var(--rarity) 62%,#e9c66d);background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--rarity) 28%,#111),#080b13 73%);box-shadow:inset 0 0 18px #000b,0 3px 7px #0009}
.guardian .rarity-label{display:inline-block;margin:0 auto 4px;padding:3px 6px;border-top:1px solid #d8b96a77;border-bottom:1px solid #d8b96a77;color:#f4d786;font-size:8px;letter-spacing:1.3px}
.guardian h3{width:calc(100% - 10px);margin:3px auto 5px;padding:5px 4px;border:1px solid #d5b663aa;background:linear-gradient(90deg,#221928,#493720,#221928);box-shadow:inset 0 1px #fff0a327,0 2px 4px #0009;color:#fff1c5;font-size:14px;letter-spacing:.7px;text-shadow:0 1px 2px #000}
.guardian p{min-height:25px;padding:0 5px;color:#d7d4de;font-size:9px;line-height:1.35}.guardian .family-progress{margin:6px -1px 0;padding:5px 3px;border-top:1px solid #d5b66377;background:#070914;color:#f1d37e;font:800 9px 'Plus Jakarta Sans',sans-serif;letter-spacing:.5px}
.guardian .highest-rarity{top:13px;left:14px;border-color:#ffe29a;background:linear-gradient(135deg,#614817,#18101a);color:#fff0bb;box-shadow:inset 0 1px #fff4b655,0 3px 7px #000b}
.farm-card{isolation:isolate;padding:10px 11px 12px;border:2px solid color-mix(in srgb,var(--farm-tier) 72%,#f5d278);border-radius:3px;background:radial-gradient(ellipse at 50% 4%,color-mix(in srgb,var(--farm-tier) 20%,transparent),transparent 42%),linear-gradient(160deg,var(--farm-bg),#070a15 72%);box-shadow:inset 0 0 0 2px #090910,inset 0 0 0 3px color-mix(in srgb,var(--farm-tier) 35%,#f1cb70),0 8px 16px #000a}
.farm-card:before{content:'';position:absolute;z-index:0;inset:5px;pointer-events:none;border:1px solid #f5d27888;background:linear-gradient(#f5d278,#f5d278) left top/20px 2px no-repeat,linear-gradient(#f5d278,#f5d278) left top/2px 20px no-repeat,linear-gradient(#f5d278,#f5d278) right top/20px 2px no-repeat,linear-gradient(#f5d278,#f5d278) right top/2px 20px no-repeat,linear-gradient(#f5d278,#f5d278) left bottom/20px 2px no-repeat,linear-gradient(#f5d278,#f5d278) left bottom/2px 20px no-repeat,linear-gradient(#f5d278,#f5d278) right bottom/20px 2px no-repeat,linear-gradient(#f5d278,#f5d278) right bottom/2px 20px no-repeat}
.farm-card img,.farm-card .farm-tier,.farm-card h3,.farm-card p,.farm-card .farm-yield{position:relative;z-index:1}.farm-card img{width:100%;height:124px;max-width:none;margin:17px 0 4px;padding:4px;border:1px solid color-mix(in srgb,var(--farm-tier) 62%,#e9c66d);background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--farm-tier) 25%,#111),#080b13 73%);box-shadow:inset 0 0 18px #000b,0 3px 7px #0009}
.farm-card .farm-tier{display:inline-block;margin:0 auto 4px;padding:3px 6px;border-top:1px solid #d8b96a77;border-bottom:1px solid #d8b96a77;color:var(--farm-tier);font-size:8px;letter-spacing:1.2px}.farm-card h3{width:calc(100% - 10px);margin:3px auto 5px;padding:5px 4px;border:1px solid #d5b663aa;background:linear-gradient(90deg,#211827,#493720,#211827);box-shadow:inset 0 1px #fff0a327,0 2px 4px #0009;color:#fff1c5;font-size:14px;letter-spacing:.7px;text-shadow:0 1px 2px #000}.farm-card p{min-height:24px;color:#d7d4de;font-size:9px;line-height:1.3}.farm-card .farm-yield{margin:6px -1px 0;padding:5px 3px;border-top:1px solid #d5b66377;background:#070914;color:#f1d37e;font:800 9px 'Plus Jakarta Sans',sans-serif;letter-spacing:.4px}.farm-card .assigned-badge{z-index:3;top:13px;right:14px;border-color:#ffe29a;background:linear-gradient(135deg,#614817,#18101a);color:#fff0bb;box-shadow:inset 0 1px #fff4b655,0 3px 7px #000b}
.farm-card:hover{transform:translateY(-5px) scale(1.012);box-shadow:inset 0 0 0 1px #ffffff33,inset 0 -24px 28px #0008,0 0 0 2px color-mix(in srgb,var(--farm-tier) 42%,transparent),0 12px 26px #000b,0 0 24px color-mix(in srgb,var(--farm-tier) 48%,transparent)}
.result-card{isolation:isolate;width:min(390px,94vw);padding:22px 20px 19px;border:2px solid color-mix(in srgb,var(--result) 58%,#f5d278);border-radius:3px;background:radial-gradient(ellipse at 50% 4%,color-mix(in srgb,var(--result) 20%,transparent),transparent 40%),linear-gradient(160deg,#20152b,#090a1c 70%,#19112a);box-shadow:inset 0 0 0 2px #08080e,inset 0 0 0 3px #d9b76677,inset 0 -34px 36px #0009,0 20px 42px #000c,0 0 26px color-mix(in srgb,var(--result) 36%,transparent)}
.result-card:before{content:'';position:absolute;z-index:0;inset:6px;pointer-events:none;border:1px solid #f5d2788c;background:linear-gradient(#f5d278,#f5d278) left top/24px 2px no-repeat,linear-gradient(#f5d278,#f5d278) left top/2px 24px no-repeat,linear-gradient(#f5d278,#f5d278) right top/24px 2px no-repeat,linear-gradient(#f5d278,#f5d278) right top/2px 24px no-repeat,linear-gradient(#f5d278,#f5d278) left bottom/24px 2px no-repeat,linear-gradient(#f5d278,#f5d278) left bottom/2px 24px no-repeat,linear-gradient(#f5d278,#f5d278) right bottom/24px 2px no-repeat,linear-gradient(#f5d278,#f5d278) right bottom/2px 24px no-repeat}
.result-card>*{position:relative;z-index:1}.result-card .close{z-index:3;color:#fff1c5}.result-card>.eyebrow{display:inline-block;margin:2px 0 8px;padding:3px 8px;border-top:1px solid #d8b96a77;border-bottom:1px solid #d8b96a77;letter-spacing:2px}
.result-aura{width:278px;height:238px;margin:7px auto 10px;padding:5px;border:1px solid color-mix(in srgb,var(--result) 68%,#f5d278);border-radius:0;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--result) 34%,#271737),#0a0b17 74%);box-shadow:inset 0 0 26px #000b,0 4px 9px #000a;overflow:hidden}.result-aura:before{inset:5px;border-radius:0;background:linear-gradient(135deg,color-mix(in srgb,var(--result) 28%,transparent),transparent 45%);border:1px solid #f5d27855;filter:none;animation:none}.result-aura:after{display:none}.result-aura img{width:220px;height:220px;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 7px #000c)}
.result-card h2{width:calc(100% - 18px);margin:4px auto 7px;padding:7px 5px;border:1px solid #d5b663aa;background:linear-gradient(90deg,#211827,#493720,#211827);box-shadow:inset 0 1px #fff0a327,0 2px 4px #0009;color:#fff1c5;font-size:27px;letter-spacing:.8px;text-shadow:0 1px 2px #000}.result-card p{margin:0 4px 12px;padding:0 5px;color:#d7d4de;font-size:12px}.result-card .gold-btn{min-width:210px}