/* 2.7.1: quiet mineral textures, cyan cave light and readable dark surfaces. */
:root,[data-palette="moss"]{--gold:#91bec2;--surface-line:color-mix(in srgb,var(--border) 66%,transparent)}
body{background-image:url('/surface-grain.svg');background-size:180px 180px}
.sidebar{background-image:linear-gradient(180deg,transparent 55%,var(--bg)),url('/contours.svg');background-size:100% 100%,500px 600px;background-position:center,bottom left}
.topbar{background:color-mix(in srgb,var(--bg) 96%,transparent)}
.brandmark{background:linear-gradient(145deg,var(--panel-raised),var(--bg));color:var(--gold);box-shadow:inset 0 1px 0 #ffffff08}
.nav-link.active{border-color:var(--surface-line);box-shadow:inset 3px 0 0 var(--gold)}
.sidebar-bottom{background:var(--bg);border-color:var(--surface-line)}
.banner{min-height:455px;background:var(--panel);border-color:color-mix(in srgb,var(--gold) 23%,var(--border));box-shadow:0 20px 55px #00000024}
.banner-hero-image{object-position:60% 47%}
.banner::before{background:linear-gradient(90deg,#090f14f2 0%,#090f14d9 25%,#090f1461 62%,#090f1410),linear-gradient(0deg,#090f14a6,transparent 55%)}
.banner-content>.eyebrow{color:#b9d6d9}.hero-game-mark{color:#a0ced0}
.banner-content h2{max-width:650px}.banner p{color:#d2dde1}.hero-corner{color:#a4c9cba1}
.banner .button{background:#c4dde0;color:#111b22}.banner .button.secondary{background:#0c1b21cc;color:#f0f3f5;border-color:#67878b66}
.discord-callout{border-color:var(--surface-line);background:linear-gradient(110deg,var(--panel),var(--bg))}
.discord-mark{background:var(--bg);border-color:var(--surface-line);color:var(--gold)}
.discord-callout h2{color:var(--text)}
.card,.story-card,.help-card,.mod-list-entry,.editor-preview-stories article{background-image:url('/surface-grain.svg');background-size:180px 180px;border-color:var(--surface-line)}
.stats{background:var(--bg);border-color:var(--surface-line)}.stat+.stat{border-color:var(--surface-line)}
.stat-label svg{color:var(--gold)}
.quick-link{position:relative;isolation:isolate;overflow:hidden;min-height:138px;padding:25px 21px;align-items:flex-end;background-color:var(--panel);border-color:var(--surface-line)}
.quick-link::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-size:cover;background-repeat:no-repeat}
.quick-link-join::before{background-image:linear-gradient(90deg,#0b161cec,#0b161c8c),url('/cave-hero.webp');background-position:center,center 36%}
.quick-link-map::before{background-image:linear-gradient(110deg,var(--bg),transparent),url('/contours.svg');background-size:cover,380px 400px;background-position:center,center}
.quick-link-info::before{background-image:linear-gradient(90deg,#0b161ced,#0b161c90),url('/cave-hero.webp');background-position:center,90% 65%}
.quick-link>svg{flex:0 0 22px;width:22px;height:22px;padding-bottom:2px;color:var(--gold)}
.quick-link>div{min-width:0}.quick-link strong{font-size:15px}.quick-link>div>span{margin-top:6px;color:var(--muted)}
.quick-link .link-arrow{align-self:flex-start;margin-left:auto;color:var(--gold)}
.story-card{background-color:var(--bg)}.story-card>svg{color:var(--gold)}
.join-ribbon{background:var(--bg) url('/contours.svg') right center/450px auto no-repeat;border-color:var(--surface-line)}
/* Legacy light boxes use the active palette everywhere, including previews. */
.feature-strip{background:var(--bg);border-color:var(--surface-line);border-radius:12px;box-shadow:none}
.feature-strip>*{border-color:var(--surface-line);padding:23px 25px;background:transparent}
.feature-strip svg{color:var(--gold);width:20px;height:20px;stroke-width:1.5}
.feature-strip>div>strong{color:var(--text);font-size:14px}.feature-strip>div>span{color:var(--muted);font-size:12px}
.filter-count,.tab.active .filter-count{background:var(--bg);color:var(--muted);border:1px solid var(--surface-line)}
.browse-toolbar{background:var(--panel);border-color:var(--surface-line)}
.page-intro,.content-intro,.guide-summary,.rules-summary,.help-card{background-color:var(--panel);border-color:var(--surface-line)}
.page-intro.compact{background:transparent;padding:0;border:0;box-shadow:none}
.page-intro.compact .feature-strip{margin:0 0 18px}.page-intro.compact>.info-note{padding:0 8px}
.rules-summary ul,.guide-checklist,details.help-card>summary{color:var(--muted)}
.maintenance-notice,.inbox-item.unread,.editor-error,.editor-stale{background:var(--panel);color:var(--text);border-color:var(--border)}
.editor-hero-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0;max-height:420px;overflow:auto;padding:4px;scrollbar-color:var(--border) var(--bg)}
.editor-hero-option{position:relative;display:flex;flex-direction:column;text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:9px;overflow:hidden;padding:0;color:var(--text);min-width:0;align-items:stretch}
.editor-hero-option img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--panel);display:block}
.editor-hero-option>span{display:block;padding:11px 12px 0;font-size:12px;font-weight:650;overflow-wrap:anywhere}
.editor-hero-option>small{padding:2px 12px 12px;font-size:10px;color:var(--muted)}
.editor-hero-option[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.editor-hero-option[aria-pressed=true]::after{content:'✓';position:absolute;right:9px;top:9px;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--gold);border-radius:50%;background:var(--bg);color:var(--text);font-size:14px}
.editor-hero-option:focus-visible{outline-offset:1px}.editor-hero-option:hover{border-color:var(--gold)}
.editor-preview-content .banner{min-height:330px}.editor-preview-content .banner-actions svg{width:15px;height:15px}
.editor-preview-dialog .editor-preview-content .banner{min-height:420px}
.auth-card{background-image:url('/surface-grain.svg');border-color:var(--surface-line)}
@media(prefers-reduced-motion:no-preference){
 .quick-link::before{transition:opacity .25s ease}.quick-link:hover::before{opacity:.75}
 .brandmark{transition:border-color .2s}.brand:hover .brandmark{border-color:var(--gold)}
}
@media(max-width:1100px){.banner{padding:38px}.quick-link{padding:20px 17px;gap:12px}.quick-link strong{font-size:13px}}
@media(max-width:760px){
 .banner{padding:38px 25px;min-height:430px}.banner-hero-image{object-position:58% center}
 .banner::before{background:linear-gradient(90deg,#090f14e8,#090f146e),linear-gradient(0deg,#090f14b3,transparent)}
 .quick-links{grid-template-columns:minmax(0,1fr)}.quick-link{min-height:96px;align-items:center;padding:20px}
 .quick-link .link-arrow{align-self:center}.quick-link strong{font-size:14px}
 .feature-strip>*{padding:20px 22px}.feature-strip svg{margin-bottom:8px}
 .editor-hero-options{gap:9px}.editor-hero-option>span{padding:9px 10px 0}.editor-hero-option>small{padding:2px 10px 10px}
}
@container site-preview (max-width:500px){
 .editor-preview-content .banner,.editor-preview-dialog .editor-preview-content .banner{min-height:340px;padding:28px 22px}
 .editor-preview-content .banner::before{background:linear-gradient(90deg,#090f14e8,#090f146e),linear-gradient(0deg,#090f14b3,transparent)}
}
/* 2.7.2: the supplied community emblem, with a compact character mark. */
.brand.brand-emblem{justify-content:center;min-height:166px;padding:0 0 8px;flex-shrink:0}
.brand-emblem .brandmark{width:160px;height:160px;background:none;border:0;outline:0;border-radius:0;box-shadow:none}
.brand-emblem .brandmark img{display:block;width:100%;height:100%;object-fit:contain}
.header-brand{display:none;flex:0 0 36px;width:36px;height:36px;align-items:center;justify-content:center;border-radius:7px}
.header-brand img{display:block;width:36px;height:36px;object-fit:contain}
.mini-icon:has(img){background:transparent;border:0;box-shadow:none}.mini-icon img{display:block;width:35px;height:35px;object-fit:contain}
@media(max-width:760px){.header-brand{display:flex}.topbar{gap:10px}.breadcrumb{overflow:hidden;white-space:nowrap}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis}}