/* Keep the existing title, description and CTA separate from the real assets. */
.home-features .home-feature{display:grid;grid-template-columns:minmax(0,1fr) 108px;grid-template-rows:auto auto 1fr auto;column-gap:10px;align-items:start;min-height:252px;padding:20px 18px;background:var(--feature-tint)}
.home-features .home-feature:before{background:radial-gradient(ellipse at 95% 18%,#ffffff0b,transparent 65%)}
.home-features .home-feature-kicker{grid-column:1;grid-row:1;font-size:11px;line-height:1.6}
.home-features .home-feature h2{grid-column:1;grid-row:2;font-size:25px;line-height:1.25;margin:8px 0 0;white-space:nowrap}
.home-features .home-feature p{grid-column:1;grid-row:3;font-size:13px;line-height:1.8;margin:12px 0 17px;word-break:keep-all;overflow-wrap:anywhere}
.home-features .home-feature-action{grid-column:1/-1;grid-row:4;align-self:end;margin-top:0;padding-top:12px}
.home-feature-visual{grid-column:2;grid-row:1/4;position:relative;align-self:center;width:108px;height:164px;pointer-events:none;user-select:none}
.home-feature-visual *{box-sizing:border-box}.home-feature-visual img{display:block;object-fit:contain;max-width:none}.home-feature-visual span{display:block}
.hfa-index{position:absolute;inset:5px 0;border:1px solid #ffffff25;border-radius:7px;padding:8px 6px;background:#101d2bc4;box-shadow:0 8px 18px #0003}
.hfa-search{display:flex!important;align-items:center;gap:7px;height:20px;margin-bottom:5px;padding:4px 6px;border:1px solid #a9c6df44;border-radius:4px;background:#ffffff07}
.hfa-search i{position:relative;width:8px;height:8px;border:1.5px solid #afc5dc;border-radius:50%}.hfa-search i:after{content:'';position:absolute;width:4px;height:1.5px;right:-3px;bottom:-2px;background:#afc5dc;transform:rotate(45deg)}.hfa-search b{width:44px;height:3px;border-radius:2px;background:#d0dbea55}
.hfa-index-row{display:flex!important;align-items:center;gap:6px;min-height:37px;border-top:1px solid #ffffff12}.hfa-index-row img{width:28px;height:28px;flex-shrink:0;border:1px solid #b8c5d64d;border-radius:3px}.hfa-index-row>span{color:#e1eaf7;font-size:9px;line-height:1.35;word-break:keep-all}.hfa-index-row>span i{display:block;width:32px;max-width:100%;height:2px;background:#b9cde740;margin-top:4px}
.hfa-deck{position:absolute;inset:10px 0 8px;padding:8px 6px;border:1px solid #d4b4f43d;border-radius:8px;background:#171326a6;box-shadow:0 8px 18px #0003}
.hfa-deck-primary,.hfa-deck-extra{display:grid!important;grid-template-columns:repeat(3,1fr);gap:9px 5px}.hfa-deck-extra{border-top:1px solid #d4b4f42b;margin-top:12px;padding-top:9px}
.hfa-slot{position:relative;height:32px;border:1px solid #b99bda99;border-radius:4px;background:#3a2b52;box-shadow:0 2px 4px #0005}.hfa-slot img{width:100%;height:100%;border-radius:3px}.hfa-slot b{position:absolute;right:-2px;bottom:-5px;min-width:13px;padding:1px 3px;border:1px solid #846998;border-radius:3px;background:#241b34;color:#f5eaff;font:600 8px/1.3 system-ui,sans-serif;text-align:center}.hfa-slot-empty{display:grid!important;place-items:center;border-style:dashed;background:#d9baff08;box-shadow:none}.hfa-slot-empty i{font:normal 18px/1 system-ui,sans-serif;color:#b5a5c9}
.hfa-catalog{position:absolute;inset:4px 0}.hfa-catalog>span{position:absolute;border:1px solid #b7dab443;border-radius:8px;background:#182f27;box-shadow:0 6px 12px #0003}.hfa-catalog img{width:100%;height:100%;padding:5px;image-rendering:pixelated}.hfa-monster{width:84px;height:84px;left:18px;top:0;transform:rotate(5deg)}.hfa-weapon{width:55px;height:63px;left:0;top:87px;transform:rotate(-7deg)}.hfa-mount{width:59px;height:68px;right:0;top:83px;transform:rotate(6deg)}
.hfa-dressing{position:absolute;inset:0;background:radial-gradient(ellipse at 53% 50%,#b781c022,transparent 70%)}.hfa-dressing:after{content:'';position:absolute;left:10px;right:4px;bottom:12px;height:12px;border-radius:50%;background:#0004;z-index:-1}.hfa-character{position:absolute;left:0;top:0;width:108px;height:150px;overflow:hidden}.hfa-character img{position:absolute;left:-56px;top:-104px;width:256px;height:320px;image-rendering:pixelated}
@media(max-width:1150px){.home-features{grid-template-columns:repeat(2,minmax(0,1fr))}.home-features .home-feature{grid-template-columns:minmax(0,1fr) 120px}.home-feature-visual{justify-self:center}}
@media(max-width:600px){.home-features{grid-template-columns:1fr;gap:12px}.home-features .home-feature{grid-template-columns:minmax(0,1fr) 126px;min-height:226px;padding:20px}.home-features .home-feature-kicker{font-size:12px}.home-features .home-feature h2{font-size:26px}.home-features .home-feature p{font-size:14px;margin:10px 0 18px}.home-feature-visual{height:164px}.home-features .home-feature-action{font-size:14px}.home-feature-visual-wardrobe{margin-right:8px}}
@media(max-width:360px){.home-features .home-feature{grid-template-columns:minmax(0,1fr) 108px;column-gap:8px;padding:18px 15px}.home-features .home-feature h2{font-size:24px}.home-features .home-feature p{font-size:13px}}