:root{--sky1:#0b1033;--sky2:#1b1f5e;--sky3:#2e2a78;--ink:#f4efe1;--muted:#c9c4e6;--gold:#ffc861;--gold2:#ffe3a3;--card:rgba(255,255,255,.06);--line:rgba(255,220,150,.22);--r:18px;
--font:ui-rounded,"SF Pro Rounded","Nunito","Varela Round","Quicksand","Comfortaa",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.6;color:var(--ink);min-height:100vh;display:flex;flex-direction:column;
background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 55%,var(--sky3) 100%) fixed;background-color:var(--sky1)}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
body::before{background-image:radial-gradient(1.5px 1.5px at 8% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 30%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 37% 8%,#ffe9b8 50%,transparent 51%),radial-gradient(1px 1px at 51% 22%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 66% 14%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 34%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 90% 9%,#ffe9b8 50%,transparent 51%),radial-gradient(1px 1px at 14% 52%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 84% 58%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 45% 46%,#fff 50%,transparent 51%);opacity:.75;animation:twinkle 6s ease-in-out infinite alternate}
body::after{background-image:radial-gradient(5px 5px at 12% 78%,rgba(255,210,110,.9),rgba(255,200,90,0) 70%),radial-gradient(4px 4px at 72% 70%,rgba(255,210,110,.85),rgba(255,200,90,0) 70%),radial-gradient(6px 6px at 88% 86%,rgba(255,210,110,.8),rgba(255,200,90,0) 70%),radial-gradient(4px 4px at 33% 90%,rgba(255,210,110,.8),rgba(255,200,90,0) 70%);animation:drift 9s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.45}to{opacity:.85}}@keyframes drift{from{transform:translateY(0);opacity:.55}to{transform:translateY(-18px);opacity:1}}
@media (prefers-reduced-motion:reduce){*,body::before,body::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
a{color:var(--gold2);text-underline-offset:3px}a:hover{color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#1a1440;padding:.6em 1em;z-index:9}.skip:focus{left:8px;top:8px}
.wrap{width:min(1080px,100% - 2.5rem);margin-inline:auto}
header.site{padding:1rem 0}header.site .wrap{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.2rem;color:var(--ink);text-decoration:none}
.moon{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6d8,#ffd27a 60%,#e9a94a);box-shadow:0 0 18px rgba(255,200,97,.6);flex:none}
nav ul{display:flex;flex-wrap:wrap;gap:.2rem .9rem;list-style:none;margin:0;padding:0}nav a{color:var(--muted);text-decoration:none;font-weight:600;padding:.3rem .1rem}nav a:hover,nav a[aria-current=page]{color:var(--gold2);text-decoration:underline}
main{flex:1;padding-bottom:3rem}
h1,h2,h3{line-height:1.2;font-weight:800;letter-spacing:.01em}h1{font-size:clamp(2rem,6vw,3.2rem);margin:.4em 0 .3em}h2{font-size:clamp(1.4rem,3.5vw,1.9rem);margin-top:2em}h3{font-size:1.2rem}
.lead{font-size:1.2rem;color:var(--muted);max-width:40em}
.hero{text-align:center;padding:3rem 0 2rem}.hero .bigmoon{width:120px;height:120px;margin:0 auto 1rem;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fff8e2,#ffd889 55%,#eaa850);box-shadow:0 0 60px 10px rgba(255,200,97,.35)}.hero .lead{margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:.5em;background:linear-gradient(180deg,#ffd77f,#f2b24a);color:#1a1440;font-weight:800;text-decoration:none;padding:.8em 1.4em;border-radius:999px;box-shadow:0 6px 24px rgba(255,190,80,.3);min-height:48px}
.btn:hover{color:#1a1440;filter:brightness(1.07)}.btn.ghost{background:transparent;color:var(--gold2);border:2px solid var(--line);box-shadow:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem;backdrop-filter:blur(2px)}
.feature{display:grid;gap:1.25rem;align-items:center}.feature img{width:100%;height:auto;border-radius:14px;display:block}
@media(min-width:760px){.feature{grid-template-columns:1.2fr 1fr}}
.gamehead{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.gamehead img{border-radius:22%;box-shadow:0 0 30px rgba(255,200,97,.3)}
.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:min(62%,240px);gap:1rem;overflow-x:auto;padding:.5rem 0 1rem;scroll-snap-type:x mandatory;list-style:none;margin:0}
.gallery li{scroll-snap-align:start}.gallery img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);display:block}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}.tags li{border:1px solid var(--line);border-radius:999px;padding:.15em .8em;font-size:.9rem;color:var(--gold2)}
dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0}dl.facts dt{color:var(--gold2);font-weight:700}dl.facts dd{margin:0}
.prose{max-width:46em}.prose li{margin:.2em 0}.meta{color:var(--muted)}
details{border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem;margin:.6rem 0;background:var(--card)}summary{cursor:pointer;font-weight:700}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem;list-style:none;padding:0}.thumbs img{width:100%;height:auto;border-radius:10px}.thumbs a{font-size:.9rem}
footer.site{border-top:1px solid var(--line);padding:1.5rem 0;color:var(--muted);font-size:.95rem}footer.site .wrap{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between}footer.site ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.mt0{margin-top:0}.m0{margin:0}.mt2{margin-top:2rem}.mt15{margin-top:1.5rem}.hero-img{width:100%;height:auto;border-radius:18px;display:block}.plain{list-style:none;padding:0}