/* Page-scoped sky palette; shared cards, typography and raised buttons remain intact. */
@layer realm-surface-treatment {
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page{--landing-top:#233d4d;--landing-middle:#1b303d;--landing-low:#14212d;--landing-text:#e1edf3;--landing-muted:#adbfca;--landing-accent:#9dc6da;--landing-heading:#c4dce8;--landing-line:#b7dbe626;--realm-accent:var(--landing-accent);--cozy-ink:var(--landing-text);--cozy-soft-ink:var(--landing-muted)}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .realm-shared-fractures{opacity:.07!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .realm-end-particles{opacity:.22!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .site-header{background:transparent!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .site-header .server-text-nav a{color:var(--cozy-ink)!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .site-header .server-text-nav a:hover{color:#ffffff!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .site-header .nav-discord-link{color:var(--cozy-ink)!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero{position:relative;padding:36px 0 0!important;color:var(--cozy-ink)!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-inner{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:20px!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-welcome{position:relative;z-index:1;min-width:0;padding:10px 0 28px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-welcome .eyebrow{color:var(--landing-accent)!important;font-size:11px!important;letter-spacing:.14em!important;font-weight:750!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-welcome h1{font-size:clamp(42px,5.8vw,76px)!important;line-height:1.08!important;letter-spacing:-.055em!important;color:var(--landing-text)!important;margin:20px 0 24px!important;font-weight:850!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-welcome h1 span{color:var(--landing-text)!important;text-shadow:none!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-intro{font-size:16px!important;line-height:1.9!important;max-width:510px;color:var(--landing-muted)!important;margin:0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-tags span{border:1px solid var(--landing-line);padding:5px 9px;font-size:10px;color:var(--landing-muted)}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-address{display:grid;gap:8px;margin:27px 0 20px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-address-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:750;color:var(--landing-muted)}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-address code{font-family:inherit!important;font-size:clamp(14px,1.6vw,19px)!important;font-weight:750!important;letter-spacing:-.02em!important;color:var(--landing-text)!important;background:none!important;border:0!important;padding:0!important;overflow-wrap:anywhere!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-actions .md-button{font-size:12px!important;white-space:normal!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-copy-feedback{font-size:11px!important;line-height:1.7!important;color:var(--landing-muted)!important;min-height:21px;margin:14px 0 0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-art{position:relative;min-width:0}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-art img{display:block!important;width:100%!important;height:auto!important;max-width:640px!important;aspect-ratio:640/540;filter:brightness(.88) saturate(.78) drop-shadow(0 25px 30px #00000026)}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-art-caption{position:absolute;right:2%;bottom:12%;text-align:right;font-size:11px;line-height:1.8;font-weight:650;color:var(--landing-muted)}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-bottom{display:flex!important;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--landing-line);padding-top:20px!important;padding-bottom:22px!important;margin-top:15px!important;color:var(--landing-muted);font-size:10px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-bottom>span:first-child{font-weight:800;letter-spacing:.04em}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-content{padding-top:115px!important;padding-bottom:35px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;max-width:none;margin-bottom:32px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-section-heading .eyebrow{grid-column:1/-1;color:var(--landing-accent)!important;font-size:10px;letter-spacing:.1em}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-section-heading h2,html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join h2{font-size:clamp(27px,3vw,39px)!important;line-height:1.25!important;letter-spacing:-.035em!important;color:var(--realm-text)!important;margin:15px 0 0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-section-heading>p:last-child{font-size:13px!important;line-height:1.9!important;color:var(--realm-text)!important;opacity:.75;margin:0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-story-grid .realm-card{height:100%}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-story-grid .realm-card h3{font-size:16px!important;color:var(--landing-heading)!important;line-height:1.5!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-story-grid .realm-card p{font-size:12px!important;line-height:1.9!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:85px;padding:65px 0 45px!important;margin-top:55px;border-top:1px solid var(--dropdown-line,#3f334d);scroll-margin-top:30px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join .eyebrow{color:var(--landing-accent)!important;font-size:10px;letter-spacing:.12em}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join p{font-size:13px!important;line-height:1.9!important;opacity:.8;color:var(--realm-text)!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join>div>.md-button{margin-top:16px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join-steps{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:28px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join-steps li{display:flex;gap:19px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join-steps li>span{font-weight:750;color:var(--landing-accent);font-size:12px;padding-top:3px}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join-steps h3{font-size:15px!important;margin:0!important;color:var(--realm-text)!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join-steps p{font-size:12px!important;margin:7px 0 0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join-steps code{overflow-wrap:anywhere;color:var(--landing-accent);background:none;padding:0}
@media(min-width:1400px){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-inner{min-height:540px}}
@media(max-width:850px){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-inner{grid-template-columns:minmax(0,1fr)!important;gap:0!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-welcome{padding-bottom:0}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-art{max-width:440px;width:100%;justify-self:center;margin-top:-15px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-art img{max-height:340px;object-fit:contain}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-art-caption{bottom:10%}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .realm-shared-banner{height:1240px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-content{padding-top:85px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-section-heading{grid-template-columns:1fr;gap:20px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-story-grid{grid-template-columns:1fr}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-join{grid-template-columns:1fr;gap:35px;margin-top:35px;padding-top:35px!important}}
@media(max-width:480px){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero{padding-top:18px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-welcome h1{font-size:45px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-intro{font-size:14px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-art{margin-top:5px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-bottom{gap:10px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-bottom>span:nth-child(2){display:none}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-actions{gap:12px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page .cozy-hero-actions .md-button{font-size:11px!important;padding:14px 12px!important}}
}

@layer realm-surface-treatment {html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].cozycube-page.vyre-landing-page{--landing-top:#39242b;--landing-middle:#2b1b22;--landing-low:#1c141a;--landing-text:#f0e4e6;--landing-muted:#c5afb5;--landing-accent:#d0a1a8;--landing-heading:#e2bfc5;--landing-line:#dfabb526}}