/* Shared Brumes identity: indigo foundation, white reading surfaces, gold actions. */
body{--accent:var(--brand-gold);--ink:var(--brand-white)}
.site-header{background:var(--brand-blue)}
.brand-name{color:var(--brand-white)}
.desktop-nav>a,.mobile-nav>a,.game-tabs>a{color:var(--brand-gold)}
.desktop-nav>a:hover,.mobile-nav>a:hover{color:var(--brand-white)}
.desktop-nav>a[aria-current=page],.mobile-nav>a[aria-current=page]{color:var(--brand-gold);text-decoration:underline;text-decoration-color:var(--brand-gold);text-decoration-thickness:2px;text-underline-offset:9px}
.game-tabs{gap:6px;padding-block:5px 8px}
.game-tabs>a{border:1px solid transparent;border-radius:6px;padding-block:12px;font-weight:600}
.game-tabs>a:hover{color:var(--brand-white);background:#ffffff0b;border-color:#d0a14445}
.game-tabs>a[aria-current=page]{color:var(--brand-blue);background:var(--brand-gold);border-color:var(--brand-gold);box-shadow:0 3px 12px #07091440}
.game-tabs>a:focus-visible{outline:2px solid var(--brand-white);outline-offset:2px}
.game-name>strong{color:var(--brand-white)}
.hub-hero h1,.hero-copy h1{color:var(--brand-white)}
.hub-hero .hub-intro,.hero-copy .hero-description{color:#eff0f8}
.hub-tagline,.hero-copy .hero-tagline{color:var(--brand-gold)}

/* A surface class carries its own readable palette, including its controls. */
.light-surface{--ink:var(--paper-ink);--muted:var(--paper-muted);--accent:var(--brand-gold-ink);--line:#1b234026;color:var(--paper-ink);background:var(--brand-white);border:1px solid #ffffffb0;border-radius:12px;padding:32px;box-shadow:0 20px 55px -30px #080b1e70}
.light-surface .eyebrow{color:var(--brand-gold-ink)}
.light-surface :is(h1,h2,h3,strong){color:var(--paper-ink)}
.light-surface em{color:var(--brand-gold-ink)}
.light-surface p:not(.eyebrow){color:var(--paper-muted)}
.light-surface .prose strong,.light-surface.prose strong{color:var(--paper-ink)}
.light-surface .text-link{color:var(--brand-gold-ink);border-color:#79551455}
.light-surface .text-link:hover{color:var(--paper-ink);border-color:var(--paper-ink)}
.light-surface .button{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-blue)}
.light-surface .button:hover{background:#e4bd70;border-color:#c99738}
.light-surface .button.ghost{background:transparent;border-color:#1b234059;color:var(--paper-ink)}
.light-surface .button.ghost:hover{background:#1b23400b;border-color:var(--paper-ink)}
.light-surface :is(a,button,summary):focus-visible{outline-color:var(--brand-gold-ink)}
.light-surface .small-note{color:var(--paper-muted)!important}

/* Community sections share the same palette. */

.portal-about.light-surface{margin-block:25px 48px;padding:45px 48px;gap:7%}
.portal-about h2{font-size:2.8rem}
.portal-about>div:last-child{max-width:570px}
.portal-stream{background:var(--brand-blue-raised);border-color:#d0a14440}
.portal-stream h2{color:var(--brand-white)}

/* Use the same light/dark rhythm in both game spaces. */
.hub-sections.light-surface{margin-block:16px 52px;padding:40px 36px}
.hub-sections .section-top{margin-bottom:28px}
.hub-sections .hub-section-link{background:transparent;border-color:#1b23402b;box-shadow:none;color:var(--paper-ink);padding:23px 20px}
.hub-sections .hub-section-link:hover{border-color:var(--brand-gold-ink);background:#d0a1440a}
.hub-sections .hub-section-link h3{color:var(--paper-ink)}
.hub-sections .hub-section-link p{color:var(--paper-muted);font-size:1rem}
.hub-sections .hub-section-icon,.hub-sections .hub-section-link>.icon{color:var(--brand-gold-ink)}
.world-reading>.light-surface{padding:38px 40px}
.world-reading>.light-surface p{line-height:1.85}
.world-reading>.light-surface p:last-child{margin-bottom:0}
.world-activities .roles-grid{gap:18px}
.world-activities .role{border-radius:10px}
.world-activities .role.light-surface{padding:30px;box-shadow:0 20px 35px -28px #070b1e66}
.world-activities .role.light-surface .icon{color:var(--brand-gold-ink)}
.character-copy.light-surface{border-radius:0 0 11px 11px;border:0;border-top:3px solid var(--brand-gold);padding:27px;background:var(--brand-white)}
.character-copy.light-surface .character-link{color:var(--brand-gold-ink);border-color:#1b23402b}
.person-story>.light-surface{padding:35px 40px}
.person-story .life-credit{font-size:.8125rem}
.place-info.light-surface{padding:30px}
.place-info .place-address dd{color:var(--paper-ink)}
.place-interior>.light-surface{padding:34px}
.colony-layout>.prose.light-surface{padding:40px 48px;max-width:870px}
.world-recruitment.light-surface{padding:34px 40px;margin-bottom:35px}
.world-recruitment .recruit-step{border-color:#1b234029}
.world-recruitment .recruit-step>span{color:var(--brand-gold-ink)}
.gallery-item figcaption.light-surface{padding:25px 30px;border-radius:0 0 12px 12px;border-top:3px solid var(--brand-gold)}
.gallery-item figcaption .eyebrow{color:var(--brand-gold-ink)}
.gallery-item figcaption h2{color:var(--paper-ink)}
.gallery-item figcaption p:not(.eyebrow){color:var(--paper-muted);font-size:1rem}
.stream .community-split .body-copy.light-surface{padding:36px}
.stream .community-split .body-copy p:first-child{margin-top:0}

/* An emblem is displayed whole on a light panel, separate from the hero copy. */
.hub-hero--emblem{background:var(--brand-blue)}
.hub-hero--emblem::after{display:none}
.hub-hero--emblem .hub-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(30px,5vw,72px)}
.hub-hero--emblem h1{font-size:clamp(3.4rem,6vw,6.2rem)}
.hub-emblem{min-width:0;width:100%;margin:0;padding:24px;border:1px solid #d0a14480;border-radius:14px;background:var(--brand-white);box-shadow:0 24px 55px -20px #0008}
.hub-emblem img{display:block;width:100%;height:auto;object-fit:contain}
.wow .world-story-art img{object-position:68% center}
@media(max-width:920px){
 .hub-hero--emblem .hub-hero-inner{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:38px 55px}
 .hub-emblem{order:-1;max-width:360px;margin-inline:auto;padding:16px}
}

@media(max-width:1120px){.hub-sections.light-surface{padding:34px 28px}.world-reading>.light-surface{padding:30px}.world-activities .role.light-surface{padding:26px}.place-info.light-surface{padding:25px}}
@media(max-width:900px){.portal-about.light-surface{padding:36px}.portal-about h2{font-size:2.5rem}}
@media(max-width:760px){
 .game-tabs{gap:5px;padding:5px 10px 8px}.game-tabs>a{padding:10px 5px;min-height:45px;font-size:.8125rem}.game-tabs>a:focus-visible{outline-offset:-3px}

 .light-surface{padding:25px}.portal-about.light-surface{margin-block:15px 35px;padding:30px 25px;gap:26px}.portal-about h2{font-size:2.55rem}
 .hub-sections.light-surface{padding:30px 23px;margin-block:5px 40px}.hub-sections .hub-section-link{padding:21px 16px}.hub-sections .hub-section-link p{font-size:.9375rem}
 .world-reading>.light-surface,.person-story>.light-surface{padding:28px 25px}.world-reading>.light-surface p{line-height:1.8}.world-activities .roles-grid{gap:14px}.world-activities .role.light-surface{padding:25px 22px}
 .place-info.light-surface,.place-interior>.light-surface{padding:28px 25px}.colony-layout>.prose.light-surface{padding:30px 25px}.world-recruitment.light-surface{padding:28px 25px}.gallery-item figcaption.light-surface{padding:23px}.stream .community-split .body-copy.light-surface{padding:28px 25px}
}
@media(max-width:400px){.hub-sections .hub-section-link{padding:20px 14px}}