.pass-alert{display:inline-grid;place-items:center;flex-shrink:0;width:24px;height:24px;background:#efc76e;color:#102c34;border:1px solid #ffe1a0;border-radius:50%;font-size:17px;font-weight:900;line-height:1;box-shadow:0 0 0 3px #efc76e18}
.pass-home-entry>.pass-alert{margin-left:auto}.pass-panel .pass-heading{min-height:82px;margin-bottom:14px}.pass-inbox{margin:14px 0 18px;padding:18px;border:1px solid #bb9b56;border-radius:12px;background:linear-gradient(115deg,#324a3b66,#0b2631)}.pass-inbox h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#f4daa0;font-size:20px}.pass-inbox>p{margin:0 0 14px;font-size:14px;color:#c1d4d2;line-height:1.5}.pass-inbox-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pass-inbox-list button{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;text-align:left;border-color:#8c925e;background:#15353b}.pass-inbox-list button>span:nth-child(2){display:grid;gap:5px;min-width:0}.pass-inbox-list b{font-size:14px;white-space:normal}.pass-inbox-list small{font-size:12px;color:#c6d9d6}.pass-inbox-list .pass-art{width:42px;height:42px;flex-shrink:0}.pass-inbox-list .pass-art>.game-icon{width:40px;height:40px}.pass-inbox-list>.pass-inbox-more{justify-content:center}.pass-next-prize{display:flex;align-items:center;gap:16px;margin:12px 0 0;padding:12px 14px;background:#0a222b;border-radius:8px}.pass-next-prize>div{display:grid;gap:5px}.pass-next-prize small{font-size:12px;color:#a8c4c4}.pass-next-prize b{font-size:15px}.pass-next-prize button{margin-left:auto;min-height:44px}.pass-panel button.pass-reward{gap:10px}.pass-reward .pass-alert{width:21px;height:21px;font-size:15px;margin-left:auto}.pass-panel .pass-reward b{font-size:14px;line-height:1.4}.pass-panel .pass-reward small{font-size:12px;line-height:1.4}.pass-panel .pass-reward>span:nth-child(2){min-width:0}.pass-pages .pass-alert{width:20px;height:20px;font-size:14px;margin-left:7px}.pass-detail .pass-skin-guide{width:100%;min-height:140px;background:none;border:1px solid transparent;padding:0;border-radius:10px}.pass-skin-guide:hover,.pass-skin-guide:focus-visible{border-color:#d1b56f}.pass-skin-guide canvas{width:100%;height:140px}.pass-hero-link{min-height:44px;width:100%;font-size:14px;margin-top:8px}.pass-detail>p{font-size:14px;line-height:1.55}.pass-detail .pass-primary{min-height:48px}.pass-highlight .pass-alert{position:absolute;right:10px;top:10px}.pass-highlight{position:relative}.pass-panel button:focus-visible,.profile-hero-guide:focus-visible{outline:2px solid #96e6db;outline-offset:3px}.profile-hero-guide{display:block!important;width:100%;padding:0!important;border:0!important;min-height:44px;background:none!important;border-radius:14px;overflow:hidden}.profile-hero-guide .hero-showcase-frame{display:block}.profile-hero-guide-note{font-size:12px;color:#bdd6d5;text-align:center;margin:6px 0 0}
.hero-guide-layer{position:fixed;inset:0;z-index:170;display:grid;place-items:center;padding:20px;background:#010b10d9;backdrop-filter:blur(5px)}.hero-guide{width:min(840px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;border:1px solid #b39a5f;border-radius:18px;background:#0b232b;box-shadow:0 24px 80px #0009;overflow:hidden}.hero-guide>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;background:linear-gradient(120deg,#1a4149,#0c2830);border-bottom:1px solid #516356}.hero-guide h2{font-size:30px;margin:6px 0}.hero-guide header p{margin:0;color:#bdd3d1;font-size:14px}.hero-guide header button{flex-shrink:0;min-width:44px;min-height:44px;width:44px;height:44px}.hero-guide-body{min-height:0;overflow:auto;padding:20px 24px;scrollbar-color:#52747a #0b232b;overscroll-behavior:contain}.hero-guide-body:focus-visible{outline:2px solid #8cd7d0;outline-offset:-3px}.hero-guide-art{max-width:420px;margin:0 auto 20px;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.hero-guide-art .hero-showcase-frame,.hero-guide-art .hero-showcase-art{width:100%;height:100%;object-fit:cover}.hero-guide h3{font-size:18px;color:#eed295;margin:0 0 10px}.hero-guide-body p{font-size:15px;line-height:1.65;color:#d1e0dd;margin:0}.hero-guide-body>section{padding:18px 0;border-top:1px solid #375359}.hero-guide-styles>div{display:flex;flex-wrap:wrap;gap:10px}.hero-guide-styles span{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #41616a;border-radius:7px;font-size:14px}.hero-guide-styles .style-art{width:34px;height:34px}.hero-guide-skills{display:grid;gap:10px;margin-bottom:16px}.hero-guide-skills>section{padding:16px;border:1px solid #3c626a;border-radius:9px;background:#102e37}.hero-guide-skills>section:last-child{border-color:#7a6594;background:#24283b}.hero-guide-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}.hero-guide-stats>div{padding:12px;background:#102e35;border:1px solid #2f535a;border-radius:7px}.hero-guide-stats dt{font-size:12px;color:#b6cbca}.hero-guide-stats dd{font-size:19px;font-weight:800;margin:5px 0 0}.hero-guide-note{color:#adc5c4!important;font-size:14px!important}.hero-guide-talents h4{font-size:15px;color:#e4c786;margin:18px 0 10px}.hero-guide-talents>section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-guide-talents article{padding:14px;background:#102d35;border:1px solid #365a63;border-radius:8px}.hero-guide-talents b{font-size:15px;color:#eef0dd}.hero-guide-talents article p{margin-top:8px;font-size:14px}
@media(max-width:900px){.pass-inbox-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pass-inbox{padding:14px}.hero-guide-layer{padding:10px}.hero-guide{max-height:calc(100dvh - 20px)}}
@media(max-width:520px){.pass-inbox-list{grid-template-columns:1fr}.pass-next-prize{flex-wrap:wrap;gap:10px}.pass-next-prize button{margin-left:0;width:100%}.hero-guide-layer{padding:6px}.hero-guide{max-height:calc(100dvh - 12px);border-radius:12px}.hero-guide>header{padding:16px;gap:12px}.hero-guide h2{font-size:25px}.hero-guide-body{padding:16px}.hero-guide-art{margin-bottom:14px}.hero-guide-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-guide-talents>section>div{grid-template-columns:1fr}}
@media(max-height:480px){.hero-guide-layer{padding:6px}.hero-guide{max-height:calc(100dvh - 12px)}.hero-guide>header{padding:10px 18px}.hero-guide h2{font-size:23px;margin:3px 0}.hero-guide .eyebrow{font-size:10px}}

.hero-guide-art .hero-showcase-image{display:block;width:100%;height:100%;object-fit:cover}

.hero-guide header button{background:#143640;color:#ecf3e8;border:1px solid #50717a;border-radius:10px;font-size:23px;cursor:pointer}.hero-guide header button:hover{background:#28515b}.hero-guide header button:focus-visible{outline:2px solid #9ae7dd;outline-offset:3px}.pass-inbox-list>.pass-inbox-more{min-height:44px;grid-column:1/-1}.pass-inbox-list>.pass-inbox-more:only-child{grid-column:auto}

.hero-guide>header{flex-shrink:0}.hero-guide-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:8px;padding:10px 24px;background:#102d35;border-bottom:1px solid #3d6269;flex-shrink:0}.hero-guide-nav button{min-width:0;min-height:44px;padding:8px 10px;border:1px solid #537b82;border-radius:8px;background:#173d47;color:#daebe8;font:inherit;font-size:14px;font-weight:700;line-height:1.3;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.hero-guide-nav button:hover{background:#22515b;border-color:#c9ad6c}.hero-guide-nav button:focus-visible{outline:2px solid #edcf80;outline-offset:2px}.hero-guide-nav button:active{background:#2a626b}.hero-guide-body [data-hero-guide-section]{scroll-margin-block:12px}.hero-guide-body [data-hero-guide-section]:focus-visible{outline:2px solid #e7c779;outline-offset:-3px}@media(max-width:520px),(max-height:480px){.hero-guide-nav{padding:8px 12px;gap:6px}.hero-guide-nav button{padding:8px 4px}}

/* Reward copy keeps its two rows when a ready-alert follows it. */
.pass-panel .pass-reward>span:nth-child(2){display:grid;gap:6px}
/* The existing guide image owns its request and keeps its original geometry. */
.hero-guide-art[data-home-art]{position:relative}
.hero-guide-art[data-home-art]:not([data-home-art-state="ready"]) img{opacity:0}
.hero-guide-art>.guide-portrait-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:#10272b;color:#c9b878;pointer-events:none}
.hero-guide-art>.guide-portrait-placeholder>svg{width:48px;height:48px;opacity:.8}
.hero-guide-art[data-home-art-state="ready"]>.guide-portrait-placeholder{display:none}

/* Retain full hero identity while leaving short landscape space for reading. */
@media(min-width:568px) and (max-width:920px) and (min-height:240px) and (max-height:480px){.hero-guide>header{padding:6px 12px;gap:12px}.hero-guide>header>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;min-width:0}.hero-guide>header .eyebrow{display:none}.hero-guide h2{font-size:20px;line-height:1.3;margin:0}.hero-guide>header p{font-size:12px;line-height:1.4}.hero-guide-nav{padding:6px 12px}.hero-guide-body{padding:10px 14px}}