.pixel-button.neutral,.round-link{border:6px solid transparent;border-image:url("assets/button-light.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("assets/button-dark.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:center;padding:0 12px;font-size:9px}.edition>span:first-child{display:none}.header{height:auto;min-height:110px;flex-wrap:wrap;gap:0;padding:18px 20px 0}.brand{font-size:26px}.header nav{order:3;width:100%;height:47px;gap:27px;font-size:12px;margin-top:8px}.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}}
