/* Vanilla Veterans unified display system, persistent across both pages. */
.vv-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.vv-display-tools{display:flex;gap:6px;align-items:center;justify-content:center;flex:0 0 auto}
.vv-display-tools select,.vv-display-tools button{background:#fffaf0;color:#1b3b4b;border:1px solid #bda781;border-radius:9px;padding:9px 10px;font:700 .77rem system-ui,sans-serif;min-height:38px;cursor:pointer}
.vv-display-tools button{min-width:38px}.vv-display-tools select{max-width:98px}
.vv-display-tools :is(button,select):focus-visible{outline:3px solid #24a7aa;outline-offset:2px}
.launch-status-banner,.bureau-guild-status{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 20px;background:#153b47;color:#fcf0d8;text-align:center;line-height:1.4;font:.81rem system-ui,sans-serif;border-bottom:2px solid #d3a55c}
.launch-status-banner strong,.bureau-guild-status strong{color:#ffe1a3;letter-spacing:.05em}.launch-status-banner a,.bureau-guild-status a{color:#fff5d8;text-underline-offset:3px}
.launch-status-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#e6b56e}
.guild-bridge-crest{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid #cf9e50;vertical-align:middle}
.invite-request-panel{display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:#173746;border:1px solid #c8a368;border-radius:14px;color:#fdf0d8;padding:20px;margin-top:23px}
.invite-request-panel>div{flex:1 1 400px;min-width:0}.invite-request-panel strong{font:700 1.2rem Georgia,serif;color:#ffe1a3}.invite-request-panel p{color:#d4e0dc}.invite-request-panel blockquote{border-left:3px solid #f0c984;padding:8px 14px;background:#244751;margin:9px 0;font-size:.91rem;line-height:1.5;color:#fcf6eb}.invite-request-panel>.btn{white-space:nowrap}.invite-request-panel #inviteRequestStatus{flex-basis:100%;margin:0;color:#ffe2b2;font-size:.82rem}
.future-characters-section{background:#112c40;color:#f8e3bc;padding:90px 0}.future-characters-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:44px;align-items:center}.future-characters-section h2{font:700 clamp(2.6rem,5vw,4.4rem)/1.08 Georgia,serif;margin:15px 0 22px;color:#ffe5b3}.future-characters-section h2 em{color:#fff4dd}.future-characters-section p{color:#e2ebed;font-size:1rem;line-height:1.7;max-width:60ch}.future-characters-section .btn-border{color:#ffe5ad;border-color:#daa962}.future-characters-visual{display:grid;justify-items:center;gap:5px}.future-characters-visual img{width:min(300px,75vw);height:auto;border-radius:50%;box-shadow:0 15px 42px #0004;border:3px solid #d6ad63}.future-label{text-align:center;font-weight:800;letter-spacing:.12em;color:#ffe3a7;margin-top:13px}.future-label small{font-weight:600;letter-spacing:.07em;color:#c7d6dc}
/* Guild appearance modes change presentation only; no copy/data difference. */
body[data-mode="harmony"] .welcome-paper,body[data-mode="harmony"] .meet-section,body[data-mode="harmony"] .bulletin-section,body[data-mode="harmony"] .guild-tools-summary{background:#0d2935!important;color:#f7eddd!important}
body[data-mode="harmony"] .life-section,body[data-mode="harmony"] .inventions-section,body[data-mode="harmony"] .steward-section{background:#102e3d!important;color:#faf1e3!important}
body[data-mode="harmony"] .welcome-paper h2,body[data-mode="harmony"] .meet-section h2,body[data-mode="harmony"] .bulletin-section h2,body[data-mode="harmony"] .guild-tools-summary h2,body[data-mode="harmony"] .life-section h2{color:#fbe6ba!important}
body[data-mode="harmony"] :is(.life-section,.meet-section,.welcome-paper,.bulletin-section,.guild-tools-summary,.steward-section) p{color:#e1e8e5!important}
body[data-mode="harmony"] .bulletin-panel,body[data-mode="harmony"] .join-grid article,body[data-mode="harmony"] .life-card,body[data-mode="harmony"] .hearth-card{background:#173b49!important;border-color:#5d7980!important;color:#f8eeda!important}
body[data-mode="harmony"] .bulletin-panel h3,body[data-mode="harmony"] .join-grid h3,body[data-mode="harmony"] .life-card h3{color:#f5d7a1!important}
body[data-mode="focus"] .welcome-paper,body[data-mode="focus"] .meet-section,body[data-mode="focus"] .bulletin-section,body[data-mode="focus"] .guild-tools-summary,body[data-mode="focus"] .life-section,body[data-mode="focus"] .inventions-section{background:#fcfbf7!important;color:#17313d!important}
body[data-mode="focus"] :is(.bulletin-panel,.join-grid article,.life-card,.hearth-card){box-shadow:none!important}
body[data-mode="focus"] .hero-image{opacity:.22!important}body[data-mode="focus"] .life-card img{filter:saturate(.65)}
body[data-mode="focus"] *,body[data-mode="focus"] *:before,body[data-mode="focus"] *:after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}
/* Shared type size: on BOTH pages root-rem magnification, not double body magnification. */
body[data-mode]{overflow-x:clip}
body[data-mode] .vv-display-tools{font-size:1rem}
@media(max-width:1160px){.masthead-inner{flex-wrap:wrap;padding-block:9px}.vv-display-tools{order:4;margin-left:auto}}
@media(max-width:760px){.future-characters-grid{grid-template-columns:1fr}.future-characters-section{padding:65px 0}.launch-status-banner,.bureau-guild-status{font-size:.73rem}.masthead-inner .vv-display-tools{order:3;width:100%;margin:2px 0 0}.vv-display-tools select{max-width:none}.navin .nav-tools [data-size],.navin>.nav-tools [data-size]{display:inline-flex!important}.navin .nav-tools .mode-label{display:inline-flex!important}.navin .nav-tools{gap:4px;flex-wrap:wrap;justify-content:flex-end}.navin .nav-tools .tool{min-width:32px;padding:6px}.navin .nav-tools select.tool{max-width:90px}}
@media(max-width:360px){.navin .brand strong{font-size:.81rem}.launch-status-banner{padding:8px 10px}.navin .nav-tools{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
/* Edition 11 phone Q.A.C.K. fix: long test-status ribbon wraps rather than extending past the page. */
@media(max-width:650px){.intro-strip .right{white-space:normal!important;overflow-wrap:anywhere;max-width:100%}.intro-strip{min-width:0;overflow-wrap:anywhere}}

/* v7 Q.A.C.K. audience-driven presentation variations; copy and capabilities unchanged */
body[data-mode="harmony"] .qack-intro-section{background:linear-gradient(160deg,#133d48,#092932);color:#f6e6ca}
body[data-mode="harmony"] .qack-inspector-heading h3,body[data-mode="harmony"] .qack-howto-heading h3{color:#ffe0ad}
body[data-mode="harmony"] .qack-inspector-heading p,body[data-mode="harmony"] .qack-howto-heading>p{color:#d4e4e0}
body[data-mode="harmony"] .qack-integrity{background:#1d4651;color:#e9f2ed}
body[data-mode="harmony"] .qack-integrity strong{color:#fff0cc}
body[data-mode="focus"] .qack-intro-section{background:#fcfbf7;border-block-color:#d7d3c9}
body[data-mode="focus"] .qack-intro-hero{background:#fffdf8;color:#113642;border-color:#8a9b98;box-shadow:none}
body[data-mode="focus"] .qack-intro-copy h2{color:#123a48}body[data-mode="focus"] .qack-intro-copy h2 span{color:#835728}
body[data-mode="focus"] .qack-intro-copy .eyebrow,body[data-mode="focus"] .qack-intro-copy .qack-expansion{color:#76502f}
body[data-mode="focus"] .qack-intro-copy p,body[data-mode="focus"] .qack-intro-copy p strong{color:#234b58}
body[data-mode="focus"] .qack-intro-copy blockquote{color:#234551;background:#f0ebe0}
body[data-mode="focus"] .qack-intro-copy cite{color:#527079}
body[data-mode="focus"] .qack-intro-actions .btn-outline{color:#183c4b;border-color:#6e888a}
body[data-mode="focus"] .qack-intro-visual img{filter:saturate(.55)}
body[data-mode="focus"] .qack-inspector,body[data-mode="focus"] .qack-howto{box-shadow:none}
body[data-mode="focus"] .qack-choose-module{background:#e8ede9;border-color:#a8a8a0;color:#123a45;box-shadow:none}
body[data-mode="focus"] .qack-choose-module h3,body[data-mode="focus"] .qack-choose-module p{color:#234b58}
body[data-mode="focus"] .qack-choose-module .eyebrow{color:#77532e}
body[data-mode="focus"] .qack-jump-actions button{background:#fffdf7;border-color:#9b9790}
body[data-mode="focus"] .qack-integrity{background:#f0f2eb}
