/* 1,280px content + two 160px rails + 40px gaps + outer breathing room. */
.portal-banner-layout{position:fixed;inset:0;z-index:8;pointer-events:none}
.portal-banner-layout[hidden],.portal-banner[hidden]{display:none!important}
.portal-banner{position:absolute;top:var(--portal-top,140px);width:160px;height:var(--portal-height,600px);max-height:600px;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;border:1px solid var(--metal-edge);border-top:3px solid var(--metal-shine);border-radius:4px;background:linear-gradient(160deg,#ffffff09,transparent 55%),var(--standard-base);color:var(--button-ink);box-shadow:0 3px 10px #101b2a18,inset 0 0 0 4px #ffffff05}
.portal-banner-guide{right:calc(50% + 660px)}
.portal-banner-forever{left:calc(50% + 660px)}
.portal-banner-destination{display:flex;flex-direction:column;flex:1;min-height:0;color:inherit;text-decoration:none;border-radius:inherit}
.portal-banner-destination:hover{color:inherit;background:#ffffff08}
.portal-banner:has(.portal-banner-destination:hover){border-color:var(--metal-shine);box-shadow:0 0 0 1px var(--metal-shine),0 4px 12px #101b2a25}
.portal-banner:has(.portal-banner-destination:focus-visible){outline:3px solid var(--teal);outline-offset:4px}
.portal-banner-top{display:flex;align-items:flex-start;gap:4px;min-height:48px;padding:11px 13px 0}
.portal-banner-top>span{font-size:10px;line-height:1.6;letter-spacing:.025em;color:var(--light-gold)}
.portal-banner-visual{position:relative;flex:1 1 150px;min-height:56px;max-height:190px;overflow:hidden;margin:7px 10px 0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--standard-thread) 17%,transparent),transparent 68%)}
.portal-banner-orbit{position:absolute;left:50%;top:50%;width:97px;height:97px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--standard-thread);box-shadow:inset 0 0 0 8px #ffffff04,0 0 0 9px #ffffff03;opacity:.65}
.portal-banner-orbit:before,.portal-banner-orbit:after{content:'';position:absolute;inset:13px;border:1px solid var(--standard-thread)}
.portal-banner-orbit:after{inset:-18px 44px;border-width:0 1px;transform:rotate(-45deg);opacity:.55}
.portal-banner-sigil{position:absolute;left:50%;top:50%;width:32px;height:48px;transform:translate(-50%,-50%);border:2px solid var(--metal-shine);border-radius:50% 50% 5px 5px;box-shadow:0 0 18px #f1d4921a,inset 0 0 12px #f1d49215}
.portal-banner-sigil:after{content:'';position:absolute;left:50%;top:6px;bottom:6px;border-left:1px solid var(--metal-shine)}
.portal-banner-visual-music .portal-banner-orbit{border-radius:50%;transform:translate(-50%,-50%)}
.portal-banner-visual-music .portal-banner-orbit:before{border-radius:50%}
.portal-banner-visual-music .portal-banner-sigil{width:30px;height:42px;border-width:0 2px 0 0;border-radius:0;transform:translate(-60%,-55%) skewY(-12deg);box-shadow:none}
.portal-banner-visual-music .portal-banner-sigil:before{content:'';position:absolute;right:-2px;top:0;width:24px;border-top:5px solid var(--metal-shine)}
.portal-banner-visual-music .portal-banner-sigil:after{left:auto;right:-2px;top:auto;bottom:-4px;width:17px;height:12px;border:0;border-radius:50%;background:var(--metal-shine)}
.portal-banner-spark{position:absolute;left:50%;bottom:7px;width:3px;height:3px;background:var(--metal-shine);box-shadow:-22px 0 var(--standard-thread),22px 0 var(--standard-thread)}
.portal-banner-copy{padding:17px 14px 21px;border-top:1px solid #ffffff15}
.portal-banner-eyebrow{font-size:10px;line-height:1.7;color:var(--light-gold);letter-spacing:.04em}
.portal-banner-copy h2{margin:12px 0 16px;font-size:20px;line-height:1.65;font-weight:700;letter-spacing:-.04em;white-space:pre-line;color:var(--button-ink)}
.portal-banner-copy p{margin:0;font-size:12px;line-height:1.9;color:var(--button-ink)}
.portal-banner-caption{margin-top:auto;min-height:44px;padding:12px 6px;border-top:1px solid #ffffff16;background:#00000016;color:var(--light-gold);font:650 12px/1.7 var(--font-ui);text-align:center}
.portal-banner :focus-visible{outline:3px solid var(--metal-shine);outline-offset:3px}
.portal-banner .portal-banner-destination:focus-visible{outline:none}
@media(max-width:1699px){.portal-banner-layout{display:none!important}}
@media(max-height:740px){.portal-banner-copy{padding-top:12px;padding-bottom:15px}.portal-banner-copy h2{margin:8px 0 10px;font-size:19px}.portal-banner-copy p{margin-bottom:14px}}

/* Official key art stays intact. The responsive composition uses HTML text so
   browser translation and keyboard navigation still work. */
.portal-banner-forever{background:#0b203a;border-color:#ac9570;border-top-color:#e5cc95;color:#fff6df}
.portal-banner-forever .portal-banner-destination{position:relative;isolation:isolate;background:transparent}
.portal-forever-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% center}
.portal-banner-forever .portal-banner-destination:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b162b99 0%,#0b162b1a 24%,#0b162b00 45%,#081425e8 76%,#081425 100%)}
.portal-banner-forever .portal-banner-top{min-height:44px}
.portal-banner-forever .portal-banner-top>span{color:#fff1ce;text-shadow:0 1px 3px #071324}
.portal-forever-logo{display:block;width:144px;height:auto;align-self:center;margin:8px 0 0;filter:drop-shadow(0 3px 5px #071324b3)}
.portal-banner-forever .portal-banner-copy{margin-top:auto;padding:16px 12px 20px;border-top:0;text-shadow:0 1px 3px #071324}
.portal-banner-forever .portal-banner-copy h2{color:#fff7e4;font-size:20px;line-height:1.55;margin:9px 0 14px}
.portal-banner-forever .portal-banner-copy p{color:#f0ecdf;line-height:1.85;white-space:pre-line;font-size:12px}
.portal-banner-forever .portal-banner-eyebrow{color:#ead198;font-size:10px;letter-spacing:.06em}
.portal-banner-forever .portal-banner-caption{flex:none;margin-top:0;color:#ffe0a0;background:#071426aa;border-color:#d9bf842e;padding:12px 5px}
.portal-banner-caption small{display:block;font:400 9px/1.6 var(--font-ui);color:#d4dbe5;margin-top:4px;letter-spacing:-.02em}
.portal-banner-forever:has(.portal-banner-destination:hover){border-color:#ffe0a0;box-shadow:0 0 0 1px #ffe0a0,0 4px 12px #101b2a40}
.portal-banner-forever:has(.portal-banner-destination:focus-visible){outline-color:#c3994e}
.portal-banner-forever .portal-banner-destination:hover .portal-banner-caption{background:#19334c;color:#fff1ce}
.portal-banner-layout[lang="en"] .portal-banner-copy h2{font-size:18px;line-height:1.5;letter-spacing:-.02em}

/* Original translator artwork: copy stays live and readable in both languages. */
.portal-banner-guide{background:#0b1422;color:#fff7e4}
.portal-banner-guide .portal-banner-destination{position:relative;isolation:isolate;background:transparent}
.portal-translator-art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% top}
.portal-banner-guide .portal-banner-destination:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07101dc7 0%,#07101d24 12%,transparent 32%,#08121e38 49%,#08121eeb 65%,#08121ef5 100%)}
.portal-banner-guide .portal-banner-top{min-height:60px}
.portal-banner-guide .portal-banner-top>span{color:#ffe1a5;font-weight:700;text-shadow:0 1px 3px #050c17}
.portal-banner-guide .portal-banner-copy{margin-top:auto;padding:16px 13px 21px;border:0;text-shadow:0 1px 3px #050c17}
.portal-banner-guide .portal-banner-eyebrow{color:#f2d29b}
.portal-banner-guide .portal-banner-copy h2{color:#fff7e4;margin:10px 0 14px;line-height:1.5}
.portal-banner-guide .portal-banner-copy p{color:#edf1f7;font-size:12px;line-height:1.85;white-space:pre-line}
.portal-banner-guide .portal-banner-caption{flex:none;margin-top:0;color:#ffe1a5;background:#101e30e8;border-color:#e6bd6f44}
.portal-banner-guide .portal-banner-destination:hover .portal-banner-caption{background:#24364b;color:#fff5de}
.portal-forever-title{display:flex;flex-direction:column;align-items:center;align-self:center;margin:8px 0 0;font:800 13px/1.05 Georgia,'Times New Roman',serif;letter-spacing:.05em;text-transform:uppercase;color:#f3d58a;text-shadow:0 2px 0 #071324,0 0 10px #e7b54c66;text-align:center}.portal-forever-title small{font-size:24px;letter-spacing:.14em;margin-top:3px;color:#ffe9b3}