/* Living Sky — GameSimple's day-to-night design. The embedded game's palettes stay its own. */
:root{--bg:#111722;--surface:#1d2433;--line:#333f50;--text:#f2f0fa;--muted:#aeb9cc;--mint:#c6b8ff;--soft:#202a3a;--sky-fill:#1d2636;--hero-copy:#b8c9df;--hero-label:#ddd6fa;--hero-tags:#77849d;--star:#ffcf9f}
:root[data-theme=light]{color-scheme:light;--bg:#f5f4ed;--surface:#fffefa;--line:#dedfd3;--text:#253b32;--muted:#627569;--mint:#d0ef95;--soft:#eaeee2;--sky-fill:#e9eee1;--hero-copy:#586e5f;--hero-label:#455c48;--hero-tags:#a2b49b;--star:#d78146}
:root[data-theme=dark]{color-scheme:dark}
body{background:radial-gradient(ellipse at 85% 8%,#6d75a912,transparent 35%),var(--bg);transition:background-color .65s,color .65s}.topbar{height:88px;gap:32px}.brand{font-size:24px;letter-spacing:-1.15px}.brand-icon{background:var(--mint);color:#25352b;border-radius:12px;font:700 30px/1 var(--display);position:relative;width:37px;height:37px;overflow:hidden}.brand-icon>span{position:absolute;top:0;right:1px;font-size:14px}.brand-light{font-weight:500}.brand-dot{color:var(--muted)}.topbar nav{gap:25px}.search{background:var(--surface);max-width:270px;border-color:var(--line)}.search input{font-size:12px}.search kbd{color:var(--muted)}.search svg{stroke:var(--muted)}.about-button{margin-left:-13px;color:var(--muted);border-color:var(--line);min-width:25px}.appearance{display:flex;align-items:center;border:1px solid var(--line);padding:4px;border-radius:22px;background:var(--surface);gap:3px;flex-shrink:0}.appearance button{min-width:31px;height:29px;border-radius:17px;background:transparent;color:var(--muted);font-size:16px;padding:0 6px}.appearance button:first-child{font-size:10px;padding-inline:11px}.appearance button.active{color:var(--text);background:var(--soft);box-shadow:0 1px 3px #0001}.appearance button:hover{color:var(--text)}main{padding-top:42px}.intro{margin-bottom:26px}.intro h1{font-size:clamp(35px,4.3vw,58px);letter-spacing:-2.8px;font-weight:500;margin-bottom:13px}.intro h1 span{color:#9ab767}:root[data-theme=dark] .intro h1 span{color:#c6b8ff}.intro p:last-child{max-width:500px;font-size:13px;line-height:1.7}.intro-doodle{font-size:71px;transform:rotate(-12deg);color:var(--mint);padding:0 23px}.doodle-sun{display:none}.doodle-moon{display:block;color:#d5c7ff}:root[data-theme=light] .doodle-sun{display:block;color:#d7984f}:root[data-theme=light] .doodle-moon{display:none}.live-dot{background:#9baf68}:root[data-theme=dark] .live-dot{background:#c6b8ff}.sky-strip{padding:18px 24px;display:flex;align-items:center;gap:28px;border-radius:13px;background:var(--sky-fill);margin-bottom:27px;border:1px solid var(--line)}.sky-identity{display:flex;gap:15px;align-items:center;flex:1;min-width:0}.sky-symbol{width:41px;height:41px;border-radius:50%;background:#c6b8ff18;display:grid;place-items:center;font-size:26px;color:#d1c6ff;flex-shrink:0}:root[data-theme=light] .sky-symbol{color:#b57236;background:#f6d39880}.sky-identity p{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin:0 0 4px}.sky-identity h2{font:500 15px var(--display);letter-spacing:-.3px;margin:0 0 4px}.sky-place{padding:0;background:transparent;color:var(--muted);font-size:10px;text-align:left;line-height:1.5}.sky-place>span:last-child{color:var(--text);margin-left:3px}.solar-timeline{width:215px;flex-shrink:0;position:relative;padding-top:3px}.sun-arc{height:25px;position:relative;border-top:1px dashed var(--muted);border-radius:50% 50% 0 0;margin:0 13px}.sun-arc:before,.sun-arc:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--muted);top:17px}.sun-arc:before{left:0}.sun-arc:after{right:0}#sky-marker{--sun-progress:.5;position:absolute;left:calc(var(--sun-progress)*100%);top:calc(17px - sin(var(--sun-progress)*180deg)*25px);transform:translateX(-50%);color:var(--star);font-size:19px;background:var(--sky-fill);padding:0 3px}.sun-times{display:flex;justify-content:space-between;gap:12px;margin-top:7px}.sun-times span{display:flex;flex-direction:column;gap:3px;font-size:8px;color:var(--muted)}.sun-times span:last-child{text-align:right}.sun-times strong{font-size:11px;color:var(--text);font-weight:500;white-space:nowrap}.sky-next{font-size:10px;color:var(--muted);line-height:1.6;max-width:135px;margin:0;padding-left:23px;border-left:1px solid var(--line)}.hero{min-height:440px;border-color:#3b4b64;background:radial-gradient(ellipse at 75% 50%,#5d577754,transparent 55%),linear-gradient(115deg,#233044,#171e32)}.hero-content{padding:34px 42px}.feature-label{color:var(--hero-label);font-size:9px}.feature-label>span{color:var(--star)}.hero-tags span{border-color:var(--hero-tags);color:var(--hero-copy)}.hero h2{font-size:79px;color:var(--text)}.hero h2>span:nth-of-type(1){color:var(--mint)}.hero h2 .title-star{color:var(--star)}.hero-content>p:not(.feature-label):not(.hero-note){color:var(--hero-copy)}.hero-note{color:var(--hero-copy)}.hero-note>span:first-child{color:var(--star)}.hero-favorite{border-color:var(--hero-tags);color:var(--hero-copy);background:#ffffff08}.hero-favorite:hover{background:#ffffff15}.favorite-button[aria-pressed=true]{color:var(--mint)}.primary{background:var(--mint);color:#293b29}.primary:hover{background:#ddd1ff}:root[data-theme=light] .primary:hover{background:#daf8ac}.hero-bottom-label{color:var(--hero-copy)}.art-caption{color:var(--hero-copy)}.art-caption span{color:var(--hero-label)}.space-art img{filter:hue-rotate(35deg);opacity:.9}:root[data-theme=light] .hero{background:radial-gradient(ellipse at 75% 50%,#d8e3cda8,transparent 60%),linear-gradient(115deg,#e7eddb,#f2ede0);border-color:#ccd6c1}:root[data-theme=light] .hero h2>span:nth-of-type(1){color:#6b8c47}:root[data-theme=light] .hero-favorite{background:#fff7}:root[data-theme=light] .hero-favorite[aria-pressed=true]{color:#678745}:root[data-theme=light] .space-art img{filter:none;opacity:.83}.perks{padding-block:23px;margin-bottom:38px}.perks>span,.perks i{color:var(--muted)}.filter.active{color:#283e2c}.filter{color:var(--muted)}.game-card{background:var(--surface)}.game-card:hover{border-color:#9b9aba}.game-art-link{background:linear-gradient(135deg,#222f44,#313249)}.game-art-link img{filter:hue-rotate(35deg)}:root[data-theme=light] .game-art-link{background:linear-gradient(140deg,#d6e0c7,#eef0dd)}:root[data-theme=light] .game-art-link img{filter:none}.game-art-link .art-wordmark{color:#f0f5de}:root[data-theme=light] .game-art-link .art-wordmark{color:#2b4c41;text-shadow:0 2px 15px #ffffff80}.card-tags span{background:#17212fcc;color:#e1dafa;border-color:#7c81a4}:root[data-theme=light] .card-tags span{background:#f9fbf0cc;color:#425c3a;border-color:#9cae87}.card-meta{color:var(--muted)}.card-meta .text-button{color:#c6b8ff}:root[data-theme=light] .card-meta .text-button{color:#577b3e}.card-heading .favorite-button{color:var(--muted)}.card-heading .favorite-button[aria-pressed=true]{color:#b6a3fb}:root[data-theme=light] .card-heading .favorite-button[aria-pressed=true]{color:#628746}.coming-card{background:radial-gradient(ellipse,var(--soft),transparent 85%);border-color:var(--line)}.coming-card h3{color:var(--text)}.coming-symbol,.coming-label{color:var(--muted);border-color:var(--line)}.mission-card{background:#d6caef;color:#312746}.mission-card h3{font-size:29px}.mission-card .text-button:hover{color:#664789}:root[data-theme=light] .mission-card{background:#eadbc5;color:#493c29}:root[data-theme=light] .mission-card .eyebrow,:root[data-theme=light] .mission-card p{color:#76634b}:root[data-theme=light] .mission-card .text-button{color:#493c29;border-color:#bca181}:root[data-theme=light] .mission-doodle{color:#bb9661}.worlds{background:linear-gradient(110deg,var(--surface),var(--bg));border-color:var(--line);margin-top:42px}.worlds-copy .text-button{color:#c6b8ff}:root[data-theme=light] .worlds-copy .text-button{color:#537a3f}:root[data-theme=light] .world-list>div{color:var(--text)}:root[data-theme=light] .world-symbol{color:#6b805b;background:#e6ecd9;border-color:#d0d9c5}.how-to li>span{color:#bca9ee}:root[data-theme=light] .how-to li>span{color:#719058}.secondary{background:var(--soft);color:var(--text);border-color:var(--line)}.secondary:hover{background:var(--surface)}.info-dialog{background:var(--surface);border-color:var(--line);color:var(--text)}.info-dialog p{color:var(--muted)}.text-button:hover{color:var(--text)}.info-dialog .brand-icon{color:#273821}.solar-dialog{max-width:530px;padding:34px}.solar-dialog .eyebrow{margin-top:8px}.solar-dialog h2{margin-top:15px}.solar-current{padding:12px 14px;border-radius:8px;background:var(--soft);font-size:11px!important}.city-label{display:block;font-size:11px;margin:20px 0 9px}.city-row{display:flex;gap:10px}.city-row select{flex:1;min-width:0;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:var(--bg);color:var(--text);font-size:13px}.city-row .primary{font-size:11px;min-height:42px;padding-inline:14px}.location-button{margin-top:12px;width:100%;min-height:42px}.solar-dialog p.solar-privacy{font-size:10px;line-height:1.8}.solar-dialog #solar-message{font-size:11px;min-height:20px;margin-top:17px}.solar-dialog .text-button{color:var(--muted);font-size:10px;text-decoration:underline}.toast{background:var(--mint);color:#293b29}.player-dialog{background:var(--bg);color:var(--text);border-color:var(--line)}.player-dialog>header{background:var(--surface);border-color:var(--line)}.player-hint{background:var(--surface);color:var(--muted);border-color:var(--line)}
@media(max-width:1120px){.topbar{gap:20px}.topbar nav{gap:20px}.search{max-width:230px}.about-button{display:none}.sky-strip{gap:20px}.hero-content{padding:32px}.sky-next{max-width:110px;padding-left:18px;font-size:9px}}
@media(max-width:900px){.topbar{gap:15px}.search{max-width:210px}.topbar nav{gap:16px}.nav-link{font-size:12px}.brand{font-size:22px}.solar-timeline{width:170px}.sky-next{display:none}.intro h1{font-size:43px}.hero h2{font-size:70px}}
@media(max-width:760px){.topbar{height:auto;gap:15px;min-height:100px;padding-block:18px}.topbar .brand{font-size:24px}.topbar nav{order:3;margin:0;flex:1;height:35px;gap:22px}.search{order:4;flex:auto;width:100%;max-width:none;height:42px}.appearance{margin-left:auto}.nav-link{font-size:12px}.intro h1{font-size:39px;letter-spacing:-1.8px}.intro p:last-child{font-size:12px}.intro-doodle{display:none}.sky-strip{padding:17px;flex-wrap:wrap;gap:15px}.sky-identity{flex:auto}.sky-identity h2{font-size:14px}.solar-timeline{width:100%;padding-top:7px;max-width:none}.sun-arc{height:20px;max-width:215px;margin-inline:auto}.sun-times{margin-top:8px}.sun-times span{flex-direction:row;align-items:center;gap:7px;font-size:9px}.sun-times strong{font-size:10px}.hero{min-height:525px}.hero-content{padding:28px}.hero h2{font-size:76px}.space-art{opacity:.48;inset:70px -155px 0 34%}.hero-content>p:not(.feature-label):not(.hero-note){text-shadow:none}.hero-bottom-label{bottom:20px}.section-header h2{font-size:23px}.section-header .eyebrow{font-size:8px}.perks{margin-bottom:30px}.brand-dot{display:none}.search input{font-size:13px}.solar-dialog{padding:25px}.city-row{gap:8px}.worlds{margin-top:35px}.mission-card h3{font-size:25px}.sky-place{font-size:9px}.player-dialog>header{background:var(--surface)}}
@media(max-width:390px){.topbar .brand{font-size:23px}.topbar nav{gap:20px}.topbar .brand-icon{width:33px;height:33px;font-size:29px}.appearance{padding:3px;gap:0}.appearance button{min-width:29px;height:27px}.appearance button:first-child{padding-inline:8px}.intro h1{font-size:38px}.sky-identity{gap:10px}.sky-identity h2{font-size:13px}.hero-content{padding:25px}.hero h2{font-size:72px}.section-header h2{font-size:21px}.sort-label select{max-width:91px;font-size:10px}.sky-strip{padding:15px}.sun-times span{font-size:8px}.hero-bottom-label{font-size:7px}.worlds-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}
@media(min-width:1121px){#about-footer{display:none}}