.language-picker{display:flex;gap:8px;align-items:center}
.theme-picker{position:relative;color:var(--text);font-size:.875rem}
.theme-picker summary{cursor:pointer;list-style:none;padding:12px;border:1px solid #ffffff25;border-radius:8px;white-space:nowrap;background:#ffffff05}
.theme-picker summary::-webkit-details-marker{display:none}
.theme-menu{position:absolute;right:0;top:calc(100% + 10px);width:230px;padding:18px;background:var(--theme-panel,#101521);border:1px solid #ffffff25;border-radius:12px;box-shadow:0 16px 40px #0005;display:grid;gap:10px;z-index:100}
.theme-menu label{font-weight:700}.theme-menu select{width:100%;padding:10px;border-radius:7px;border:1px solid #ffffff30;background:var(--theme-bg,#080b13);color:var(--text);font:inherit}.theme-menu select+label{margin-top:8px}
.theme-picker summary:focus-visible,.theme-menu select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
html[data-theme="forest"]{--cyan:#8de7ab;--cyan-rgb:141,231,171;--purple:#e1c27d;--purple-rgb:225,194,125;--theme-bg:#08130e;--theme-panel:#11251a;--theme-muted:#b1c8b8;--text:#effaf2}
html[data-theme="ember"]{--cyan:#ffbe81;--cyan-rgb:255,190,129;--purple:#ff758d;--purple-rgb:255,117,141;--theme-bg:#190c10;--theme-panel:#29151d;--theme-muted:#d6b7b7;--text:#fff3ed}
html[data-theme]:not([data-theme="realm"]) body{background:var(--theme-bg);color:var(--text)}
html[data-theme]:not([data-theme="realm"]) :is(.navbar,.navbar.scrolled,.nav-menu,.footer){background:var(--theme-bg)}
html[data-theme]:not([data-theme="realm"]) :is(.stats-panel,.glass-panel,.feature-card,.step-card,.why-card,.discord-card,.rule-pill,.command-grid>div,.server-panel,.deep-stat,.discord-counts>div,.hero-wake-note){background:var(--theme-panel);border-color:rgba(var(--cyan-rgb),.16)}
html[data-theme]:not([data-theme="realm"]) .hero{background:linear-gradient(90deg,var(--theme-bg),transparent),linear-gradient(0deg,var(--theme-bg),transparent),url('../assets/spawnpoint-a.webp') center/cover}
html[data-theme]:not([data-theme="realm"]) :is(p,.feature-card p,.command-grid dd,.section-heading p,.hero-subtitle,.status-note){color:var(--theme-muted)}
html[data-theme]:not([data-theme="realm"]) :is(.eyebrow,.stats-kicker,.command-grid code,.compatibility-links,.copy-link span){color:var(--cyan)}
html[data-theme]:not([data-theme="realm"]) :is(.hero-content>h1 span,.section-heading h2 span){background:linear-gradient(100deg,var(--cyan),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme]:not([data-theme="realm"]) .btn-primary{background:var(--cyan);color:var(--theme-bg);border-color:var(--cyan)}
html[data-theme]:not([data-theme="realm"]) :is(.btn-secondary,.btn-outline,.nav-menu .nav-discord,.step-card .copy-ip){background:var(--theme-panel);color:var(--text);border-color:rgba(var(--cyan-rgb),.3)}
html[data-theme]:not([data-theme="realm"]) .hero-visual::before{background:radial-gradient(ellipse,rgba(var(--purple-rgb),.2),transparent 67%);border-color:rgba(var(--purple-rgb),.2);box-shadow:none}
html[data-theme]:not([data-theme="realm"]) .hero::before{background:radial-gradient(ellipse at 80% 35%,rgba(var(--purple-rgb),.18),transparent 50%)}

/* Atlas: a dark community journal, with a centered masthead and wide stories. */
html[data-layout="atlas"]{--atlas-paper:#0d131b;--atlas-ink:#edf2f5;--atlas-accent:#8de8df;--atlas-muted:#becbd3;--atlas-line:#edf2f52b;--atlas-panel:#141e29}
html[data-layout="atlas"][data-theme="forest"]{--atlas-paper:#0c1711;--atlas-accent:#a1e4b6;--atlas-panel:#15251b}
html[data-layout="atlas"][data-theme="ember"]{--atlas-paper:#1a1015;--atlas-accent:#ffc092;--atlas-panel:#291a22}
html[data-layout="atlas"] body{background:var(--atlas-paper)!important;color:var(--atlas-ink);font-family:Georgia,'Times New Roman',serif}
html[data-layout="atlas"] :is(.site-bg,.floating-blocks,.hero::before,.hero::after,.hero-visual::before,.hero-visual::after,.feature-card::after,.stats-panel::before){display:none}
html[data-layout="atlas"] .navbar{position:relative;background:var(--atlas-paper)!important;color:var(--atlas-ink);padding:22px 4%;border-bottom:3px double var(--atlas-line);backdrop-filter:none}
html[data-layout="atlas"] :is(.nav-brand,.nav-menu>a,.theme-picker){color:var(--atlas-ink)!important}
html[data-layout="atlas"] .nav-menu>a.active{background:var(--atlas-panel);color:var(--atlas-accent)!important}
html[data-layout="atlas"] :is(.nav-discord,.language-trigger,.theme-picker summary){background:transparent!important;border-color:var(--atlas-line);color:var(--atlas-ink)!important}
html[data-layout="atlas"] .hero{background:none!important;padding:56px 0 70px;overflow:visible}
html[data-layout="atlas"] .hero-layout{display:flex;flex-direction:column;text-align:center;gap:0}
html[data-layout="atlas"] .hero-content{display:contents}
html[data-layout="atlas"] .hero-content>.eyebrow{order:0;align-self:center;margin:0 auto 22px;font-size:.8rem}
html[data-layout="atlas"] .hero-content>h1{order:1;max-width:1050px;font-family:Georgia,serif;font-size:clamp(3rem,7vw,7rem);font-weight:400;letter-spacing:-.06em;text-align:center;margin:0 auto 28px;line-height:1}
html[data-layout="atlas"] .hero-content>h1 span{display:inline;background:none!important;color:var(--atlas-accent)!important;font-style:italic}
html[data-layout="atlas"] .hero-subtitle{order:2;max-width:640px;text-align:center;margin:0 auto 26px;font-size:1.2rem}
html[data-layout="atlas"] .hero-actions{order:3;margin:0 auto 40px;justify-content:center}
html[data-layout="atlas"] .hero-visual{order:4;width:100%;max-width:none;aspect-ratio:auto;min-height:300px;padding:25px;background:linear-gradient(90deg,#0004,#0001),url('../assets/spawnpoint-a.webp') center/cover;border-radius:0;border:8px solid var(--atlas-panel)}
html[data-layout="atlas"] .hero-logo{width:250px;max-width:60%;border-radius:0;animation:none;box-shadow:12px 12px 0 #0003}
html[data-layout="atlas"] .hero-badge{display:none}
html[data-layout="atlas"] .server-panel{order:5;width:100%;margin-top:24px!important}
html[data-layout="atlas"] .section{padding:65px 0;border-bottom:1px solid var(--atlas-line)}
html[data-layout="atlas"] :is(h2,h3){font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}
html[data-layout="atlas"] :is(h1,h2,h3,.deep-stat strong,.discord-counts strong,.server-info-item strong,.copy-link){color:var(--atlas-ink)!important}
html[data-layout="atlas"] :is(p,.feature-card p,.command-grid dd,.section-heading p,.status-note,.hero-subtitle,.why-list>div){color:var(--atlas-muted)!important}
html[data-layout="atlas"] :is(.eyebrow,.stats-kicker,.command-grid code,.compatibility-links,.section-heading h2 span){background:none!important;color:var(--atlas-accent)!important}
html[data-layout="atlas"] :is(.glass-panel,.stats-panel,.feature-card,.step-card,.why-card,.discord-card,.rule-pill,.command-grid>div,.server-panel,.deep-stat,.discord-counts>div,.hero-wake-note){background:transparent!important;border-color:var(--atlas-line)!important;border-radius:0;box-shadow:none}
html[data-layout="atlas"] .section-heading{max-width:none;border-bottom:3px double var(--atlas-line);padding-bottom:25px}
html[data-layout="atlas"] .section-heading h2{font-size:clamp(2.5rem,4vw,4rem)}
html[data-layout="atlas"] .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
html[data-layout="atlas"] .feature-card{min-height:0;padding:28px;display:grid;grid-template-columns:52px 1fr;gap:0 16px;border-width:0 0 1px}
html[data-layout="atlas"] .feature-icon{grid-row:1/3;background:none;border:0;margin:0}
html[data-layout="atlas"] .feature-card p{grid-column:2}
html[data-layout="atlas"] .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
html[data-layout="atlas"] .step-card>span{background:none;color:var(--atlas-accent);border:0;font-size:2rem;font-family:Georgia,serif;padding:0}
html[data-layout="atlas"] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:310px;gap:26px}
html[data-layout="atlas"] .gallery-card:nth-child(n){grid-column:auto;grid-row:auto;border:7px solid var(--atlas-panel);border-radius:0;box-shadow:0 4px 12px #202b3014}
html[data-layout="atlas"] .gallery-card:first-child{grid-column:span 2;grid-row:span 1}
html[data-layout="atlas"] :is(.btn,.step-card .copy-ip){border-radius:0;background:transparent!important;color:var(--atlas-ink)!important;border:1px solid var(--atlas-line);box-shadow:none}
html[data-layout="atlas"] .btn-primary{background:var(--atlas-accent)!important;color:var(--atlas-paper)!important}
html[data-layout="atlas"] .footer{background:var(--atlas-paper)!important;color:var(--atlas-ink);border-color:var(--atlas-line)}
html[data-layout="atlas"] .stats-live-badge{color:var(--atlas-accent);border-color:var(--atlas-line);background:none}
html[data-layout="atlas"] .theme-menu{font-family:system-ui,sans-serif;color:#f5f5fb}
html[data-layout="atlas"] .nav-menu{background:var(--atlas-paper)!important}
html[data-layout="atlas"] :is(h1,h2) span{background:none!important;background-clip:initial;-webkit-background-clip:initial;color:var(--atlas-accent)!important;-webkit-text-fill-color:var(--atlas-accent);text-shadow:none}
html[data-layout="atlas"] :is(.rule-pill,.server-status-text,.server-info-item,.server-info-item b,.server-info-item span,.server-info-grid,.inline-ip,.copy-ip,.language-current){color:var(--atlas-ink)!important}
html[data-layout="atlas"] :is(.stats-panel,.about-card,.server-panel,.rule-pill,.join-requirements>div){background:var(--atlas-panel)!important}
html[data-layout="atlas"] :is(.join-requirements dt,.deep-stat span,.discord-counts span){color:var(--atlas-muted)!important}
html[data-layout="atlas"] :is(.server-info-item strong,.server-info-item b,.server-info-item span,.server-status-pill,.server-status-pill span){color:var(--atlas-ink)!important}
html[data-layout="atlas"] .theme-menu select{background:var(--atlas-paper);color:var(--atlas-ink)}
html[data-layout="atlas"] :is(.section::before,.section::after,.why-card::before,.discord-card::before){display:none}
html[data-layout="atlas"] :is(.hero-wake-note strong,.join-wake-note strong,.why-list>div,.server-info-label,.deep-stat span,.discord-counts span,.copyright,.footer-actions a){color:var(--atlas-ink)!important}
html[data-layout="atlas"] .join-wake-note{background:var(--atlas-panel);border-color:var(--atlas-line);box-shadow:none;border-radius:0}
html[data-layout="atlas"] .nav-toggle{border-color:var(--atlas-line);background:var(--atlas-panel)}
html[data-layout="atlas"] .nav-toggle span{background:var(--atlas-ink)}
html[data-layout="atlas"] :is(.hero-actions a,.join-cta a){color:var(--atlas-ink)!important;border-color:var(--atlas-line)!important}

/* Terminal: a persistent navigation rail and dense, square control panels. */
html[data-layout="terminal"] body{font-family:ui-monospace,Consolas,monospace;background:var(--theme-bg,#080b13);padding-left:220px}
html[data-layout="terminal"] .navbar{position:fixed;inset:0 auto 0 0;width:220px;height:100dvh;padding:30px 18px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:35px;border-right:1px solid rgba(var(--cyan-rgb),.3);border-bottom:0;background:var(--theme-panel,#101521)!important;backdrop-filter:none}
html[data-layout="terminal"] .nav-brand{font-size:.85rem;gap:8px}
html[data-layout="terminal"] .nav-brand img{width:32px;height:32px}
html[data-layout="terminal"] .nav-menu{display:flex;flex-direction:column;align-items:stretch;gap:10px;background:none!important}
html[data-layout="terminal"] .nav-menu>a{border-radius:0;border-left:2px solid transparent;font-family:inherit}
html[data-layout="terminal"] .nav-menu>a.active{border-left-color:var(--cyan);background:rgba(var(--cyan-rgb),.12);color:var(--cyan)}
html[data-layout="terminal"] .language-picker{flex-wrap:wrap;align-items:stretch}
html[data-layout="terminal"] .theme-menu{left:0;right:auto;width:190px}
html[data-layout="terminal"] .container{width:calc(100% - 64px);max-width:1400px}
html[data-layout="terminal"] .hero{background:none!important;padding:42px 0}
html[data-layout="terminal"] :is(.site-bg,.floating-blocks,.hero::before,.hero-visual::before,.hero-visual::after,.hero-badge,.stats-panel::before){display:none}
html[data-layout="terminal"] .hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:0 28px;padding:30px;border:1px solid rgba(var(--cyan-rgb),.3);background:var(--theme-panel,#101521)}
html[data-layout="terminal"] .hero-content>h1{font-family:inherit;text-transform:uppercase;font-size:clamp(2rem,3.4vw,3.7rem);line-height:1.15;letter-spacing:-.05em}
html[data-layout="terminal"] .hero-content>.eyebrow{margin-top:0;font-size:.65rem}
html[data-layout="terminal"] .hero-visual{grid-row:1/5;max-width:210px;align-self:start}
html[data-layout="terminal"] .hero-logo{animation:none;border-radius:0;border:1px solid rgba(var(--cyan-rgb),.3);padding:8px;background:var(--theme-bg,#080b13)}
html[data-layout="terminal"] .hero-subtitle{font-size:.9rem;line-height:1.8}
html[data-layout="terminal"] .hero-actions{margin-bottom:20px}
html[data-layout="terminal"] .hero .server-panel{margin-top:15px;grid-template-columns:1fr}
html[data-layout="terminal"] .server-ip-row{min-height:70px;border-bottom:1px solid #ffffff15;border-right:0}
html[data-layout="terminal"] .section{padding:38px 0}
html[data-layout="terminal"] .section-heading{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:10px 30px;border-bottom:1px solid rgba(var(--cyan-rgb),.3);padding-bottom:22px;margin-bottom:24px}
html[data-layout="terminal"] .section-heading>.eyebrow{grid-column:1/-1}
html[data-layout="terminal"] :is(h2,h3){font-family:inherit;text-transform:uppercase;letter-spacing:-.04em}
html[data-layout="terminal"] .section-heading h2{font-size:clamp(1.6rem,2.5vw,2.5rem)}
html[data-layout="terminal"] .section-heading p{font-size:.85rem;margin:0}
html[data-layout="terminal"] :is(.glass-panel,.stats-panel,.feature-card,.step-card,.why-card,.discord-card,.rule-pill,.command-grid>div,.server-panel,.deep-stat,.discord-counts>div,.btn,.language-trigger,.theme-picker summary){border-radius:0;box-shadow:none}
html[data-layout="terminal"] .stats-layout{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:12px}
html[data-layout="terminal"] .stats-panel{padding:20px;border-top:3px solid var(--cyan)}
html[data-layout="terminal"] .feature-grid{grid-template-columns:1fr;gap:0}
html[data-layout="terminal"] .feature-card{min-height:0;padding:20px;display:grid;grid-template-columns:48px 220px 1fr;align-items:center;gap:20px;border-bottom:0}
html[data-layout="terminal"] .feature-card:last-child{border-bottom:1px solid #ffffff15}
html[data-layout="terminal"] .feature-card::after{display:none}
html[data-layout="terminal"] .feature-icon{margin:0}
html[data-layout="terminal"] .feature-card h3{margin:0;font-size:1rem}
html[data-layout="terminal"] .feature-card p{margin:0;font-size:.85rem}
html[data-layout="terminal"] .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-layout="terminal"] .step-card{min-height:0;padding:24px;border-left:3px solid var(--cyan)}
html[data-layout="terminal"] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:190px;gap:12px}
html[data-layout="terminal"] .gallery-card:nth-child(n){grid-column:auto;grid-row:auto;border-radius:0}
html[data-layout="terminal"] .command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #ffffff20}
html[data-layout="terminal"] .command-grid>div{padding:20px;border:0;display:grid;grid-template-columns:110px 1fr;gap:15px}
html[data-layout="terminal"] .command-grid dt{margin:0}
html[data-layout="terminal"] .command-grid dd{font-size:.85rem}
html[data-layout="terminal"] .footer{padding:30px}

@media(max-width:1100px){html[data-layout="terminal"] .stats-layout{grid-template-columns:1fr}html[data-layout="terminal"] .hero-layout{grid-template-columns:minmax(0,1fr) 140px}html[data-layout="terminal"] .feature-card{grid-template-columns:40px 1fr}html[data-layout="terminal"] .feature-card p{grid-column:2}html[data-layout="terminal"] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
  .theme-menu{right:auto;left:0}
  html[data-layout="atlas"] .navbar{padding:15px 18px}
  html[data-layout="atlas"] .nav-menu{background:var(--atlas-paper)!important}
  html[data-layout="atlas"] .hero-content>h1{font-size:3.5rem}
  html[data-layout="atlas"] .hero-visual{min-height:240px}
  html[data-layout="atlas"] .feature-grid{grid-template-columns:1fr}
  html[data-layout="atlas"] .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-layout="atlas"] .gallery-grid{grid-auto-rows:210px;gap:12px}
  html[data-layout="terminal"] body{padding-left:0}
  html[data-layout="terminal"] .navbar{position:sticky;inset:0 0 auto;width:100%;height:auto;flex-direction:row;padding:12px 18px;justify-content:space-between;align-items:center;gap:10px;border-right:0;border-bottom:1px solid rgba(var(--cyan-rgb),.3)}
  html[data-layout="terminal"] .nav-menu{display:none;background:var(--theme-panel,#101521)!important}
  html[data-layout="terminal"] .nav-menu.open{display:flex}
  html[data-layout="terminal"] .container{width:calc(100% - 28px)}
  html[data-layout="terminal"] .hero{padding:20px 0}
  html[data-layout="terminal"] .hero-layout{padding:20px;grid-template-columns:1fr;gap:0}
  html[data-layout="terminal"] .hero-visual{grid-row:1;max-width:140px;margin-bottom:24px}
  html[data-layout="terminal"] .hero-content>h1{font-size:2.3rem}
  html[data-layout="terminal"] .section-heading{grid-template-columns:1fr}
  html[data-layout="terminal"] .steps-grid{grid-template-columns:1fr}
  html[data-layout="terminal"] .command-grid{grid-template-columns:1fr}
  html[data-layout="terminal"] .gallery-grid{grid-auto-rows:150px}
}

/* Every About card needs the same comfortable inset, including the text-only card. */
.split-grid>.section-copy{padding:36px;min-width:0}
html[data-layout="terminal"] .split-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-layout="terminal"] .split-grid>.glass-panel{padding:28px;min-width:0}
html[data-layout="terminal"] .section-copy h2{font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.15;overflow-wrap:break-word}
@media(max-width:780px){.split-grid>.section-copy{padding:26px}html[data-layout="terminal"] .split-grid{grid-template-columns:1fr}html[data-layout="terminal"] .split-grid>.glass-panel{padding:24px}}

/* Expanded gallery viewer shared by every website style. */
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:18px}
html[data-layout] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:18px}
html[data-layout] .gallery-grid .gallery-card:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:16/9;min-height:0;padding:0;border:1px solid #ffffff20;border-radius:10px;box-shadow:none;background:#080b13}
html[data-layout="atlas"] .gallery-grid .gallery-card:nth-child(n),html[data-layout="terminal"] .gallery-grid .gallery-card:nth-child(n){border-radius:0}
html[data-layout] .gallery-card span{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:14px 16px;font:600 .875rem/1.4 system-ui,sans-serif;color:#fff;text-shadow:0 1px 4px #000}
.gallery-card::after{z-index:1;background:linear-gradient(0deg,#000c,transparent);display:block;pointer-events:none}
.gallery-card>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.gallery-card::before{display:none}
.gallery-card span small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 .75rem/1.45 system-ui,sans-serif;color:#e1e6ef;margin-top:5px;text-shadow:0 1px 4px #000}
.gallery-card:hover>img{transform:scale(1.035)}
.lightbox{padding:18px}
.lightbox .lightbox-panel{width:min(1600px,96vw);max-height:96dvh;padding:12px;border-radius:12px;background:var(--theme-bg,#0b1019);display:flex;flex-direction:column;overflow:hidden}
.lightbox .lightbox-preview{position:relative;width:100%;min-height:0;height:min(76dvh,calc(96vw * .5625));background:#05070b;border-radius:6px;display:grid;place-items:center;touch-action:pan-y pinch-zoom;overflow:hidden}
#lightboxImage{width:100%;height:100%;object-fit:contain;min-height:0;user-select:none}
.lightbox .lightbox-close{z-index:3;top:22px;right:22px;width:44px;height:44px;background:#080b13e8;color:#fff;border:1px solid #ffffff50;border-radius:50%;font-size:1.6rem}
.gallery-previous,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:60px;background:#080b13cf;color:#fff;border:1px solid #ffffff50;border-radius:8px;font-size:2.5rem;line-height:1;cursor:pointer}
.gallery-previous{left:12px}.gallery-next{right:12px}
.lightbox button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.lightbox-details{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 8px 6px;color:#edf2f5}
.lightbox-details #lightboxTitle{font:700 1.2rem/1.3 system-ui,sans-serif;margin:0;color:#edf2f5!important}
.lightbox-details #lightboxCaption{font:400 .875rem/1.5 system-ui,sans-serif;margin:5px 0 0;color:#bdc6d6!important}
#lightboxCaption:empty{display:none}
#galleryCounter{font:600 .875rem system-ui,sans-serif;white-space:nowrap;color:#bdc6d6}
@media(max-width:780px){.lightbox{padding:6px}.lightbox .lightbox-panel{width:100%;max-height:98dvh;padding:6px}.lightbox .lightbox-preview{height:72dvh}.gallery-previous,.gallery-next{width:40px;height:50px}.gallery-previous{left:6px}.gallery-next{right:6px}.lightbox .lightbox-close{top:14px;right:14px}.lightbox-details{padding:14px 8px}.lightbox-details #lightboxTitle{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.gallery-card>img{transition:none}}
/* Three landmark shots anchor a deliberate mosaic; supporting views share one size. */
html[data-layout] .gallery-grid{grid-auto-flow:dense;grid-auto-rows:190px}
html[data-layout] .gallery-grid .gallery-card:nth-child(n){aspect-ratio:auto;height:100%}
html[data-layout] .gallery-grid .gallery-card:is(:nth-child(1),:nth-child(11),:nth-child(14)){grid-column:span 2;grid-row:span 2;border-color:rgba(var(--cyan-rgb),.45)}
html[data-layout] .gallery-card:is(:nth-child(1),:nth-child(11),:nth-child(14)) span{padding:22px;font-size:1.15rem}
@media(max-width:1000px){html[data-layout] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:160px;gap:12px}}
@media(max-width:540px){html[data-layout] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:115px;gap:10px}html[data-layout] .gallery-card span{padding:10px;font-size:.75rem}html[data-layout] .gallery-card:is(:nth-child(1),:nth-child(11),:nth-child(14)) span{padding:14px;font-size:1rem}}

/* Status colors describe server state, independently of the chosen palette. */
.hero .server-panel .live-banner-art{position:relative;isolation:isolate;grid-column:1/-1;width:100%;overflow:hidden;border-bottom:1px solid #ffffff20;background:#050c1c}
.hero .server-panel .live-banner-art img{display:block;width:100%;height:auto;aspect-ratio:2020/780;object-fit:contain}
.live-banner-art .banner-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,#52dfff14 38%,#b478ff18 50%,transparent 65%);background-size:250% 100%;animation:banner-light-pass 3s linear infinite;mix-blend-mode:screen}
.live-banner-art .banner-sparks{position:absolute;inset:6% 0;pointer-events:none;background-image:radial-gradient(circle,#a9f4ff 0 1px,transparent 2px),radial-gradient(circle,#ca9bff 0 1px,transparent 2px);background-size:137px 100%,191px 100%;background-position:0 5%,70px 95%;background-repeat:repeat-x;opacity:.65;animation:banner-spark-drift 3s linear infinite}
@keyframes banner-light-pass{from{background-position:100% 0}to{background-position:0 0}}
@keyframes banner-spark-drift{from{background-position:0 5%,70px 95%}to{background-position:137px 5%,261px 95%}}
@media(prefers-reduced-motion:reduce){.live-banner-art :is(.banner-light,.banner-sparks){display:none}}
.stats-live-badge[data-state="online"],.status-online{--state-color:#42e59b}
.stats-live-badge[data-state="offline"],.status-offline{--state-color:#ff7b86}
.stats-live-badge[data-state="starting"],.status-starting{--state-color:#7ec8ff}
.stats-live-badge[data-state="sleeping"],.status-sleeping{--state-color:#f0c46a}
.stats-live-badge[data-state="stale"],.status-stale{--state-color:#f0c46a}
.stats-live-badge[data-state="unavailable"],.stats-live-badge[data-state="checking"],.status-unavailable,.status-checking{--state-color:#adb8cc}
html .stats-live-badge[data-state] i,html [id="serverStatusPill"] i{background:var(--state-color,#adb8cc)!important;box-shadow:none!important;animation:none!important}
html .stats-live-badge[data-state]{border-color:color-mix(in srgb,var(--state-color) 45%,transparent)!important;background:color-mix(in srgb,var(--state-color) 8%,transparent)!important;color:var(--state-color)!important}

/* Keep translated copy readable and aligned as the available space changes. */
html[data-layout] :is(.split-grid,.stats-layout,.feature-grid,.steps-grid,.command-grid,.server-info-grid)>*{min-width:0}
html[data-layout] :is(.section-copy,.section-heading,.why-copy,.about-card,.discord-card) :is(h2,h3,p){overflow-wrap:break-word}
html[data-layout] .command-grid dd{margin-inline-start:0}
@media(max-width:780px){
  html[data-layout] :is(.section-copy,.about-card,.stats-panel,.why-card,.discord-card,.step-card){padding:24px}
  html[data-layout] :is(.section-heading,.section-copy,.about-card,.why-copy,.discord-card,.step-card,.command-grid>div){text-align:left}
  html[data-layout] :is(.section-heading,.section-copy,.why-copy,.discord-card) h2{font-size:clamp(1.8rem,6.5vw,2.5rem);line-height:1.15}
  html[data-layout] .hero-wake-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:20px}
  html[data-layout] .hero-wake-note p{margin:0;min-width:0;text-align:left}
  html[data-layout] .hero-wake-note .wake-actions{grid-column:2;margin:0;justify-self:start}
  html[data-layout] .join-wake-note{text-align:left}
  html[data-layout] .footer-brand{align-items:flex-start;text-align:left}
}
@media(max-width:600px){
  html[data-layout] :is(.steps-grid,.command-grid){grid-template-columns:minmax(0,1fr)}
  html[data-layout] :is(.section-copy,.about-card,.stats-panel,.why-card,.discord-card,.step-card){padding:20px}
  html[data-layout="terminal"] .command-grid>div{grid-template-columns:minmax(0,1fr);gap:8px}
  html[data-layout="atlas"] .feature-card{padding:20px;grid-template-columns:36px minmax(0,1fr);gap:12px}
  html[data-layout="terminal"] .feature-card{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:20px}
  html[data-layout] .hero-content>h1{font-size:clamp(2rem,9vw,3.5rem);overflow-wrap:break-word}
  html[data-layout] .eyebrow{letter-spacing:.14em;overflow-wrap:break-word}
  html[data-layout] .inline-copy{white-space:normal;overflow-wrap:anywhere}
}
/* Starter guide and gallery controls: inherit the active layout and palette. */
.gallery-card[hidden]{display:none!important}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 8px}.gallery-filters button{font:inherit;padding:10px 18px;border:1px solid var(--border, #ffffff26);border-radius:10px;background:var(--theme-panel,var(--panel));color:inherit;cursor:pointer}.gallery-filters button[aria-pressed=true]{border-color:var(--cyan);box-shadow:inset 0 -3px var(--cyan)}.gallery-filter-count{font-size:13px;color:var(--muted,#aeb6ca);margin-bottom:24px}.player-guide h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:20px}.player-guide p{line-height:1.7;color:var(--muted,#b2bdce)}.first-minutes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.first-minutes-grid article{padding:24px;border:1px solid var(--border,#ffffff22);background:var(--theme-panel,var(--panel));border-radius:16px}.first-minutes-grid article>span{color:var(--cyan);font-weight:800}.first-minutes-grid h3{margin:16px 0 10px}.player-guide details{border-bottom:1px solid var(--border,#ffffff25);padding:20px 0}.player-guide summary{font-weight:700;cursor:pointer;line-height:1.5}.player-guide details p{max-width:850px;margin-top:14px}.vote-note{font-size:13px;margin-top:18px}.feature-card{transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-3px)}.command-grid code{white-space:normal;overflow-wrap:anywhere}.player-guide a:focus-visible,.gallery-filters button:focus-visible,.player-guide summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(max-width:1000px){.first-minutes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.first-minutes-grid{grid-template-columns:1fr}.first-minutes-grid article{padding:20px}.gallery-filters button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.feature-card{transition:none}.feature-card:hover{transform:none}}

.player-guide{scroll-margin-top:100px}.player-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.player-shortcuts a{color:var(--cyan);border-bottom:1px solid var(--border);padding:8px 0;margin-right:12px}.player-shortcuts a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.vote-page-content{padding-top:150px;min-height:100vh}.vote-page-content h1{font-size:clamp(2.4rem,6vw,4rem);margin:20px 0}.vote-page-content>.container{max-width:1000px}.vote-directory{margin:36px 0;padding:32px;border:1px solid var(--border);background:var(--theme-panel,var(--panel));border-radius:18px}.vote-directory>span{color:var(--cyan);font-size:.8rem;font-weight:700}.vote-directory h2{margin-top:16px}.vote-explainer{margin-bottom:32px}.vote-explainer li{padding:8px 0;line-height:1.6}.vote-page-content a{overflow-wrap:anywhere}@media(max-width:540px){.vote-directory{padding:22px}.vote-page-content{padding-top:110px}}
/* Compact command deck: one responsive navigation model in every theme. */
.nav-shade{display:none}
@media(max-width:1100px){
 html[data-layout] body{padding-left:0}
 html[data-layout] .navbar{position:sticky;inset:0 auto auto 0;width:100%;height:72px;min-height:72px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 20px;gap:12px;transform:none;border-radius:0;z-index:100;backdrop-filter:none}
 html[data-layout] .nav-brand{margin:0;flex-shrink:0}
 html[data-layout] .nav-toggle{display:block;position:relative;width:48px;height:48px;flex-shrink:0;border:1px solid rgba(var(--cyan-rgb),.4);border-radius:14px;background:var(--theme-panel,var(--panel));padding:0;cursor:pointer;touch-action:manipulation}
 html[data-layout] .nav-toggle span{position:absolute;height:2px;left:12px;width:22px;margin:0;background:var(--cyan);border-radius:2px;transition:transform 180ms ease,opacity 120ms ease;transform:none}
 html[data-layout] .nav-toggle span:nth-child(1){top:16px;width:16px}
 html[data-layout] .nav-toggle span:nth-child(2){top:23px}
 html[data-layout] .nav-toggle span:nth-child(3){top:30px;width:16px;left:18px}
 html[data-layout] .nav-toggle.open span:nth-child(1){width:22px;transform:translateY(7px) rotate(45deg)}
 html[data-layout] .nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(.3)}
 html[data-layout] .nav-toggle.open span:nth-child(3){left:12px;width:22px;transform:translateY(-7px) rotate(-45deg)}
 html[data-layout] .navbar .nav-menu{position:absolute;inset:calc(100% + 8px) 12px auto auto;width:min(460px,calc(100vw - 24px));box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:14px;border:1px solid rgba(var(--cyan-rgb),.35);border-top:3px solid var(--cyan);border-radius:20px;background:var(--theme-bg,#0d1423)!important;box-shadow:0 18px 45px #0006;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;backdrop-filter:none;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:transform 180ms ease,opacity 150ms ease,visibility 180ms}
 html[data-layout="atlas"] .navbar .nav-menu{background:var(--atlas-paper)!important}
 html[data-layout] .navbar .nav-menu.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
 html[data-layout] .navbar .nav-menu>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 16px;box-sizing:border-box;font-size:1rem;border-radius:10px;border-left:0;line-height:1.4}
 html[data-layout] .navbar .nav-menu>a::after{content:'↗';color:var(--cyan);font-size:1.1rem}
 html[data-layout] .navbar .nav-menu>a:hover{background:rgba(var(--cyan-rgb),.1)}
 html[data-layout] .language-picker{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:12px 6px 4px;border-top:1px solid var(--border);position:relative}
 html[data-layout] .theme-picker{position:static;flex:1;min-width:140px}
 html[data-layout] .theme-menu{position:static;width:auto;margin-top:10px;box-shadow:none;padding:12px}
 html[data-layout] .language-menu{position:absolute;inset:auto 0 100% auto;max-width:100%}
 .nav-shade{display:block;position:fixed;inset:72px 0 0;background:#020611a8;z-index:99;opacity:0;visibility:hidden;transition:opacity 150ms ease,visibility 150ms;touch-action:none}
 body.nav-open .nav-shade{opacity:1;visibility:visible}
 body.nav-open{overflow:hidden}
 html[data-layout] .nav-toggle:focus-visible,html[data-layout] .nav-menu :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){html[data-layout] .navbar .nav-menu,html[data-layout] .nav-toggle span,.nav-shade{transition:none}}
/* Stable layout and inexpensive motion. */
html{scrollbar-gutter:stable}
html[data-layout] :is(.first-minutes-grid,.command-grid,.feature-grid,.steps-grid)>*{min-width:0}
html[data-layout] :is(.player-guide,.vote-page-content) :is(h1,h2,h3,p,li){overflow-wrap:break-word}
.status-note{min-height:1.7em}.deep-stat strong,.discord-counts strong{font-variant-numeric:tabular-nums}
.live-banner-art .banner-light{inset:0 auto 0 -100%;width:300%;background-size:100% 100%;animation:banner-composite-light 3s linear infinite}
.live-banner-art .banner-sparks{left:-191px;right:-191px;animation:banner-composite-sparks 3s linear infinite}
@keyframes banner-composite-light{0%{transform:translateX(-20%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(20%);opacity:0}}
@keyframes banner-composite-sparks{from{transform:translateX(0)}to{transform:translateX(191px)}}
.hero-logo,.live-banner-art .banner-light,.live-banner-art .banner-sparks{animation-play-state:var(--motion-state,running)}
body.page-backgrounded,body.nav-open,body.lightbox-open{--motion-state:paused}
.nav-map-heading{display:none}
@media(max-width:1100px){
 html[data-layout] .navbar .nav-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;counter-reset:route;left:auto;right:12px;transform:translateY(-10px);transform-origin:top center;border-radius:24px 24px 16px 16px;padding:18px;transition:transform 170ms cubic-bezier(.2,.8,.2,1),opacity 140ms ease,visibility 170ms}
 html[data-layout] .navbar .nav-menu.open{transform:translateY(0)}
 html[data-layout] .nav-map-heading{display:flex;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin:0 0 4px;font-size:.8rem;letter-spacing:.04em;font-weight:700;color:var(--text)}
 .nav-map-heading::after{content:'◇';font-size:1.8rem;color:var(--cyan);line-height:1}
 html[data-layout] .navbar .nav-menu>a{counter-increment:route;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-height:76px;padding:12px 15px;border:1px solid rgba(var(--cyan-rgb),.16);background:rgba(var(--cyan-rgb),.045);border-radius:14px;overflow-wrap:anywhere;font-size:.95rem}
 html[data-layout] .navbar .nav-menu>a::before{content:counter(route,decimal-leading-zero);font:600 .65rem/1 ui-monospace,monospace;letter-spacing:.1em;color:var(--cyan)}
 html[data-layout] .navbar .nav-menu>a::after{content:'↗';position:absolute;right:12px;top:10px;font-size:.9rem;opacity:.7}
 html[data-layout] .navbar .nav-menu>a.nav-discord{grid-column:1/-1;min-height:62px;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}
 html[data-layout] .language-picker{grid-column:1/-1;padding:10px 0 0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 html[data-layout] .theme-picker{min-width:0}
 html[data-layout] .theme-picker summary{min-height:48px;box-sizing:border-box}
 html[data-layout] .language-trigger{min-height:48px}
 html[data-layout] .theme-menu select{width:100%;min-width:0}
 html[data-layout] .nav-toggle{background:linear-gradient(135deg,rgba(var(--cyan-rgb),.1),rgba(var(--purple-rgb),.1))}
 html[data-layout] .hero-logo{animation:none;will-change:auto}
}
@media(max-width:540px){html[data-layout] .navbar .nav-menu{left:10px;right:10px;width:auto;padding:14px;gap:8px}html[data-layout] .navbar .nav-menu>a{min-height:70px;padding:10px 12px}html[data-layout] .navbar{padding-inline:16px}}
@media(hover:none){html[data-layout] .feature-card:hover{transform:none}html[data-layout] .gallery-card:hover>img{transform:none}}
@media(prefers-reduced-motion:reduce){html[data-layout] .navbar .nav-menu{transition:none}.live-banner-art :is(.banner-light,.banner-sparks){display:none}}
body:is(.page-backgrounded,.nav-open,.lightbox-open) :is(.hero-logo,.banner-light,.banner-sparks){animation-play-state:paused!important}
@media(max-width:1100px){html[data-layout] .navbar{background:var(--theme-bg,#080b13)!important}html[data-layout="atlas"] .navbar{background:var(--atlas-paper)!important}}