/* Shared by home and function pages; avoid separate background overrides. */
.side-card.hp-download-card{background:linear-gradient(90deg,#14203022,#142030a8 45%,#142030ef 85%),url('assets/slayer-opt-v27.webp')!important;background-size:cover!important;background-position:center,32% center!important;padding-left:105px!important}
.side-card.hp-gift-card{background:linear-gradient(90deg,#101722dd,#10172288 45%,#10172211),url('assets/gift-code-card.jpg')!important;background-size:cover!important;background-position:center,65% 30%!important;border:1px solid #6e5540!important;border-radius:5px;text-decoration:none;color:#f4d09a}
.side-card.hp-gift-card b{position:relative;font-size:15px;letter-spacing:.6px}.side-card.hp-gift-card span{position:relative}
.side-card.hp-ranking-card{background:linear-gradient(110deg,#243851,#141b26)!important}.side-card.hp-ranking-card>img{display:block!important;position:absolute;left:-10px!important;bottom:-46px!important;width:160px!important;height:180px!important;object-fit:contain;transform:scaleX(-1);opacity:.9;margin:0!important}
.side-card.hp-ranking-card b{position:absolute!important;margin:0!important;right:18px;font-size:15px}.side-card.hp-ranking-card>span{display:none}
/* Align the three artwork card labels on one shared column. */
.side-card.hp-ranking-card b,.side-card.hp-gift-card b,.side-card.hp-download-card b{position:absolute!important;left:42%!important;right:24px!important;top:50%;transform:translateY(-50%);margin:0!important;text-align:left;font-size:15px;line-height:1.35;letter-spacing:0;z-index:2}
.side-card.hp-gift-card{background:#152031!important;isolation:isolate}
.side-card.hp-gift-card:before{content:"";position:absolute;inset:0;background:url('assets/gift-code-card.jpg') 65% 30%/cover no-repeat;transform:scaleX(-1);z-index:0;pointer-events:none}
.side-card.hp-gift-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10172211,#10172288 45%,#101722dd);z-index:1;pointer-events:none}
.side-card.hp-gift-card>span,.side-card.hp-download-card>span{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:2}

/* Shared left menus: readable type and one-line labels. */
body aside .box.menu summary,
body aside .account-links .account-group summary{font-size:14px!important;line-height:1.4;white-space:nowrap;padding:10px 30px 10px 10px!important;letter-spacing:0}
body aside .box.menu .guide-link,
body aside .account-links .guide-link,
body aside .account-links .outline,
body aside .box.menu .home-menu{font-size:13px!important;line-height:1.4;white-space:nowrap;padding:9px 10px!important;letter-spacing:0}
body aside .box.menu .hp-submenu,
body aside .account-links .hp-submenu{margin-left:6px;margin-right:4px}
@media(max-width:520px){body[data-home-preview-shell] .hp-sidebar aside,body .layout aside{grid-template-columns:1fr!important}}

/* Account navigation stays recognizable whether expanded or collapsed. */
body aside .account-links .account-group>summary{color:#efb778!important;background:linear-gradient(90deg,#b2783c32,transparent)!important;box-shadow:inset 2px 0 #e4a365;border-radius:3px 3px 0 0}
body aside .account-links .account-group>summary:hover{background:linear-gradient(90deg,#b2783c48,transparent)!important}
body aside #account>p:first-child>strong{color:#70dd94!important;font-weight:700}

/* Small vector icons, no image requests or icon font dependency. */
body aside .hp-nav-icon{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;color:#e7b474;flex-shrink:0;pointer-events:none}