@font-face{font-family:Gamrae;src:url("/design-proposal/assets/Gamrae-Regular.f86d3b4c0730.woff2") format("woff2");font-display:swap;font-weight:400}
.section{scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.univers{padding-top:61px}.section-heading .eyebrow{margin-bottom:7px}h2{font-size:28px;line-height:1.5;letter-spacing:-.5px}.count{font:11px Gamrae,monospace;vertical-align:middle;display:inline-block;padding:4px 6px;border:1px solid var(--line);color:var(--muted);margin-left:15px}.text-link{font-size:12px;font-weight:600;padding-bottom:9px}.text-link span{margin-left:20px}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-card{min-width:0}.game-art{height:265px;position:relative;overflow:hidden;border-radius:3px;border:1px solid #00000022;background:#52705c}.game-art>img{width:100%;height:100%;object-fit:cover;object-position:25% 60%;transform:scale(1.08);transition:transform .5s}.game-card:hover .game-art>img{transform:scale(1.13)}.game-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0e2829c9,transparent 80%)}.eldrae .game-art>img{object-position:90% 60%;transform:scale(1.65);filter:brightness(.72) saturate(.8) hue-rotate(24deg)}.eldrae:hover .game-art>img{transform:scale(1.72)}.eldrae .game-art-shade{background:linear-gradient(0deg,#252735ed,#26263244)}.game-status{position:absolute;top:17px;left:18px;font-size:9px;letter-spacing:1px;background:#111d20a8;border:1px solid #ffffff40;color:#fff;padding:5px 8px}.game-wordmark{position:absolute;bottom:28px;left:27px;color:#fff;font-size:35px;letter-spacing:-1px;text-shadow:2px 3px #19302e}.game-wordmark span{display:block;font:9px "Segoe UI",sans-serif;letter-spacing:3px;margin-top:5px;color:#d5e1d2}.game-number{position:absolute;bottom:27px;right:23px;color:#ffffff70;font:16px Gamrae,monospace}.game-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 2px}.game-caption h3{font-size:19px}.game-caption p{color:var(--muted);font-size:13px;margin-top:3px}.round-link{width:38px;height:38px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--fg);font-size:20px;box-shadow:0 2px var(--line)}.round-link:hover{background:var(--soft)}.concept-note{font-size:10px;color:var(--muted);text-align:right;margin-top:1px}
.launcher-section{margin-top:65px;padding:48px 0 55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.35fr;gap:64px;align-items:center}.launcher-copy h2{font-size:31px;line-height:1.55}.launcher-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;margin:20px 0 25px;max-width:350px}.small-note{display:block;font-size:10px;color:var(--muted);margin-top:18px}.launcher-preview{background:var(--surface);border:1px solid var(--line);border-radius:4px;box-shadow:0 12px 30px #0000000d,0 4px var(--line);overflow:hidden}.launcher-chrome{height:35px;background:#18181b;color:#d7d7dc;display:flex;justify-content:space-between;padding:0 13px;align-items:center;font-size:8px;letter-spacing:1px}.launcher-chrome i{display:inline-block;background:#78c85a;width:5px;height:5px;margin-right:8px}.launcher-tabs{display:flex;align-items:center;background:#18181b}.launcher-tabs button{background:#333337;color:#c2c2c7;padding:14px 20px;border:0;border-right:2px solid #18181b;border-top:2px solid #515157;min-width:115px;font-size:11px}.launcher-tabs button[aria-selected=true]{background:var(--surface);color:var(--fg);border-top-color:#dedee1;box-shadow:inset 3px 0 var(--line)}.launcher-tabs>span{font-size:8px;letter-spacing:1px;color:#9a9aa3;margin-left:auto;margin-right:15px}.launcher-body{padding:14px;display:grid;grid-template-columns:1fr 170px;gap:14px}.preview-game{position:relative;min-height:250px;overflow:hidden;background:#294b3f;border-radius:2px}.preview-game>img{width:100%;height:100%;position:absolute;object-fit:cover}.preview-game:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#142d27eb,transparent 90%)}.preview-game-copy{position:absolute;z-index:1;bottom:22px;left:23px;color:#fff}.preview-game-copy p{font-size:8px;letter-spacing:1.4px;color:#d4e4cc}.preview-game-copy h3{font-size:29px;margin:7px 0 18px}.preview-game-copy .pixel-button{font-size:10px;min-height:37px;padding:7px 16px}
.friends{border:1px solid var(--line);background:var(--bg);padding:11px;display:flex;flex-direction:column}.friends-title{display:flex;justify-content:space-between;font:10px Gamrae,monospace;margin-bottom:14px}.friends-title>span{color:var(--muted);font-size:8px}.friend,.friend-self{display:flex;align-items:center;gap:9px;margin-bottom:14px}.friend b,.friend-self b{font-size:10px;font-weight:600;display:block}.friend small,.friend-self small{font-size:9px;display:block;color:#49733b;line-height:1.5}.avatar{position:relative;width:29px;height:29px;display:grid;place-items:center;font:11px Gamrae,monospace;border:1px solid #00000022;border-radius:3px;flex-shrink:0}.mint{background:#d4e5cb;color:#335227}.sand{background:#e8ddc6;color:#706044}.violet{background:#dcd6e7;color:#655572}.charcoal{background:#393940;color:#fff}.avatar i{width:7px;height:7px;border:2px solid var(--bg);box-sizing:content-box;background:#75bd56;position:absolute;right:-4px;bottom:-3px;border-radius:50%}.avatar i.away{background:#d6aa51}.friend small.playing{color:#4275a7}.friend small.away-text{color:#976c2e}.friend-self{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line)}.friend-self small{color:var(--muted)}.preview-caption{font-size:9px;color:var(--muted);padding:0 15px 12px}
:root{color-scheme:light;--bg:#f4f4f5;--surface:#fff;--fg:#18181b;--muted:#66666f;--line:#dcdcdf;--soft:#eaeaed;--green:#78c85a;--shadow:#b7b7bc;scroll-behavior:smooth;scroll-padding-top:108px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid #387c29;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.pixel-button,.game-wordmark,.launcher-tabs button{font-family:Gamrae,"Courier New",monospace;font-weight:400}.skip{position:fixed;top:-100px;left:20px;background:var(--surface);padding:12px;z-index:20}.skip:focus{top:8px}
.edition{min-height:48px;height:auto;background:#18181b;color:#c2c2c7;font:10px/1.2 "Segoe UI",sans-serif;letter-spacing:1.6px;padding:11px 11px 11px max(28px,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;align-items:center}.edition>span:last-child{letter-spacing:.25px}.edition i{display:inline-block;width:4px;height:4px;background:#78c85a;margin:0 9px;vertical-align:middle}.header{height:64px;max-width:1376px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:60px}.brand{display:flex;align-items:center;font-size:29px;letter-spacing:-1px}.header .brand{font-size:14.5px;letter-spacing:-.5px}.brand-dot{color:#609e47}.brand-mark{display:block;width:19px;height:19px;flex:none;image-rendering:pixelated;margin-right:4px}.header nav{display:flex;gap:30px;font-size:14px;font-weight:600;height:100%;align-items:center}.header nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;color:var(--muted)}.header nav .nav-active{color:var(--fg)}.header nav a:hover{color:var(--green)}.header-actions{margin-left:auto;display:flex;gap:22px;align-items:center}.theme-toggle{background:none;border:0;color:var(--fg);width:36px;height:36px;display:grid;place-items:center}.account-link{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
main{max-width:1320px;margin:auto;padding:0 0 80px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:36px 0 28px}.eyebrow{font:10px/1.6 "Segoe UI",sans-serif;letter-spacing:1.8px;font-weight:650;color:var(--muted);margin-bottom:13px}.mini-cross{color:#609e47;font-size:15px;margin-right:6px}h1{font-size:30px;line-height:1.4;letter-spacing:-.8px}h1>span{color:#68a54d}.intro-note{font-size:13px;color:var(--muted);text-align:right;padding-bottom:4px}
.hero{min-height:505px;position:relative;overflow:hidden;background:#375c48;border:1px solid #293f32;border-radius:3px;box-shadow:0 5px 0 #d5d5d9;isolation:isolate}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 54%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,24,.86),rgba(14,38,29,.6) 35%,rgba(22,44,33,.04) 75%),linear-gradient(0deg,rgba(10,25,21,.55),transparent 30%)}.hero-content{position:relative;padding:52px 54px 94px;max-width:700px;color:white}.hero-tag{font-size:10px;letter-spacing:1.8px;display:inline-flex;gap:9px;align-items:center;padding:6px 10px;border:1px solid #ffffff40;background:#112b233b;margin-bottom:25px}.hero-tag span{width:5px;height:5px;background:#9bda79}.hero h2{font-size:clamp(34px,4vw,51px);line-height:1.28;letter-spacing:-1.5px;text-shadow:2px 3px #16332e80}.hero-content>p{margin:19px 0 29px;color:#e0e7dc;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:24px;align-items:center}
.pixel-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;padding:12px 20px;border:2px solid #406731;box-shadow:inset 0 2px #ffffff65,inset 2px 0 #ffffff2e,inset -2px 0 #00000015,0 4px 0 #315e23;border-radius:3px;line-height:1.4;transition:transform .15s,filter .15s;white-space:nowrap}.pixel-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.pixel-button:active{transform:translateY(2px)}.pixel-button.green{background:var(--green);color:#17340f}.pixel-button.neutral{background:var(--surface);border-color:var(--shadow);box-shadow:inset 0 2px #ffffff66,0 4px var(--shadow);color:var(--fg)}.hero-secondary{font-size:12px;border-bottom:1px solid #ffffff55;padding:10px 0}.hero-secondary span{margin-left:10px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:18px 27px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:10px;color:#e0e8df;font-size:10px}.hero-bottom>span:first-child{letter-spacing:1.6px}.hero-bottom>span:last-child{opacity:.8}.small-square{display:inline-block;width:5px;height:5px;background:#a8d68c;margin-right:9px}.hero-corner{position:absolute;right:25px;top:25px;color:#fff;font-size:10px;letter-spacing:2px;text-shadow:0 1px 5px #000}.world-strip{display:flex;justify-content:space-between;padding:24px 2px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.world-strip b{font:11px Gamrae,monospace;margin-right:15px;color:#689451}

.edition .install-link{gap:6px;min-height:24px;height:24px;margin-left:0;margin-bottom:2px;padding:0 8px;box-shadow:inset 0 2px #ffffff65,inset 2px 0 #ffffff2e,inset -2px 0 #00000015,0 2px 0 #315e23;color:#17340f;font:400 9px/1.4 Gamrae,"Courier New",monospace;letter-spacing:0;white-space:nowrap}.edition .install-link svg{width:12px;height:12px;stroke-width:2}.edition .install-link:focus-visible{outline:2px solid #fff;outline-offset:2px}

.edition-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.edition .theme-toggle{width:28px;min-height:24px;height:24px;margin-bottom:2px;padding:0;border:2px solid #686871;background:#d2d2d7;color:#242429;border-radius:3px;box-shadow:inset 0 2px #ffffff65,inset 2px 0 #ffffff2e,inset -2px 0 #00000015,0 2px 0 #4b4b54}.edition .theme-toggle svg{width:14px;height:14px}.edition .theme-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}

.pixel-button.neutral,.round-link{border:6px solid transparent;border-image:url("/design-proposal/assets/button-light.f32dfe4b9206.png") 6 fill / 6px / 0 stretch;background:none;box-shadow:none;border-radius:0}
.together{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 54px;margin-top:55px;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}
.together h2{font-size:30px;line-height:1.55}.together p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:15px}.together-action{display:flex;flex-direction:column;align-items:center;gap:22px}.together-action>span{font-size:11px;color:var(--muted)}.together-action>span a{color:var(--fg);text-decoration:underline;text-underline-offset:4px}.avatar-stack{display:flex;padding-left:10px}.avatar-stack span{display:grid;place-items:center;width:42px;height:42px;font:14px Gamrae,monospace;margin-left:-10px;border:3px solid var(--surface);background:#d4e5cb;color:#335227;transform:rotate(-6deg)}.avatar-stack span:nth-child(2){background:#e8ddc6;color:#706044;transform:rotate(4deg)}.avatar-stack span:nth-child(3){background:#dcd6e7;color:#655572;transform:rotate(-3deg)}.avatar-stack span:last-child{background:var(--soft);color:var(--muted);transform:rotate(6deg)}
footer{display:flex;gap:28px;align-items:center;border-top:1px solid var(--line);padding:32px max(28px,calc((100vw - 1320px)/2));font-size:11px;color:var(--muted)}footer .brand{font-size:23px;color:var(--fg)}footer>span{margin-left:auto;font-size:9px;letter-spacing:1px}footer b{font-weight:400;margin:0 8px}footer>a:last-child{color:var(--fg)}
dialog{max-width:520px;width:calc(100% - 40px);padding:42px;border:1px solid var(--line);background:var(--surface);color:var(--fg);box-shadow:0 15px 80px #0005}dialog::backdrop{background:#0c151bb3;backdrop-filter:blur(5px)}dialog h2{margin-bottom:18px}dialog p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:18px}dialog .pixel-button{margin-top:10px;font-size:11px}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--fg);font-size:26px}
html[data-theme=dark]{color-scheme:dark;--bg:#111113;--surface:#1d1d21;--fg:#f4f4f5;--muted:#a1a1aa;--line:#35353c;--soft:#29292f;--shadow:#070708}
[data-theme=dark] .hero{box-shadow:0 5px #070708}[data-theme=dark] .pixel-button.neutral,[data-theme=dark] .round-link{border-image-source:url("/design-proposal/assets/button-dark.8e4865377cb4.png")}[data-theme=dark] .friend small{color:#91c67c}[data-theme=dark] .friend small.playing{color:#8ab5e6}[data-theme=dark] .friend small.away-text{color:#d9b574}[data-theme=dark] .friend-self small{color:var(--muted)}[data-theme=dark] .edition{background:#070708}
@media(max-width:1420px){main{margin:0 32px}.header{padding:0 32px;gap:40px}.hero{min-height:480px}.launcher-section{gap:38px}}
@media(max-width:1020px){.header{gap:26px}.header nav{gap:20px}.header-actions{gap:12px}.intro-note{display:none}h1{font-size:26px}.launcher-section{grid-template-columns:1fr;gap:32px}.launcher-copy>p:not(.eyebrow){max-width:540px}.launcher-preview{width:100%;max-width:750px}.launcher-body{grid-template-columns:1fr 190px}.preview-game{min-height:300px}.together{padding:36px}.together h2{font-size:26px}.world-strip{font-size:11px}.world-strip b{margin-right:8px}footer{gap:18px;flex-wrap:wrap}footer>p{display:none}}
@media(max-width:720px){.edition{justify-content:flex-end;padding:11px;font-size:9px}.edition>span:first-child{display:none}.header{height:auto;min-height:84px;flex-wrap:wrap;gap:0;padding:8px 20px 0}.header .brand{font-size:13px}.header nav{order:3;width:100%;height:40px;gap:27px;font-size:12px;margin-top:0}.header-actions{gap:12px}.account-link>span{display:none}main{margin:0 20px;padding-bottom:40px}.intro{padding:26px 0 22px}.eyebrow{font-size:9px;letter-spacing:1.3px}h1{font-size:21px;line-height:1.6;letter-spacing:-.6px}.hero{min-height:520px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#0a1c18de,#0e261d70),linear-gradient(0deg,#0a1915c0,transparent 45%)}.hero-content{padding:36px 23px 100px}.hero h2{font-size:36px;letter-spacing:-1px}.hero-tag{font-size:8px;margin-bottom:24px}.hero-content>p{font-size:14px;margin:20px 0 25px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.pixel-button{font-size:11px;gap:18px}.hero-bottom{padding:16px 20px;flex-direction:column;font-size:8px;gap:7px}.hero-corner{display:none}.world-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;font-size:10px;padding:23px 0;line-height:1.6}.world-strip b{display:block;margin-bottom:6px}.univers{padding-top:37px}.section-heading{gap:15px;align-items:center}.section-heading h2{font-size:25px}.section-heading .eyebrow{max-width:170px;font-size:8px}.text-link{font-size:10px;max-width:100px;flex-shrink:0}.text-link span{margin-left:4px}.count{margin-left:9px;font-size:9px}.games-grid{grid-template-columns:1fr;gap:15px}.game-art{height:240px}.game-wordmark{font-size:32px}.concept-note{text-align:left;line-height:1.7}.launcher-section{margin-top:38px;padding:32px 0;gap:28px}.launcher-copy h2{font-size:25px}.launcher-copy>p:not(.eyebrow){font-size:13px}.launcher-body{grid-template-columns:1fr 120px;gap:8px;padding:8px}.preview-game{min-height:245px}.preview-game-copy{bottom:18px;left:12px}.preview-game-copy h3{font-size:24px}.preview-game-copy p{font-size:7px}.preview-game-copy .pixel-button{font-size:9px;padding:7px 10px}.launcher-tabs button{font-size:10px;min-width:98px;padding:12px}.launcher-tabs>span{font-size:7px;margin-right:8px}.friends{padding:9px 7px}.friend,.friend-self{gap:7px}.avatar{width:23px;height:23px;font-size:10px}.friend b,.friend-self b{font-size:9px}.friend small,.friend-self small{font-size:8px}.friends-title{font-size:9px}.preview-caption{font-size:8px;padding:3px 10px 10px}.together{margin-top:32px;padding:30px 24px;flex-direction:column;align-items:flex-start;gap:30px}.together h2{font-size:25px}.together-action{align-items:flex-start;gap:18px}.avatar-stack{display:none}.desktop-only{display:none}footer{padding:25px 20px;gap:20px}footer>span{margin-left:auto;font-size:8px}footer>a:last-child{width:100%}dialog{padding:36px 25px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

[data-theme=dark] .edition .theme-toggle{background:#4f4f4f;border-color:#282828;color:#fff;box-shadow:inset 0 2px #727272,inset 2px 0 #727272,inset -2px 0 #454545,0 2px 0 #282828}

/* Language picker shares the compact theme button's geometry. */
.language-picker{position:relative;z-index:20;font:12px/1.4 system-ui,sans-serif;letter-spacing:0;color:#242429}
.language-picker summary{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;cursor:pointer;user-select:none}
.language-picker summary::-webkit-details-marker{display:none}
.edition .language-picker summary{height:24px;min-width:43px;padding:0 6px;margin-bottom:2px;border:2px solid #686871;border-radius:3px;background:#d2d2d7;box-shadow:inset 0 2px #ffffff65,inset 2px 0 #ffffff2e,inset -2px 0 #00000015,0 2px 0 #4b4b54;font:9px/1.4 Gamrae,monospace}
.language-picker form{position:absolute;right:0;top:calc(100% + 9px);width:164px;padding:6px;margin:0;background:#fafafa;color:#242429;border:1px solid #bcbcc4;border-radius:5px;box-shadow:0 8px 24px #0003}
.language-picker fieldset{border:0;margin:0;padding:0}
.language-picker legend{font:12px/1.4 system-ui,sans-serif;padding:6px}
.language-picker button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px;border:0;border-radius:3px;background:transparent;color:inherit;font:14px/1.4 system-ui,sans-serif;text-align:left;cursor:pointer}
.language-picker button:hover,.language-picker button[aria-pressed=true]{background:#e4e4e8}
.language-picker :focus-visible{outline:2px solid #73ae56;outline-offset:3px}
[data-theme=dark] .edition .language-picker summary{background:#4f4f4f;border-color:#282828;color:#fff;box-shadow:inset 0 2px #727272,inset 2px 0 #727272,inset -2px 0 #454545,0 2px 0 #282828}
[data-theme=dark] .language-picker form{background:#2b2b2f;border-color:#54545b;color:#f0f0f2}
[data-theme=dark] .language-picker button:hover,[data-theme=dark] .language-picker button[aria-pressed=true]{background:#45454b}

.header .brand{text-transform:uppercase}

@media(max-width:720px){.edition .language-picker form{left:0;right:auto}}

.language-chevron{font-family:Gamrae,monospace;font-weight:400;line-height:1}

/* Static presence mockup; no presence request or timer. */
.edition .online-preview{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#bdbdc3;font:11px/1.4 "Segoe UI",sans-serif;letter-spacing:0;white-space:nowrap}.online-square{width:6px;height:6px;flex-shrink:0;background:#83c565}.online-preview b{color:#f4f4f5;font-weight:600;font-variant-numeric:tabular-nums}.edition-actions{margin-left:auto}
@media(max-width:720px){.edition{justify-content:space-between;gap:8px}}
@media(max-width:540px){.online-preview .online-label{display:none}.edition .online-preview{gap:6px;font-size:10px}}

/* Full-bleed hero: the same navigation moves from document flow to a fixed bar. */
:root{--topbar-height:48px;scroll-padding-top:160px}
main{max-width:none;margin:0;padding:0 0 80px}
.page-content{max-width:1320px;margin:0 auto}
.site-chrome{position:absolute;inset:0 0 auto;z-index:30;pointer-events:none}
.site-chrome>.edition,.site-chrome>.header{pointer-events:auto}
.site-chrome .header{max-width:none;padding-left:20px;padding-right:20px}
.site-chrome[data-mode=hero] .header{--fg:#fff;--muted:#e0e5df;color:#fff;background:transparent;text-shadow:0 1px 8px #0006}
.site-chrome[data-mode=hero] .brand-dot{color:#9bda79}
.site-chrome[data-mode=hero] .header a:focus-visible{outline-color:#9bda79}
.site-chrome[data-topbar=hidden] .edition{visibility:hidden;pointer-events:none}
.site-chrome[data-mode=fixed]{position:fixed}
.site-chrome[data-mode=fixed] .header{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 3px 14px #00000012}
.site-chrome[data-mode=fixed][data-topbar=hidden]{transform:translateY(calc(-1 * var(--topbar-height)))}
.skip{z-index:40}
.hero{min-height:100vh;min-height:100svh;width:100%;display:flex;align-items:center;border:0;border-radius:0;box-shadow:none!important}
.hero-content{width:100%;max-width:none;padding:168px max(28px,calc((100vw - 1320px)/2)) 120px}
.hero h1{max-width:800px;font-size:clamp(36px,5vw,68px);line-height:1.28;letter-spacing:-1.5px;text-shadow:2px 3px #16332e80}
.hero-shade{background:linear-gradient(180deg,#0618109c,transparent 32%),linear-gradient(90deg,#0a1c18d9,#0e261d80 40%,#162c210a 80%),linear-gradient(0deg,#0a19158c,transparent 35%)}
.hero-bottom{padding-left:max(28px,calc((100vw - 1320px)/2));padding-right:max(28px,calc((100vw - 1320px)/2))}
.hero-corner{top:auto;bottom:85px;right:max(28px,calc((100vw - 1320px)/2))}
.intro h2{font-size:30px;line-height:1.4;letter-spacing:-.8px}.intro h2>span{color:#68a54d}
@media(max-width:1420px){.page-content{margin:0 32px}.hero-content{padding-left:32px;padding-right:32px}}
@media(max-width:720px){main{margin:0;padding-bottom:40px}.page-content{margin:0 20px}.site-chrome .header{padding:8px 20px 0}.hero-content{padding:168px 23px 110px}.hero h1{font-size:36px;letter-spacing:-1px}.hero-bottom{padding-left:20px;padding-right:20px}.intro h2{font-size:21px;line-height:1.6;letter-spacing:-.6px}}
.hero>picture{position:absolute;inset:0;display:block}.hero-image{inset:0}

/* Match the edge insets to each bar’s vertical breathing room. */
.site-chrome .edition{padding-left:20px;padding-right:11px}.site-chrome .header .brand,.site-chrome .account-link{min-height:24px}
@media(max-width:360px){.edition-actions{gap:6px}}

/* Shared public game one-pages. */
.round-link{display:inline-grid;place-items:center}.game-page .hero h1{font-size:clamp(42px,8vw,104px)}.game-page[data-game=eldrae] .hero-image{filter:brightness(.85) saturate(.7) hue-rotate(18deg)}.game-page .game-intro{min-height:100svh;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:80px 0}.game-intro h2{font-size:clamp(25px,3vw,40px);max-width:720px}.game-intro p:not(.eyebrow){max-width:620px;margin:22px 0 28px;color:var(--muted)}.game-status-card{border:1px solid var(--line);background:var(--surface);padding:32px;min-width:230px}.game-status-card strong{font:20px Gamrae,monospace}.game-status-card p{font-size:13px}.language-picker .language-menu{position:absolute;right:0;top:calc(100% + 9px);width:164px;padding:6px;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 24px #0003}.language-menu p{padding:6px;font:12px/1.4 system-ui,sans-serif}.language-menu a{display:flex;justify-content:space-between;padding:9px;border-radius:3px;font:14px/1.4 system-ui,sans-serif}.language-menu a:hover,.language-menu a[aria-current=page]{background:var(--soft)}
@media(max-width:720px){.game-page .game-intro{padding:48px 0;flex-direction:column;align-items:stretch;gap:24px}.game-page .hero h1{font-size:clamp(38px,11vw,68px)}.edition .language-picker .language-menu{left:0;right:auto}}
/* Account action uses the shared grey button palette. */
.site-chrome .account-link{height:40px;padding:0 16px;gap:9px;border:2px solid #686871;border-radius:3px;background:#d2d2d7;color:#242429;box-shadow:inset 0 2px #ffffff65,inset 2px 0 #ffffff2e,inset -2px 0 #00000015,0 2px 0 #4b4b54;text-shadow:none;white-space:nowrap}

.site-chrome .account-link svg{width:18px;height:18px}

.site-chrome .account-link:active{transform:translateY(1px)}
[data-theme=dark] .site-chrome .account-link{background:#4f4f4f;border-color:#282828;color:#fff;box-shadow:inset 0 2px #727272,inset 2px 0 #727272,inset -2px 0 #454545,0 2px 0 #282828}
@media(max-width:720px){.site-chrome .account-link{width:40px;padding:0;justify-content:center}}
.site-chrome .account-link{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0}

.site-chrome .header{padding-right:11px}
@media(max-width:360px){.edition-actions{gap:4px;flex-shrink:0}.edition .install-link{padding-left:5px;padding-right:5px}}

[data-theme=dark] .hero-shade{background:linear-gradient(180deg,#030c204d,transparent 32%),linear-gradient(90deg,#030c2070,transparent 80%),linear-gradient(0deg,#030c2066,transparent 35%)}
[data-theme=dark] .game-page[data-game=eldrae] .hero-image{filter:none}
.site-chrome .account-link{position:relative;top:-2px}

.theme-toggle .theme-icon-sun{display:none}[data-theme=dark] .theme-toggle .theme-icon-moon{display:none}[data-theme=dark] .theme-toggle .theme-icon-sun{display:block}

/* Services sit immediately before the account action; wrap as a row on narrow screens. */
.site-chrome .header-actions{gap:24px;align-self:stretch}.site-chrome .service-navigation{gap:24px;height:100%;white-space:nowrap}.service-navigation .nav-pending{display:flex;align-items:center;height:100%;border-bottom:2px solid transparent;color:var(--muted);cursor:default}
@media(max-width:1100px){.site-chrome .header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:20px;row-gap:0;height:auto;min-height:96px;padding-top:8px;padding-bottom:0}.site-chrome .header>.brand{grid-column:1;grid-row:1}.site-chrome .game-navigation{grid-column:2;grid-row:1;order:initial;width:auto;height:40px;gap:20px;margin:0}.site-chrome .header-actions{display:contents}.site-chrome .account-link{grid-column:3;grid-row:1}.site-chrome .service-navigation{grid-column:1/-1;grid-row:2;width:100%;height:40px;justify-content:flex-end;gap:24px}}
@media(max-width:720px){.site-chrome .header{column-gap:8px}.site-chrome .game-navigation{gap:14px}.site-chrome .service-navigation{justify-content:space-between;gap:10px;font-size:12px}}

/* Account hover follows the launcher red palette. */
.site-chrome .account-link:hover{background:#c85a5a;border-color:#803a3a;color:#fff;box-shadow:inset 0 2px #ffffff40,inset 2px 0 #ffffff20,inset -2px 0 #00000020,0 2px 0 #662e2e;filter:none}
[data-theme=dark] .site-chrome .account-link:hover{background:#b74a4a;border-color:#702d2d;color:#fff;box-shadow:inset 0 2px #ffffff30,inset 2px 0 #ffffff18,inset -2px 0 #00000025,0 2px 0 #572323}

/* Pixel chevron: a generous click target with a small vertical motion. */
.hero-scroll{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;color:#fff}.hero-scroll-chevron{display:block;font:400 28px/1 Gamrae,monospace;text-shadow:0 2px 2px #0008;animation:hero-chevron-bounce 1.8s ease-in-out infinite}.hero-scroll:hover{color:var(--green)}.hero-scroll:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:3px}@keyframes hero-chevron-bounce{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}

/* Contrast layer on the full-bleed navigation only. */
.site-chrome .header{position:relative;isolation:isolate}.site-chrome .header::before{content:"";position:absolute;z-index:-1;inset:0 0 -40px;pointer-events:none;background:linear-gradient(180deg,#18181b 0%,#18181bcc 45%,#18181b00 100%);opacity:0;transform:translateY(-12px);transition:opacity .4s ease,transform .4s ease!important}.site-chrome[data-mode=hero]:has(:focus-visible) .header::before{opacity:1;transform:translateY(0)}@media(hover:hover){.site-chrome[data-mode=hero]:hover .header::before{opacity:1;transform:translateY(0)}}

/* This explicitly requested motion remains enabled with reduced-motion settings. */
.site-chrome[data-mode=fixed] .header::before{transition:none!important}
[data-theme=dark] .site-chrome .header::before{background:linear-gradient(180deg,#070708 0%,#070708cc 45%,#07070800 100%)}

/* Gamrae home: the ecosystem begins with Eldrae, currently in closed alpha. */
.ecosystem-hero h1{max-width:1000px;font-size:clamp(30px,3.4vw,48px);line-height:1.28}.ecosystem-hero .hero-promise{color:inherit;display:block;margin-top:12px;font-size:.75em;line-height:1.4;letter-spacing:-.8px}.ecosystem-hero .hero-ecosystem-copy{max-width:660px;line-height:1.75;text-wrap:pretty}.ecosystem-hero .hero-actions{flex-wrap:wrap}@media(max-width:720px){.ecosystem-hero h1{font-size:clamp(26px,6.6vw,38px);letter-spacing:-.8px}.ecosystem-hero .hero-promise{font-size:.85em}.ecosystem-hero .hero-ecosystem-copy{font-size:14px}.ecosystem-hero .hero-content{padding-top:172px;padding-bottom:104px}}

.ecosystem-hero .hero-punctuation{color:var(--green)}

.ecosystem-hero .hero-tag,.game-card.eldrae .game-status{color:#c85a5a;border-color:currentColor}

.ecosystem-hero .button-chevron{display:inline-block;font:400 12px/1 Gamrae,monospace;transform:rotate(-90deg)}

/* Spacing follows the new order: games, introduction, launcher, community. */
.page-content>#univers:first-child{padding-top:36px}.page-content>#univers+.intro{padding:48px 0 16px}.page-content>.world-strip+.launcher-section{margin-top:0;border-top:0;padding:48px 0}.page-content>.together{margin-top:48px}
@media(max-width:720px){.page-content>#univers:first-child{padding-top:26px}.page-content>#univers+.intro{padding:32px 0 12px}.page-content>.world-strip{padding:20px 0}.page-content>.world-strip+.launcher-section{padding:32px 0}.page-content>.together{margin-top:32px}}

.service-content{max-width:1100px;margin:0 auto;min-height:calc(100svh - 100px);padding:200px 32px 80px}.service-content h1{font-size:clamp(30px,4vw,54px);line-height:1.3}.service-lead{font-size:20px;line-height:1.7;max-width:760px;margin-top:20px;color:var(--muted)}.service-message{border-top:1px solid var(--line);padding-top:28px;margin-top:36px;max-width:760px}.service-message h2{font:600 20px/1.5 "Segoe UI",sans-serif;letter-spacing:0}.service-message p{margin-top:12px;color:var(--muted);line-height:1.8}.service-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}@media(max-width:720px){.service-content{padding:192px 20px 48px}.service-lead{font-size:17px}.service-actions{align-items:flex-start;flex-direction:column}}

@media(max-width:720px){.header .brand-mark{width:17px;height:17px}}