/* Persistent, unmistakable page navigation shared by all three pages. */
:root{--header-height:88px}html{scroll-padding-top:calc(var(--header-height) + 20px)}
body .header.site-header,body .header.site-header.compact{position:sticky;top:0;height:auto;min-height:88px;padding:14px 4%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;z-index:50;background:#071a2af7;border-bottom:1px solid #d9b77966;box-shadow:0 5px 25px #0003;transition:none}
.site-header .brand{font-size:1.25rem!important;white-space:nowrap}.site-header .brand small{font-size:.625rem!important}.site-header .brand-icon{width:40px;height:40px}.site-header .brand-icon img{width:83px;height:69px;left:-22px;top:-7px}
.top-pages{display:flex;justify-content:center;gap:10px;min-width:0}.top-page{min-height:48px;padding:11px 18px;border:1px solid #d9b77988;border-radius:9px;background:#142b3e;display:flex;justify-content:center;align-items:center;gap:9px;color:#f2eee6;font-size:.9375rem;font-weight:700;line-height:1.35;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s}.top-page svg{width:20px;height:20px;flex-shrink:0}.top-page:hover{background:#284358;border-color:var(--gold);transform:translateY(-1px)}.top-page[aria-current=page]{background:var(--gold);color:#071a2a;border-color:var(--gold);box-shadow:0 3px 16px #d9b77925}.top-page:focus-visible{outline:3px solid #fff;outline-offset:3px}
.site-header .language-switch{border:1px solid #d9b77966;background:#102638;border-radius:9px;gap:0;padding:3px;font-weight:700}.site-header .language-switch>span{display:none}.site-header .language-switch button{min-width:40px;min-height:42px;padding:8px!important;font-size:.875rem;color:#d3dce2;border-radius:6px}.site-header .language-switch button[aria-pressed=true]{background:#d9b779;color:#071a2a}.site-header .language-switch button:focus-visible{outline-offset:1px}
.world-links .area-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:20px;padding:11px 20px;border:1px solid var(--gold);border-radius:6px;background:var(--gold);color:var(--navy);font-size:.9375rem;font-weight:700;line-height:1.5;transition:background .2s}.world-links .world-entry:hover .area-link{background:#f1d398}.page-links a{font-weight:600}.division .composition-stage,.cinematic .hero-stage,.story-stage{scroll-margin-top:var(--header-height)}
@media(max-width:1050px){body .header.site-header,body .header.site-header.compact{gap:12px;padding-inline:3%}.site-header .brand{font-size:1.05rem!important}.top-page{padding-inline:12px;gap:7px;font-size:.875rem}.top-pages{gap:7px}}
@media(max-width:760px){:root{--header-height:132px}body .header.site-header,body .header.site-header.compact{grid-template-columns:1fr auto;gap:10px 14px;padding:10px 4% 12px;min-height:132px}.site-header .brand{grid-column:1;grid-row:1;font-size:1.15rem!important}.site-header .header-actions{grid-column:2;grid-row:1}.site-header .top-pages{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%}.top-page{padding:11px 6px;font-size:.875rem;min-height:46px;gap:6px}.top-page svg{width:17px;height:17px}.site-header .language-switch button{min-height:38px;min-width:38px}.site-header .brand small{margin-top:5px}.top-page:hover{transform:none}.site-header .brand-icon{display:block}}
@media(max-width:430px){.top-page svg{display:none}.top-page{white-space:normal;overflow-wrap:anywhere;text-align:center}.site-header .brand{font-size:1.05rem!important}.site-header .brand-icon{width:34px;height:34px}.site-header .brand-icon img{width:73px;height:61px;left:-19px;top:-6px}.site-header .brand small{font-size:.6rem!important}}
@media(prefers-reduced-motion:reduce){.top-page{transition:none}}