.end-scene,.end-particles{display:none}
:root[data-appearance=dark] .end-scene{display:block;position:absolute;inset:0;z-index:-1;background:#100b19 url('./end-scene.svg') right center/auto 100% no-repeat;pointer-events:none;image-rendering:pixelated}
:root[data-appearance=dark] .hero .landscape{visibility:hidden}
:root[data-appearance=dark] .hero:after{z-index:0;background:linear-gradient(90deg,#100b19f5 0%,#100b19e8 29%,#100b1966 50%,transparent 70%)}
:root[data-appearance=dark] .hero-copy{position:relative;z-index:1}
:root[data-appearance=dark] .hero{border-color:#665175;outline-color:#aea87a;box-shadow:0 5px #090610,inset 0 -3px #d1cc96}
:root[data-appearance=dark] #page-snow{display:none}
:root[data-appearance=dark] .end-particles{display:block;position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.end-particles i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:#cf7bf4;box-shadow:4px -3px #944cba77;opacity:0;animation:end-drift var(--duration) steps(20,end) var(--delay) infinite}
@keyframes end-drift{0%,100%{opacity:0;transform:translate(0,10px)}25%{opacity:.45}70%{opacity:.3}95%{transform:translate(24px,-70px);opacity:0}}
:root[data-appearance=dark] .server-section{border-top:5px solid #b4b17d;box-shadow:inset 2px 2px #73603e,inset -2px -2px #110b1b,0 4px #08060e}
:root[data-appearance=dark] .section-heading{background-color:#21182f;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 38px,#a46bd00c 38px,#a46bd00c 42px)}
:root[data-appearance=dark] .section-marker{color:#ddd9aa}
@media(max-width:700px){:root[data-appearance=dark] .end-scene{background-position:65% bottom;background-size:auto 75%}:root[data-appearance=dark] .hero:after{background:linear-gradient(180deg,#100b19f5,#100b19b3 48%,#100b1922)}.end-particles i:nth-child(2n){display:none}}
@media(prefers-reduced-motion:reduce){.end-particles{display:none!important}}

:root[data-appearance=dark] .voxel-section{background:#21182f;border-color:#8b6a9d}
:root[data-appearance=dark] .voxel-heading{background:#241831;border-color:#786087;color:#eee7cf}
:root[data-appearance=dark] .voxel-heading :is(p,.eyebrow){color:#d5bfdf}
:root[data-appearance=dark] .voxel-hotbar{background:#21152f;border-color:#8b6a9d}
:root[data-appearance=dark] .voxel-slot{background:#443252;border-color:#776084;box-shadow:inset 2px 2px #9979ac,inset -2px -2px #21152f}
:root[data-appearance=dark] .voxel-slot[aria-pressed=true]{background:#624375;border-color:#ead7ee;outline-color:#d6b0e8}
:root[data-appearance=dark] .voxel-modes button[aria-pressed=true]{background:#66427d;color:#fff;border-color:#d4afeb;box-shadow:inset 2px 2px #9979ac}