:root{--bg: #120e09;--bg-2: #17120c;--surface: #1d1710;--surface-2: #272015;--line: #352a1c;--ink: #f7eddc;--ink-2: #c3b196;--ink-3: #8f7c62;--honey: #f6b82d;--honey-2: #ffcf5c;--honey-deep: #d98c0c;--honey-ink: #3a2402;--sky: #86c9e6;--leaf: #8cc86a;--display: "Fredoka", "Segoe UI", system-ui, sans-serif;--body: "Nunito", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--radius: 22px;--wrap: 1160px;--gutter: clamp(16px, 4vw, 40px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:500 17px/1.6 var(--body);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}:focus-visible{outline:2px solid var(--honey);outline-offset:3px;border-radius:6px}::selection{background:var(--honey);color:var(--honey-ink)}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}.eyebrow{font:600 12.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--honey)}.lede{color:var(--ink-2);font-size:clamp(17px,1.6vw,19px);max-width:56ch}.muted{color:var(--ink-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}.nav.scrolled{border-bottom-color:var(--line)}.nav .wrap{display:flex;align-items:center;gap:24px;height:68px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 20px var(--display);letter-spacing:-.01em}.logo svg{width:30px;height:30px;flex:none}.logo b{color:var(--honey);font-weight:600}.nav-links{display:flex;align-items:center;gap:6px;margin-left:auto;list-style:none;padding:0;margin-block:0}.nav-links a{text-decoration:none;color:var(--ink-2);font:600 15px var(--display);padding:8px 14px;border-radius:999px;transition:color .15s,background .15s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink);background:var(--surface-2)}.nav-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--ink);width:44px;height:44px;border-radius:12px;cursor:pointer}.nav-toggle svg{width:24px;height:24px;margin:auto}@media(max-width:720px){.nav-toggle{display:grid}.nav-links{position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px var(--gutter) 18px;background:var(--bg-2);border-bottom:1px solid var(--line);display:none}.nav.open .nav-links{display:flex}.nav-links a{padding:12px 14px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 16px var(--display);text-decoration:none;padding:14px 24px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s,box-shadow .2s;white-space:nowrap}.btn svg{width:20px;height:20px;flex:none}.btn-primary{background:var(--honey);color:var(--honey-ink);box-shadow:0 10px 30px -10px #f6b82d8c}.btn-primary:hover{background:var(--honey-2);transform:translateY(-2px)}.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}.btn-ghost:hover{border-color:var(--ink-3);transform:translateY(-2px)}.btn[aria-disabled=true]{opacity:.55;pointer-events:none}.btn-row{display:flex;flex-wrap:wrap;gap:12px}section{padding:clamp(64px,9vw,120px) 0}.section-head{display:grid;gap:14px;margin-bottom:clamp(32px,5vw,56px)}.section-head h2{font-size:clamp(32px,4.4vw,52px);letter-spacing:-.015em}.hero{position:relative;padding-top:clamp(48px,8vw,96px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.hero h1{font-size:clamp(44px,7vw,88px);letter-spacing:-.025em;line-height:1;margin:18px 0 22px}.hero h1 em{font-style:normal;color:var(--honey)}.hero .btn-row{margin-top:34px}.hero-art{position:relative;aspect-ratio:1;max-width:460px;justify-self:center;width:100%}.hero-art .hex-field{position:absolute;inset:-12%;width:124%;height:124%}.hero-art img{position:relative;width:78%;margin:11% auto 0;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5));animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) rotate(-1.5deg)}}.hero-glow{position:absolute;inset:-30%;background:radial-gradient(closest-side,rgba(246,184,45,.16),transparent);pointer-events:none}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-art{max-width:320px;order:-1}}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px}.game-card{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:transform .25s ease,border-color .2s,box-shadow .25s}.game-card.featured{grid-column:1 / -1;grid-template-rows:none;grid-template-columns:1.35fr 1fr}.game-card:hover{transform:translateY(-4px);border-color:#5a4529;box-shadow:0 28px 60px -30px #000c}.game-card .shot{position:relative;background:#cfe7f1;overflow:hidden;min-height:240px}.game-card .shot img{width:100%;height:100%;object-fit:cover;object-position:55% 50%;transform:scale(1.35);transition:transform .6s ease}.game-card:hover .shot img{transform:scale(1.42)}.game-card .body{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}.game-card h3{font-size:clamp(30px,3.4vw,42px);display:flex;align-items:center;gap:14px}.game-card h3 img{width:52px;height:52px}.game-card .more{margin-top:auto;padding-top:10px;font:600 16px var(--display);color:var(--honey);display:inline-flex;gap:8px;align-items:center}.game-card .more svg{width:18px;transition:transform .2s}.game-card:hover .more svg{transform:translate(4px)}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.tags li{font:600 12.5px var(--display);letter-spacing:.02em;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);padding:4px 12px;border-radius:999px}.tags li.hot{color:var(--honey-ink);background:var(--honey);border-color:var(--honey)}.game-card.upcoming{grid-column:1 / -1;grid-template-rows:none;grid-template-columns:1fr 1.35fr}.game-card.upcoming:hover{transform:none;box-shadow:none;border-color:var(--line)}.game-card.upcoming .shot{order:2;background:#a7ddf3}.game-card.upcoming .shot img,.game-card.upcoming:hover .shot img{transform:none;object-position:30% 50%}.tags li.dev{color:#0f2a36;background:var(--sky);border-color:var(--sky)}.plans{max-width:70ch;margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15.5px;color:var(--ink-2)}.plans li{position:relative;padding-left:22px}.plans li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--sky);transform:rotate(45deg)}.game-card .coming{margin-top:auto;padding-top:10px;font:600 16px var(--display);color:var(--sky)}@media(max-width:860px){.game-card.featured,.game-card.upcoming{grid-template-columns:1fr}.game-card.upcoming .shot{order:0}.game-card .shot{aspect-ratio:16 / 10;min-height:0}}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.principle{padding:28px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:grid;gap:12px;align-content:start}.principle .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--honey)}.principle .ico svg{width:24px;height:24px}.principle b{color:var(--honey)}.principle h3{font-size:22px}.principle p{color:var(--ink-2);font-size:16px}.band{border-radius:calc(var(--radius) + 8px);padding:clamp(32px,6vw,64px);background:linear-gradient(135deg,#2b1f0e,#1a130b 60%);border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}.band h2{font-size:clamp(28px,3.6vw,42px);max-width:20ch}footer{border-top:1px solid var(--line);padding:36px 0 44px;color:var(--ink-3);font-size:14.5px}footer .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}footer nav{display:flex;gap:22px;flex-wrap:wrap}footer a{text-decoration:none;color:var(--ink-2)}footer a:hover{color:var(--ink)}.game-hero{padding-top:clamp(40px,6vw,80px);padding-bottom:0;position:relative}.game-hero:before{content:"";position:absolute;inset:0 0 30%;background:radial-gradient(80% 60% at 50% 0%,rgba(134,201,230,.12),transparent 70%);pointer-events:none}.game-hero .wrap{position:relative;display:grid;justify-items:center;text-align:center;gap:18px}.game-hero .icon{width:108px;height:108px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45))}.game-hero h1{font-size:clamp(52px,9vw,104px);letter-spacing:-.03em;line-height:.95;color:#fff4dc;text-shadow:0 10px 50px rgba(246,184,45,.3)}.game-hero .lede{margin:0 auto}.game-hero .btn-row{justify-content:center;margin-top:12px}.meta{font:500 13px var(--mono);color:var(--ink-3);display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center}.meta span:before{content:"•";margin-right:16px;color:var(--line)}.meta span:first-child:before{display:none}.showcase{margin-top:clamp(40px,6vw,72px);border-radius:calc(var(--radius) + 6px);overflow:hidden;border:1px solid var(--line);box-shadow:0 50px 120px -40px #000000d9,0 0 0 8px var(--surface);background:#cfe7f1}.showcase img{width:100%;height:auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.feature{padding:26px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:grid;gap:10px;align-content:start}.feature .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--honey)}.feature .ico svg{width:24px;height:24px}.feature h3{font-size:21px;margin-top:6px}.feature p{color:var(--ink-2);font-size:15.5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split figure{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface)}.split figure img{aspect-ratio:16 / 10;object-fit:cover;object-position:50% 48%;transform:scale(1.25)}.split figcaption{padding:14px 18px;font:600 14px var(--display);color:var(--ink-2);position:relative;background:var(--surface)}@media(max-width:720px){.split{grid-template-columns:1fr}}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;counter-reset:step}.steps li{counter-increment:step;padding:26px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:grid;gap:8px;align-content:start}.steps li:before{content:counter(step);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--honey);color:var(--honey-ink);font:700 17px var(--display);margin-bottom:6px}.steps h3{font-size:20px}.steps p{color:var(--ink-2);font-size:15.5px}.note{margin-top:22px;padding:18px 22px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-2);font-size:15px;display:flex;gap:14px;align-items:flex-start}.note svg{width:20px;height:20px;flex:none;margin-top:3px;color:var(--sky)}.note b{color:var(--ink)}code{font:500 .9em var(--mono);background:var(--surface-2);padding:2px 7px;border-radius:6px;color:var(--ink);word-break:break-all}.patches{display:grid;gap:14px}.patch{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);overflow:hidden}.patch summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px 24px}.patch summary::-webkit-details-marker{display:none}.patch .ver{font:600 20px var(--display)}.patch .date{font:500 13px var(--mono);color:var(--ink-3)}.patch .badge{font:600 11.5px var(--display);letter-spacing:.06em;text-transform:uppercase;background:var(--honey);color:var(--honey-ink);padding:3px 10px;border-radius:999px}.patch .chev{margin-left:auto;width:20px;height:20px;color:var(--ink-3);transition:transform .2s;flex:none}.patch[open] .chev{transform:rotate(180deg)}.patch ul{margin:0;padding:0 24px 22px 46px;color:var(--ink-2);display:grid;gap:8px;font-size:15.5px}.patch li::marker{color:var(--honey)}.patches-more{margin-top:18px;display:flex;justify-content:center}.faq{display:grid;gap:12px;max-width:820px}.faq details{border-bottom:1px solid var(--line);padding:6px 0 18px}.faq summary{cursor:pointer;font:600 19px var(--display);list-style:none;display:flex;justify-content:space-between;gap:16px;padding:10px 0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--honey);font-size:24px;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--ink-2);font-size:16px}.cta-final{text-align:center}.cta-final .band{justify-content:center;flex-direction:column;text-align:center}.cta-final .band h2{max-width:22ch}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}