/* Aavikko · Quiet orbit / 2026-10-01
   Replace the previous motion.css, do not append it to the old animation layer.
   The station bitmap NEVER moves. Only independent decorative layers move.
*/
:root {
 --ease-out:cubic-bezier(.22,1,.36,1); --ease-soft:cubic-bezier(.45,0,.55,1);
 --sky-cycle:32s; --light-cycle:24s; --effect-strength:.65;
 --reveal-duration:740ms; --reveal-distance:18px;
}
/* Stable geometry, including when a native dialog removes the scrollbar. */
html { scrollbar-gutter:stable; }
body { overflow-x:clip; }
.hero-image-wrap,.hero-image { animation:none!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;transition:none!important;will-change:auto!important; }
.site-header { background:linear-gradient(180deg,#09101bc4,#09101b00); }
.site-header.is-scrolled { background:color-mix(in srgb,var(--color-background) 97%,transparent);backdrop-filter:none;box-shadow:0 8px 32px #0002; }
.brand-mark { position:relative; }
.brand-mark::after { content:"";position:absolute;bottom:-7px;width:18px;height:1px;background:var(--color-primary);opacity:.5; }
.community-nav>a:not(.nav-connect),.footer-links>a { position:relative; }
.community-nav>a:not(.nav-connect)::after,.footer-links>a::after { content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--color-primary);transform:scaleX(0);transform-origin:left; }
.community-nav>a:hover::after,.community-nav>a:focus-visible::after,.footer-links>a:hover::after,.footer-links>a:focus-visible::after { transform:scaleX(1); }
.community-nav .nav-connect { background:color-mix(in srgb,var(--color-background) 62%,transparent);font-size:12px;min-height:42px; }
.hero { min-height:clamp(730px,54vw,830px);border-bottom:0; }
.hero-inner { padding-block:157px 145px; }
.hero-art::after { background:linear-gradient(90deg,#09101af0 0%,#09101ab8 27%,#09101a59 49%,#09101a00 72%),linear-gradient(0deg,var(--color-background),#0b101833 27%,transparent 50%),linear-gradient(180deg,#090f1980,transparent 24%); }
.hero-copy { max-width:675px; }
.hero-eyebrow { letter-spacing:.22em;font-size:10px;color:var(--color-secondary); }
.hero-eyebrow .eyebrow-line { width:34px;background:var(--color-primary); }
.hero-title { font-size:clamp(64px,6.35vw,96px);letter-spacing:-.055em;line-height:1.035;margin-bottom:25px; }
.hero-title span+span { color:var(--color-primary);background:linear-gradient(115deg,#eeecff 0%,var(--color-primary) 55%,#a49bcf 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.hero-description { font-size:17px;line-height:1.85;max-width:490px;color:var(--color-secondary); }
.hero .hero-actions { margin-top:30px;gap:12px; }
.hero .hero-actions .button { min-height:56px;padding-inline:25px; }
.button { position:relative;isolation:isolate; }
.button-primary { background:linear-gradient(130deg,color-mix(in srgb,var(--color-primary) 86%,white),var(--color-primary));box-shadow:inset 0 1px 0 #fff8,0 8px 26px #b5aff713; }
.button-primary:hover { box-shadow:inset 0 1px 0 #fff9,0 10px 28px #b5aff724; }
.button-quiet { background:color-mix(in srgb,var(--color-background) 70%,transparent);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border)); }
.button:active { transform:translateY(1px); }
.hero-actions .button-primary { overflow:hidden; }
.hero-actions .button-primary::after { content:"";position:absolute;inset:0;width:46%;left:-60%;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent,#ffffff70,transparent);transform:translateX(0) skewX(-15deg); }
.hero-downloads { font-size:12px;margin-top:18px; }
.hero-note { color:var(--color-muted);font-size:9px;letter-spacing:.16em; }
.hero-note>span:first-child { width:23px;height:1px;background:var(--color-primary); }
.hero-art-caption { bottom:104px;font-size:9px;opacity:.8; }
.scroll-cue { display:none; }
/* A functional index, not simulated server telemetry. */
.orbit-rail { position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid color-mix(in srgb,var(--color-primary) 17%,var(--color-border));padding-top:20px;z-index:3; }
.orbit-rail nav { display:flex;align-items:center;gap:32px;flex-wrap:wrap; }
.orbit-rail-link { display:inline-flex;gap:11px;align-items:center;padding:8px 0;font-size:12px;color:var(--color-secondary); }
.orbit-rail-link span:first-child { font:9px/1 var(--mono);color:var(--color-primary);opacity:.65; }
.orbit-rail-link:hover { color:var(--color-primary); }
.scene-toggle { display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:9px 12px;background:#0b10188a;color:var(--color-muted);font-size:11px;border:1px solid var(--color-border);border-radius:6px;flex:none; }
.scene-toggle:hover { color:var(--color-text);border-color:var(--color-primary); }
.scene-toggle-symbol { width:12px;height:12px;display:flex;gap:3px;align-items:center;justify-content:center; }
.scene-toggle-symbol::before,.scene-toggle-symbol::after { content:"";width:2px;height:9px;background:currentColor; }
.scene-toggle[aria-pressed="true"] .scene-toggle-symbol::before { width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;background:none; }
.scene-toggle[aria-pressed="true"] .scene-toggle-symbol::after { display:none; }
/* Independent, pre-painted sky layers. Canvas pixels are drawn ONLY on resize. */
.scene-decor { position:absolute;inset:0;overflow:hidden;pointer-events:none;contain:paint;opacity:var(--effect-strength); }
.scene-stars { position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);pointer-events:none; }
.scene-light { position:absolute;right:-9%;top:6%;width:55%;height:62%;background:radial-gradient(ellipse at 65% 42%,#aca1f626,#6c8bcb0c 38%,transparent 67%);opacity:.45;transform-origin:65% 42%; }
.scene-light-secondary { right:22%;top:19%;width:36%;height:45%;background:radial-gradient(ellipse,#718bb824,transparent 65%);opacity:.2; }
.scene-meteor-track { position:absolute;left:45%;top:21%;width:42%;height:1px;transform:rotate(-23deg); }
.scene-meteor-track.is-far { left:60%;top:14%;width:25%;transform:rotate(-28deg); }
.scene-meteor { display:block;width:94px;height:1px;background:linear-gradient(90deg,transparent,#e0dbff80);opacity:0; }
.scene-meteor::after { content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;background:#e3e8ff;border-radius:50%; }
/* The community row is the visual bridge between space and the page. */
.resources-section { position:relative;padding-block:24px 37px;background:linear-gradient(180deg,var(--color-background),color-mix(in srgb,var(--color-surface) 42%,var(--color-background))); }
.resources-list { gap:16px; }
.resource-item,.download-card { --card-accent:var(--color-primary);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface) 94%,var(--card-accent)),color-mix(in srgb,var(--color-surface) 44%,var(--color-background)));border-color:color-mix(in srgb,var(--card-accent) 15%,var(--color-border)); }
.resource-item { padding:26px;min-height:130px;gap:21px; }
.resource-item[data-link="boosty"] { --card-accent:#e6b493; }
.resource-item[data-link="wiki"] { --card-accent:#a7c1d8; }
.resource-item::before { content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--card-accent);opacity:.65; }
.resource-item::after,.download-card::after { content:"";position:absolute;left:26px;top:0;width:58px;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:.6; }
.resource-icon { width:48px;height:48px;flex:none;display:grid;place-items:center;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 17%,transparent);border-radius:12px; }
.resource-icon .icon { width:28px;height:28px; }
.resource-text strong { font-size:18px;line-height:1.3;font-weight:600; }
.resource-text>span { font-size:12px;line-height:1.75; }
.resource-arrow { margin-left:auto;width:17px;height:17px;box-sizing:content-box;padding:8px;color:var(--card-accent);border:1px solid color-mix(in srgb,var(--card-accent) 12%,var(--color-border));border-radius:50%; }
.resource-item:hover,.download-card:hover { border-color:color-mix(in srgb,var(--card-accent) 52%,var(--color-border));background:var(--color-surface); }
.card-aura { position:absolute;z-index:-1;pointer-events:none;width:250px;height:250px;left:0;top:0;background:radial-gradient(circle,color-mix(in srgb,var(--card-accent,var(--color-primary)) 14%,transparent),transparent 68%);opacity:0;transform:translate3d(-125px,-125px,0);transition:opacity .35s; }
.card-aura.is-lit { opacity:1; }
.section { padding-block:88px; }
.section-intro .eyebrow,.lore-copy .eyebrow { display:flex;align-items:center;gap:11px; }
.section-intro .eyebrow::before,.lore-copy .eyebrow::before { content:"";width:20px;height:1px;background:var(--color-primary); }
.section-description { font-size:14px;line-height:1.9; }
.editorial-layout { grid-template-columns:1fr 2.35fr;gap:58px; }
.about-list { gap:26px;align-items:stretch; }
.about-card { position:relative;padding-top:23px;border-top:1px solid var(--color-border); }
.about-card+.about-card { border-left:0;padding-left:0; }
.about-card::before { content:"";position:absolute;top:-1px;left:0;height:1px;width:36px;background:var(--color-primary);transform-origin:left;opacity:.6; }
.about-card>.icon { width:29px;height:29px;color:var(--color-primary);margin-bottom:26px; }
.about-card h3 { font-size:16px;line-height:1.45; }
.about-card p { font-size:13px;line-height:1.9; }
.how-section { background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface) 75%,var(--color-background)),var(--color-background) 75%); }
.steps-list { gap:26px;align-items:stretch; }
.step { position:relative; }
.step+.step { padding-left:0;border-left:0; }
.step-top { position:relative;gap:14px; }
.step-number { font:14px/1 var(--mono); }
.step-top .icon { border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));border-radius:10px;background:color-mix(in srgb,var(--color-primary) 5%,transparent);width:23px;height:23px;padding:11px; }
.step-top::after { content:"";height:1px;flex:1;margin-left:1px;background:linear-gradient(90deg,var(--color-primary),var(--color-border));transform-origin:left;opacity:.45; }
.step-link { margin-top:14px;font-size:12px; }
.install-panel { padding:30px;margin-top:43px;border:1px solid var(--color-border);border-radius:calc(var(--radius) + 4px);background:color-mix(in srgb,var(--color-background) 65%,transparent);gap:22px 34px; }
.install-heading h3 { font-size:23px; }
.install-heading .eyebrow { font-size:9px; }
.install-heading>p:last-child { font-size:12px; }
.download-card { border-radius:var(--radius);padding:22px; }
.download-copy>strong { font-size:17px; }
.steam-fallback { margin:0;color:var(--color-muted);font-size:12px; }
/* Larger, asymmetrical lore section. The low-resolution source is not animated. */
.lore-section { position:relative;background:radial-gradient(ellipse at 75% 40%,#7467a511,transparent 58%); }
.lore-layout { grid-template-columns:1fr 1.12fr;gap:27px 78px;align-items:start; }
.lore-copy { grid-column:1;grid-row:1; }
.lore-aside { grid-column:1;grid-row:2;max-width:47ch;font-size:14px; }
.lore-aside>.eyebrow-line { display:none; }
.lore-aside .text-link { margin-top:9px;font-size:13px; }
.lore-art { grid-column:2;grid-row:1/3;align-self:center;position:relative;padding:9px;background:linear-gradient(145deg,var(--color-surface),var(--color-background));border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:calc(var(--radius) + 6px);box-shadow:0 16px 65px #0003; }
.viewport-frame { border-radius:var(--radius); }
.viewport-frame img { height:auto;aspect-ratio:365/180;object-fit:cover;transform:none!important;animation:none!important; }
.viewport-frame::before { content:"";position:absolute;z-index:1;pointer-events:none;inset:-20% auto;width:36%;left:-40%;background:linear-gradient(100deg,transparent,#d2dfff10,transparent);opacity:0; }
.lore-art figcaption { padding:21px 17px 12px;gap:7px;border-top:0; }
.lore-art figcaption>span { font:10px/1.6 var(--mono);letter-spacing:.15em; }
.lore-art figcaption>small { font-size:11px; }
.discord-section { padding-block:35px 59px; }
.discord-layout { position:relative;isolation:isolate;overflow:hidden;gap:32px;padding:38px;border-radius:calc(var(--radius) + 5px);background:linear-gradient(110deg,color-mix(in srgb,var(--color-primary) 9%,var(--color-background)),var(--color-background) 75%);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border)); }
.discord-layout::before { content:"";position:absolute;pointer-events:none;right:-120px;top:-180px;width:480px;height:480px;border:1px solid #b5aff713;border-radius:50%;box-shadow:0 0 0 55px #b5aff708,0 0 0 110px #b5aff704;z-index:-1; }
.discord-badge { position:relative;width:58px;height:58px;border-radius:50%;background:#b5aff70b; }
.discord-badge>.icon { width:36px;height:36px; }
.discord-badge::before,.discord-badge::after { content:"";position:absolute;inset:-3px;border:1px solid var(--color-primary);border-radius:50%;opacity:0;pointer-events:none; }
.discord-copy h2 { font-size:clamp(21px,2vw,28px); }
.discord-copy p { font-size:13px;line-height:1.85; }
.discord-layout>.button { background:var(--color-primary);color:#10121c;min-height:49px; }
.footer-bottom { font-size:11px; }
.footer-links a { font-size:12px; }
.back-to-top { border-radius:50%; }
.modal { border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));border-radius:13px;box-shadow:0 28px 120px #0008; }
.modal::before { content:"";position:absolute;left:38px;right:38px;height:1px;top:0;background:linear-gradient(90deg,transparent,#c9c4ff80,transparent); }
/* All continuous keyframes only transform/opacity: no full-screen paint loops. */
@keyframes qo-stars-near { from { transform:translate3d(-10px,4px,0);opacity:.85; } to { transform:translate3d(10px,-4px,0);opacity:1; } }
@keyframes qo-stars-far { from { transform:translate3d(4px,-3px,0);opacity:.7; } to { transform:translate3d(-4px,3px,0);opacity:1; } }
@keyframes qo-light { from { transform:translate3d(-8px,4px,0) scale(.96);opacity:.35; } to { transform:translate3d(8px,-4px,0) scale(1.04);opacity:.8; } }
@keyframes qo-meteor { 0%,83% { transform:translate3d(0,0,0);opacity:0; } 86% { opacity:.8; } 96% { transform:translate3d(300px,0,0);opacity:0; } 100% { transform:translate3d(300px,0,0);opacity:0; } }
@keyframes qo-enter { from { opacity:.15;transform:translate3d(0,var(--reveal-distance),0); } to { opacity:1;transform:none; } }
@keyframes qo-rule { from { transform:scaleX(.1);opacity:0; } to { transform:scaleX(1);opacity:.6; } }
@keyframes qo-glint { 0%,78% { transform:translateX(0) skewX(-15deg);opacity:0; } 81% { opacity:.5; } 95% { opacity:.5; } 100% { transform:translateX(500%) skewX(-15deg);opacity:0; } }
@keyframes qo-reflection { 0%,60% { transform:translateX(0) skewX(-18deg);opacity:0; } 67% { opacity:.65; } 88%,100% { transform:translateX(480%) skewX(-18deg);opacity:0; } }
@keyframes qo-signal { 0%,12% { opacity:0;transform:scale(.9); } 28% { opacity:.22; } 82%,100% { opacity:0;transform:scale(1.6); } }
@keyframes qo-edge { 0% { transform:translateX(0);opacity:0; } 20% { opacity:.25; } 65% { opacity:.7; } 100% { transform:translateX(200px);opacity:0; } }
@keyframes qo-pop { from { opacity:0;transform:translate3d(0,10px,0) scale(.985); } to { opacity:1;transform:none; } }
/* Definitions stay attached while paused: resuming never resets their phase. */
.scene-stars.layer-0 { animation:qo-stars-far calc(var(--sky-cycle)*1.8) var(--ease-soft) infinite alternate; }
.scene-stars.layer-1 { animation:qo-stars-near var(--sky-cycle) var(--ease-soft) infinite alternate; }
.scene-stars.layer-2 { animation:qo-stars-far calc(var(--sky-cycle)*.8) var(--ease-soft) infinite alternate-reverse; }
.scene-light { animation:qo-light var(--light-cycle) var(--ease-soft) infinite alternate; }
.scene-light-secondary { animation-duration:calc(var(--light-cycle)*1.4);animation-delay:-8s; }
.scene-meteor { animation:qo-meteor 17s linear infinite;animation-delay:-4s; }
.is-far .scene-meteor { animation-duration:23s;animation-delay:-10s; }
.hero-actions .button-primary::after { animation:qo-glint 11s var(--ease-soft) infinite; }
.viewport-frame::before { animation:qo-reflection 19s var(--ease-soft) infinite;animation-delay:-6s; }
.discord-badge::before,.discord-badge::after { animation:qo-signal 7s var(--ease-out) infinite; }
.discord-badge::after { animation-delay:-3.5s; }
.resource-item::after { animation:qo-edge 9s var(--ease-soft) infinite; }
.resource-item:nth-child(2)::after { animation-delay:-3s; }
.resource-item:nth-child(3)::after { animation-delay:-6s; }
.scene-decor .scene-stars,.scene-decor .scene-light,.scene-decor .scene-meteor,.hero-actions .button-primary::after,.viewport-frame::before,.discord-badge::before,.discord-badge::after,.resource-item::after { animation-play-state:paused; }
html[data-ambient="true"][data-paused="false"][data-art-visible="true"] .scene-decor *,
html[data-ambient="true"][data-paused="false"][data-art-visible="true"] .hero-actions .button-primary::after,
html[data-ambient="true"][data-paused="false"] .lore-art[data-scene-visible="true"] .viewport-frame::before,
html[data-ambient="true"][data-paused="false"] .discord-layout[data-scene-visible="true"] .discord-badge::before,
html[data-ambient="true"][data-paused="false"] .discord-layout[data-scene-visible="true"] .discord-badge::after,
html[data-ambient="true"][data-paused="false"] .resources-section[data-scene-visible="true"] .resource-item::after { animation-play-state:running; }
html[data-motion="true"] .entering { animation:qo-enter var(--reveal-duration) var(--ease-out) var(--enter-delay,0ms) both; }
html[data-motion="true"] .step.entering .step-top::after { animation:qo-rule 1s var(--ease-out) var(--enter-delay,0ms) both; }
html[data-interface="true"] .modal[open] { animation:qo-pop .24s var(--ease-out) both; }
html[data-interface="true"] :is(.button,.resource-item,.download-card,.resource-arrow,.about-card>.icon,.step-top>.icon,.scene-toggle,.back-to-top) { transition:transform .32s var(--ease-out),border-color .24s,color .24s,box-shadow .24s,background-color .24s; }
html[data-interface="true"] :is(.button .icon,.text-link .icon),html[data-interface="true"] :is(.community-nav>a,.footer-links>a,.about-card)::after,html[data-interface="true"] .about-card::before { transition:transform .35s var(--ease-out),opacity .35s; }
html[data-interface="true"] .resource-icon .icon { transition:transform .45s var(--ease-out); }
@media(hover:hover) and (pointer:fine) {
 html[data-interface="true"] .resource-item:hover,html[data-interface="true"] .download-card:hover { transform:translateY(-4px); }
 html[data-interface="true"] .resource-item:hover .resource-arrow { transform:rotate(-38deg); }
 html[data-interface="true"] .resource-item:hover .resource-icon .icon { transform:translateY(-2px) rotate(-6deg); }
 html[data-interface="true"] .button:hover .icon,html[data-interface="true"] .text-link:hover .icon { transform:translateX(3px); }
 html[data-interface="true"] .about-card:hover::before { transform:scaleX(2.1);opacity:1; }
 html[data-interface="true"] .about-card:hover>.icon { transform:translateY(-4px); }
 html[data-interface="true"] .step:hover .step-top>.icon { transform:translateY(-3px);border-color:var(--color-primary); }
 html[data-interface="true"] .back-to-top:hover .icon { transform:translateY(-3px); }
}
@media(min-width:1400px) {
 #primary-menu { display:flex;gap:32px;align-items:center; }
 .nav-list { display:flex;order:-1;gap:22px; }
 .nav-list a { color:var(--color-muted);font-size:12px; }
 .nav-list a:hover,.nav-list a[aria-current] { color:var(--color-primary); }
 .brand-caption { font-size:7px;padding-left:18px; }
 .community-nav { gap:24px; }
}
@media(max-width:1200px) {
 .hero-title { font-size:76px; }.hero-copy { max-width:600px; }
 .resource-item { padding:22px 18px;gap:14px; }.resource-icon { width:41px;height:41px; }.resource-arrow { border:0;padding:0; }
 .editorial-layout { gap:35px;grid-template-columns:1fr 2.5fr; }.about-list,.steps-list { gap:24px; }
 .lore-layout { gap:24px 44px; }.discord-layout { padding:30px;gap:26px; }
}
@media(max-width:960px) {
 .section { padding-block:62px; }.editorial-layout { grid-template-columns:1fr;gap:37px; }
 .hero { min-height:725px; }.hero-title { font-size:71px; }.hero-art::after { background:linear-gradient(90deg,#09101ae6,#09101a80 58%,#09101a24),linear-gradient(0deg,var(--color-background),transparent 40%); }
 .resource-item { min-height:120px;gap:12px; }.resource-text strong { font-size:16px; }.resource-text>span { font-size:11px; }
 .lore-layout { gap:24px 33px; }.lore-art { grid-column:2;grid-row:1/3; }.discord-copy h2 { font-size:24px; }
}
@media(max-width:820px) {
 html { scroll-padding-top:86px; }.nav-shell { min-height:78px; }
 .site-header { background:#0b1018ea;backdrop-filter:none; }.hero-inner { padding-top:145px; }
 .hero-title { font-size:65px; }.orbit-rail nav { gap:21px; }.orbit-rail-link { font-size:11px; }
 .scene-meteor-track.is-far { display:none; }
 html[data-interface="true"] #primary-menu.is-open { animation:qo-pop .2s var(--ease-out); }
}
@media(max-width:600px) {
 :root { --gutter:23px;--reveal-distance:12px; }
 .nav-shell { min-height:70px; }.hero { min-height:0; }.hero-inner { padding-top:293px;padding-bottom:89px; }
 .hero-copy { max-width:none; }.hero-title { font-size:clamp(36px,10.6vw,63px);line-height:1.06;letter-spacing:-.05em;margin-bottom:20px; }
 .hero-eyebrow { font-size:8px;letter-spacing:.13em;gap:10px; }.hero-eyebrow .eyebrow-line { width:18px; }
 .hero-description { font-size:15px;line-height:1.9; }
 .hero-image-wrap { height:398px;width:185%;left:-75%;right:auto; }
 .hero-art::after { background:linear-gradient(0deg,var(--color-background) 0%,var(--color-background) 41%,#0b1018e0 53%,#0b101822 77%,transparent 96%); }
 .hero .hero-actions { gap:10px;margin-top:25px; }.hero .hero-actions .button { padding:13px 16px;min-height:53px;font-size:13px; }
 .hero-downloads { font-size:12px;gap:5px 15px; }.hero-note { font-size:8px;letter-spacing:.1em; }
 .orbit-rail { bottom:18px;padding-top:13px;gap:12px; }.orbit-rail nav { gap:16px; }.orbit-rail-link { font-size:11px;gap:6px; }
 .orbit-rail-link span:first-child { display:none; }.scene-toggle { padding:9px;min-height:38px; }.scene-toggle-label { display:none; }
 .scene-decor { height:395px; }.scene-stars.layer-2 { display:none; }.scene-light { width:85%;right:-10%;height:65%; }.scene-meteor-track { left:10%;top:25%;width:70%; }
 .resources-section { padding-block:21px 25px; }.resources-list { gap:12px; }
 .resource-item { display:flex;align-items:center;min-height:102px;padding:22px;gap:18px; }.resource-icon { width:43px;height:43px; }
 .resource-text { gap:6px; }.resource-text strong { font-size:17px; }.resource-text>span { font-size:12px; }
 .resource-arrow { margin-top:0; }.section { padding-block:49px; }.editorial-layout { gap:26px; }
 .about-list { gap:23px; }.about-card { grid-template-columns:32px 1fr;gap:9px 18px;padding-top:24px; }.about-card>.icon { grid-row:1/3;width:28px;height:28px;margin:0; }
 .about-card::before { width:22px; }.about-card p { font-size:13px;line-height:1.9; }
 .step-top { margin:0;gap:15px; }.step-top .icon { width:19px;height:19px;padding:6px;border-radius:7px; }.step-top::after { display:none; }
 .step+.step { padding-top:24px; }.step h3 { font-size:17px; }.step p { font-size:13px; }.step-link { margin-top:4px; }
 .install-panel { padding:23px 18px;margin-top:30px;gap:22px; }.install-heading h3 { font-size:23px; }.download-card { padding:20px 17px;gap:16px; }.steam-fallback { font-size:12px;line-height:1.85; }
 .lore-layout { grid-template-columns:1fr;gap:23px; }.lore-copy,.lore-aside,.lore-art { grid-column:auto;grid-row:auto; }.lore-art { order:1;padding:7px; }.lore-aside { order:2;font-size:14px; }.viewport-frame img { aspect-ratio:365/165; }
 .lore-art figcaption { padding:17px 12px 10px; }.discord-section { padding-block:25px 35px; }
 .discord-layout { gap:19px;padding:26px 20px; }.discord-badge { width:38px;height:38px; }.discord-badge>.icon { width:28px;height:28px; }
 .discord-copy h2 { font-size:22px; }.discord-copy p { font-size:13px; }.discord-layout>.button { margin:0;width:100%;font-size:12px; }
 .modal::before { left:22px;right:22px; }.footer-links { gap:2px 19px; }.footer-links a { font-size:12px; }
}
@media(max-width:359px) {
 :root { --gutter:19px; }.hero-inner { padding-top:263px; }.hero-image-wrap,.scene-decor { height:355px; }.hero-title { font-size:36px; }
 .hero .hero-actions .button { font-size:12px;padding-inline:12px;gap:12px; }.orbit-rail nav { gap:13px; }.orbit-rail-link { font-size:10px; }.hero-eyebrow { font-size:7px; }
 .resource-item { padding:20px 17px;gap:15px; }.resource-text>span { font-size:11px; }
}
/* Visitor and OS choices always take precedence. Pause freezes decorations in place. */
html[data-motion="false"] { scroll-behavior:auto; }
html[data-motion="false"] *,html[data-motion="false"] *::before,html[data-motion="false"] *::after { animation-play-state:paused!important;transition:none!important; }
html[data-motion="false"] .entering { animation:none!important;opacity:1!important;transform:none!important; }
html[data-paused="true"] .scene-decor * { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important;transition:none!important; }
 .scene-meteor,.card-aura { display:none; }.entering { transform:none!important;opacity:1!important; }
}
@media(forced-colors:active) {
 .hero-title span+span { background:none;-webkit-text-fill-color:CanvasText;color:CanvasText; }
 .scene-decor,.card-aura,.discord-layout::before { display:none; }
 .button-primary { background:ButtonFace;color:ButtonText;border-color:ButtonText; }
}