/* Compact centered header; preserve the site's existing navigation destinations. */
:root{color-scheme:light}
.site-header{background:linear-gradient(110deg,#302b32 0%,#211e24 46%,#151418 100%);height:76px;box-shadow:inset 0 1px 0 #ffffff0d,0 2px 8px #00000018}
.site-header .nav-wrap{max-width:1320px;height:76px;margin:auto;padding:0 24px;gap:32px}
.site-header .brand{flex:0 0 154px;width:154px;height:auto;margin:0}
.site-header .brand-logo{width:154px;height:auto;max-height:56px}
#primary-nav{justify-content:space-between;gap:16px}
#primary-nav>a,#primary-nav>details>summary{font-size:14px;padding:25px 0;color:#eee8f3}
.nav-dropdown>summary{gap:5px}
.nav-actions{gap:10px;margin:0}
.site-header .nav-start{background:transparent;border:0;border-radius:0;color:#dc9bba!important;width:36px;height:40px;padding:7px;display:inline-flex;align-items:center;justify-content:center}
.nav-start svg{width:22px;height:22px}
.discord-link{color:#8a83ff;width:36px;height:40px}
.discord-link svg{width:24px;height:24px}
.search-open{width:30px;height:40px;padding:4px}
.theme-toggle{display:inline-flex;position:relative;align-items:center;justify-content:space-between;gap:7px;border:1px solid #625866;border-radius:24px;background:#211d25;color:#d5c9e1;padding:5px;width:66px;height:36px;flex-shrink:0;cursor:pointer}
.theme-toggle:before{content:'';position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:50%;background:#514756;transition:transform .18s}
.theme-toggle svg{width:20px;height:20px;position:relative;z-index:1;flex-shrink:0}
.theme-sun{color:#ffc568}
[data-theme=dark] .theme-toggle:before{transform:translateX(30px)}
.theme-toggle:hover{border-color:#e0badd}
@media(min-width:1101px) and (max-width:1350px){.site-header .nav-wrap{padding:0 16px;gap:18px}.site-header .brand{flex-basis:130px;width:130px}.site-header .brand-logo{width:130px}#primary-nav{gap:12px}#primary-nav>a,#primary-nav>details>summary{font-size:13px}.nav-actions{gap:5px}.search-open{width:26px}}
@media(max-width:1100px){.site-header .nav-wrap{padding:0 22px;gap:12px}.nav-actions{margin-left:auto}.site-header,.site-header .nav-wrap{height:72px}.site-header .brand{flex-basis:150px;width:150px}#primary-nav{top:72px;max-height:calc(100dvh - 72px);gap:0}#primary-nav>a,#primary-nav>details>summary{font-size:18px;padding:14px 0}.mobile-toggle{margin:0}.theme-toggle{min-height:40px}.theme-toggle:before{top:5px}}
@media(max-width:650px){.site-header .nav-wrap{padding:0 10px;gap:6px}.site-header .brand{flex-basis:108px;width:108px}.site-header .brand-logo{width:108px}.nav-actions{gap:2px}.site-header .nav-start,.discord-link{width:34px}.theme-toggle{width:64px}.mobile-toggle{width:34px;flex-shrink:0}}
/* Dark reading surfaces use a separate palette, leaving game imagery untouched. */
[data-theme=dark]{color-scheme:dark;--ink:#ebe4f1;--muted:#c0b3cd;--purple:#c0a5f1;--deep:#17131d;--paper:#18151d;--line:#49404f}
[data-theme=dark] body{background:#18151d;color:#ebe4f1}
[data-theme=dark] :is(.feature-card,.article-section,.article-sidebar,.news-list,.related a,.faq-list details,.search-dialog){background:#25202c;border-color:#49404f;color:#ebe4f1;box-shadow:none}
[data-theme=dark] :is(.section-heading h2,.first-steps h2,.article-section h2,.feature-copy h3,.job-card h3,.search-heading h2){color:#d6bdf9}
[data-theme=dark] :is(.article-section>p,.article-steps li,.feature-copy p,.job-card p,.faq-list details>p,.section-heading p,.game-media figcaption,#search-results p,.first-steps p){color:#d6cadd}
[data-theme=dark] :is(.eyebrow,.breadcrumbs,.news-row time,.related small,.game-media figcaption span,.search-hint,.search-count){color:#bfb0cd}
[data-theme=dark] :is(.note,.facts>div,.job-card,.game-media,.cube-directory a,.article-sidebar nav a,.search-input){background:#302838;border-color:#51445e;color:#e5daed}
[data-theme=dark] :is(.feature-art,.feature-auction .feature-art,.feature-happyday .feature-art,.feature-potential .feature-art){background:#352d41}
[data-theme=dark] :is(.cube-directory strong,.cube-directory b,.facts strong,.article-sidebar nav a,.text-link,.read-more){color:#d4b9f6}
[data-theme=dark] :is(.cube-directory a:hover,.article-sidebar nav a.active,.article-sidebar nav a:hover){background:#443650;color:#ffe1a9}
[data-theme=dark] thead th{background:#3a2f46;color:#e5cffd}
[data-theme=dark] tbody tr:nth-child(even){background:#2e2637}
[data-theme=dark] :is(td,th,.news-row,.faq-list details,.search-heading){border-color:#51445e}
[data-theme=dark] :is(.news-tabs button,.job-filters button){background:#302838;border-color:#62506e;color:#e0d2eb}
[data-theme=dark] :is(.news-tabs button[aria-pressed=true],.job-filters button[aria-pressed=true]){background:#6d4b91;color:#fff}
[data-theme=dark] :is(#search-results a:hover,.news-row:hover){background:#382e43}
[data-theme=dark] :is(.dropdown-panel,.mega-panel,.menu-group>div,.mega[data-hover=true] .mega-panel .menu-group>div){background:#2b2334;border-color:#51445e;color:#e8dcf2}
[data-theme=dark] :is(.dropdown-panel a,.mega-panel a,.menu-group>strong){color:#e8dcf2}
[data-theme=dark] :is(.dropdown-panel a:hover,.mega-panel a:hover){background:#443650;color:#ffe1a9}
[data-theme=dark] :is(input,.search-close){color:#eee4f7}
[data-theme=dark] input::placeholder{color:#baacc8}
[data-theme=dark] .search-close{background:#46384f;color:#fff}
[data-theme=dark] .search-dialog label{color:#c8b6da}
[data-theme=dark] .article-end{border-color:#51445e;color:#c6b3db}
[data-theme=dark] td{color:#ded1e8}
[data-theme=dark] tbody th{color:#e3d2f0}
[data-theme=dark] .note p{color:#f0d3a1}
[data-theme=dark] .note>span{color:#f0d3a1;border-color:#d9b77d}
[data-theme=dark] :is(.facts small,.news-footnote,#search-results small){color:#c8b6da}
[data-theme=dark] .faq-list details[open] summary{color:#d8bbf8}
[data-theme=dark] .article-steps li{border-color:#51445e}
[data-theme=dark] ::selection{background:#654a80;color:#fff}
@media(prefers-reduced-motion:reduce){.theme-toggle:before{transition:none}}

/* Complete artwork with its download action centered over the image. */
.hero.hero-halloween{display:block;height:auto;min-height:0;max-height:none;padding:0;border:0;overflow:visible}
.hero-halloween .hero-image{position:relative;inset:auto;display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;object-position:center;transform:none}
.hero-halloween .hero-content{position:absolute;inset:0;z-index:1;display:flex;width:100%;height:100%;max-width:none;margin:0;padding:0;align-items:center;justify-content:center;pointer-events:none}
.hero-halloween .hero-buttons{margin:0;display:block}
.hero-halloween .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-halloween .download-emblem{display:block;width:clamp(150px,24vw,400px);min-height:0;padding:0;border:0;background:none;clip-path:none;filter:drop-shadow(0 7px 8px #00152566);pointer-events:auto;transition:filter .18s,transform .18s}
.hero-halloween .download-emblem img{display:block;width:100%;height:auto}
.hero-halloween .download-emblem:hover{transform:translateY(-3px);filter:brightness(1.12) drop-shadow(0 10px 10px #00152588)}
.hero-halloween .download-emblem:active{transform:translateY(2px);filter:brightness(.94)}
.hero-halloween .download-emblem:focus-visible{outline:3px solid white;outline-offset:5px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.hero-halloween .download-emblem{transition:none}.hero-halloween .download-emblem:hover,.hero-halloween .download-emblem:active{transform:none}}

/* Composition is anchored to the pumpkin nose at x=46.7% of the source. */
.hero.hero-halloween{aspect-ratio:1.86;overflow:hidden}
.hero-halloween .hero-image{position:absolute;inset:-4.4vw auto auto -.2025%;width:107.5%;max-width:none;height:auto;aspect-ratio:16/9;object-fit:contain}
.hero-halloween .hero-content{height:auto;inset:40.5% 0 auto;transform:translateY(-50%)}
.hero-halloween .download-emblem{position:relative;isolation:isolate;width:clamp(145px,22vw,400px)}
.hero-halloween .download-emblem img{filter:hue-rotate(58deg) saturate(.74)}
.hero-halloween .download-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.download-light path{fill:none;stroke:url(#download-spectrum);stroke-width:15;stroke-linecap:round;stroke-dasharray:300 150 80 1000;animation:download-orbit 5s linear infinite;filter:drop-shadow(0 0 6px #c899f5)}
.hero-halloween .download-emblem:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffd09388 44%,#d7b7ff99 50%,#8de9ee88 56%,transparent 65%);background-size:300% 100%;mask:url('./assets/download-button-3d.png') center/contain no-repeat;mix-blend-mode:screen;animation:download-sheen 4s linear infinite}
@keyframes download-orbit{to{stroke-dashoffset:-1530}}
@keyframes download-sheen{from{background-position:150% 0}to{background-position:-150% 0}}
@media(prefers-reduced-motion:reduce){.download-light path,.hero-halloween .download-emblem:after{animation:none}.hero-halloween .download-emblem:after{opacity:0}}