@font-face{font-family:Rajdhani;font-weight:600;font-display:swap;src:url(/assets/fonts/rajdhani-600.woff2) format("woff2")}
@font-face{font-family:Rajdhani;font-weight:700;font-display:swap;src:url(/assets/fonts/rajdhani-700.woff2) format("woff2")}

*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 var(--font-body);position:relative;min-height:100vh}
img{max-width:100%;height:auto;display:block}a{color:var(--link,var(--accent))}
.bgfx{position:fixed;inset:0;pointer-events:none;z-index:0}
header.site,main,footer.site{position:relative;z-index:1}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--accent);color:var(--accent-ink);padding:8px 12px;border-radius:8px;z-index:9}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}
.brand img{width:48px;height:48px}
.brand .word{display:flex;flex-direction:column;line-height:1;font-family:var(--font-head);font-weight:700;font-size:1.35rem;letter-spacing:.08em}
.brand .word small{font-size:.62rem;letter-spacing:.42em;margin-top:5px;color:var(--accent2)}
nav.main{display:flex;gap:6px;flex-wrap:wrap}
nav.main a{color:var(--text);text-decoration:none;padding:8px 16px;border-radius:999px;font-weight:600}
h1,h2,h3{font-family:var(--font-head);line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,6vw,3.7rem)}h2{font-size:clamp(1.55rem,3.6vw,2.2rem)}h3{font-size:1.25rem}
p{margin:0 0 1em}.muted{color:var(--muted)}
.hero{padding:64px 0 40px}.hero p.lead{font-size:1.2rem;max-width:42rem;color:var(--muted)}
.btnrow{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-block;padding:13px 26px;font-family:var(--font-head);font-weight:700;font-size:1.05rem;text-decoration:none;cursor:pointer}
.pill{display:inline-block;padding:7px 16px;border-radius:999px;border:1px dashed var(--line);color:var(--muted);font-weight:600}
section{padding:30px 0}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease,box-shadow .18s ease}
.card img.icon{width:96px;height:96px;border-radius:22px}
.card h3 a{color:var(--text);text-decoration:none}.card p{margin:0}.card .btnrow{margin-top:auto;padding-top:10px}
.feature{display:grid;gap:30px;align-items:center;grid-template-columns:1fr 1fr;padding:30px}
.feature img{border-radius:14px}
.gameHead{display:flex;gap:26px;align-items:center;flex-wrap:wrap;padding:44px 0 14px;border-radius:30px;background:radial-gradient(620px 240px at 18% 0,color-mix(in srgb,var(--accent) 24%,transparent),transparent 72%)}
.gameHead img.icon{width:132px;height:132px;border-radius:30px}
.gameHead img.logo{width:min(430px,100%)}
.shots{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 16px}
.shots figure{margin:0;scroll-snap-align:start;flex:0 0 auto}
.shots img{height:450px;width:auto;border-radius:16px}
.shots.wide img{height:300px}.shots figcaption{font-size:.92rem;color:var(--muted);padding-top:6px;max-width:340px}
ul.ticks{list-style:none;padding:0;margin:0 0 1em}ul.ticks li{padding:9px 0 9px 32px;position:relative;border-bottom:1px solid var(--line)}
ul.ticks li:before{content:"";position:absolute;left:4px;top:17px;width:13px;height:13px;border-radius:50%;background:var(--accent)}
.callout{border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:var(--surface);margin:0 0 1.6em}.callout ul.ticks{margin-bottom:0}.callout ul.ticks li:last-child{border-bottom:0}
.toc{margin:0 0 1.6em;color:var(--muted)}.toc ol{columns:2;column-gap:28px;margin:8px 0 0;padding-left:0;list-style:none}.toc a{color:var(--muted)}.toc li{padding:2px 0}
.prose h2[id]{scroll-margin-top:84px}.prose{max-width:46rem}.prose h2{margin-top:1.7em;font-size:1.6rem}.prose h3{margin-top:1.2em}
footer.site{margin-top:44px;padding:28px 0;color:var(--muted);font-size:.95rem}
footer.site .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer.site a{color:inherit}
@media(max-width:760px){.toc ol{columns:1}.feature{grid-template-columns:1fr;padding:20px}.shots img{height:370px}.shots.wide img{height:230px}.hero{padding:38px 0 24px}.brand img{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


body.look-neon{--bg:#07051c;--surface:rgba(20,13,66,.74);--surface2:rgba(0,240,255,.10);--text:#ecf0ff;--muted:#a9a6d8;--accent:#00f0ff;--accent2:#ff2bd6;--accent-ink:#031018;--line:rgba(0,240,255,.30);--font-head:Rajdhani,"Segoe UI",system-ui,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
background:radial-gradient(1100px 560px at 85% -8%,rgba(255,43,214,.24),transparent 60%),radial-gradient(900px 520px at 0 8%,rgba(0,240,255,.17),transparent 58%),#07051c}
body.look-neon .bgfx{background-image:linear-gradient(rgba(0,240,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.07) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(#000,transparent 75%);mask-image:linear-gradient(#000,transparent 75%)}
body.look-neon header.site{background:rgba(7,5,28,.82);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
body.look-neon nav.main a{text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-head);font-weight:700;font-size:1.02rem}
body.look-neon nav.main a:hover,body.look-neon nav.main a[aria-current=page]{background:transparent;color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent2)}
body.look-neon .brand .word{background:linear-gradient(90deg,#00f0ff,#7b5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
body.look-neon h1,body.look-neon h2{text-transform:uppercase;letter-spacing:.03em}
body.look-neon h1{background:linear-gradient(90deg,#fff 0,var(--accent) 45%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;font-weight:700}
body.look-neon .btn{background:linear-gradient(90deg,var(--accent),#7b5cff 55%,var(--accent2));color:#fff;text-transform:uppercase;letter-spacing:.08em;border:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:0 0 22px rgba(0,240,255,.45);text-shadow:0 1px 2px rgba(0,0,0,.45)}
body.look-neon .btn:hover{filter:brightness(1.18)}
body.look-neon .btn.ghost{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);text-shadow:none}
body.look-neon .card,body.look-neon .feature{background:var(--surface);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));box-shadow:inset 0 0 40px rgba(0,240,255,.05)}
body.look-neon .card:hover{transform:translateY(-4px);background:rgba(28,18,90,.85)}
body.look-neon .card img.icon{box-shadow:0 0 0 2px var(--line),0 0 24px rgba(255,43,214,.35)}
body.look-neon .shots img{border:1px solid var(--line);box-shadow:0 0 26px rgba(0,240,255,.15)}
body.look-neon ul.ticks li:before{border-radius:2px;transform:rotate(45deg);background:var(--accent2)}
body.look-neon footer.site{border-top:1px solid var(--line);background:rgba(7,5,28,.8)}
body.look-neon.theme-lw{--surface:#fffaf0}body.look-neon.theme-lw h1{background:none;color:var(--accent);text-transform:none}
body.look-neon.theme-lw header.site{background:rgba(246,236,212,.95)}body.look-neon.theme-lw .brand .word{background:none;color:#1f5a4b}
body.look-neon.theme-lw .card,body.look-neon.theme-lw .feature{box-shadow:none}body.look-neon.theme-lw footer.site{background:transparent}


body.theme-flower{--accent:#ff5a76;--accent2:#ffb347}body.theme-fruit{--accent:#ff9a1f;--accent2:#7ed957}
body.theme-cookie{--accent:#ff7fb0;--accent2:#ffcf6b}body.theme-toy{--accent:#ffc83d;--accent2:#4da3ff}
body.theme-icecream{--accent:#ff8ec7;--accent2:#52e0f0}
body.theme-lw{--bg:#f6ecd4;--surface:#fffaf0;--surface2:#efe2c0;--text:#26352f;--muted:#5d6b62;--accent:#1f5a4b;--accent2:#b8892f;--accent-ink:#fff8e6;--line:#d9c99f;--link:#1f5a4b}
body.theme-lw .bgfx{display:none}
body.theme-lw{background:var(--bg)}