/* Games: an energetic, tactile playground built around actual game artwork. */
:root{--bg:#10152b;--ink:#f8f8ef;--muted:#c6cbdf;--dim:#b6bfd5;--faint:#aab5cc;--gold:#dcfa73;--cyan:#94dfef;--violet:#aaa0ff;--line:#343e5b;--line2:#637190}
body{background:#10152b}body::before{display:none}
#nav,#nav.scrolled{background:#10152bf5;border-color:#343e5b}
.brand-mark{background:#dcfa73;color:#111a32;box-shadow:3px 3px 0 #657746;border-radius:9px;transform:rotate(-8deg)}
.brand-n{font-weight:700;letter-spacing:.6px}.brand-s{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;color:var(--dim)}
.hero,.hero.tall{background:#10152b;padding-top:140px;padding-bottom:44px;overflow:hidden}
.hero::before{background:radial-gradient(circle at 76% 40%,#37386a 0,transparent 48%),radial-gradient(#ffffff18 1px,transparent 1px);background-size:auto,24px 24px;mask-image:none}
.hero-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
.hero h1{font-size:clamp(40px,4.5vw,65px);font-weight:700;line-height:1.2;letter-spacing:-2px}
h1 .grad,h2 .grad{background:none;color:#dcfa73;-webkit-text-fill-color:currentColor}
.pill{border:1px solid #6b7650;color:#dcfa73;background:#dcfa730b;border-radius:6px;box-shadow:none;padding:7px 12px;letter-spacing:2px}
.pill::before{background:#dcfa73;box-shadow:none}.lead{font-size:16px;max-width:555px}
.btn,.nav-cta{border-radius:8px;font-weight:700}.btn-p,.nav-cta{background:#dcfa73;color:#17202e;box-shadow:4px 4px 0 #70883e}
.btn-p:hover,.nav-cta:hover{background:#ecffa6;box-shadow:2px 2px 0 #70883e}.btn-g{border:1px solid #818ba4}
.game-preview{max-width:430px;width:100%;padding:18px 18px 14px;background:#aaa0ff;border-radius:22px;transform:rotate(4deg);box-shadow:14px 16px 0 #080c1c;position:relative}
.game-preview::before{content:'';position:absolute;width:44px;height:44px;background:#dcfa73;right:-14px;top:-14px;border:5px solid #10152b;border-radius:50%;box-shadow:none}
.game-preview img{border:0;border-radius:10px;box-shadow:none;width:100%}
.game-preview figcaption{color:#20203c;font-weight:700;text-align:center;font-size:11px;margin-top:12px}
.stats{border:0;border-top:1px solid #46506b;border-radius:0;background:none;box-shadow:none;margin-top:22px;padding:26px 0 0;overflow:visible}
.stat{padding:0 24px;background:none;border-right:1px solid #46506b}.stat b{background:none;-webkit-text-fill-color:currentColor;color:#dcfa73;font-size:34px;font-weight:700}
.belief{background:#dcfa73;color:#17202e;transform:none;border:0;padding:54px 28px}
.belief::before,.belief h2::before{display:none}.belief .tag{color:#405220}.belief p{color:#354523}.belief h2{font-weight:700}
section.alt{background:#171e37}.tag{color:#dcfa73}.card{background:#1b2340;border:1px solid #39445f;border-radius:16px;padding:14px 14px 24px;box-shadow:none;overflow:hidden}
.card:hover{transform:translateY(-5px);border-color:#dcfa73;box-shadow:0 14px 30px #0003}
.card-art{height:230px;border-radius:10px;margin:0 0 22px;background:color-mix(in srgb,var(--a) 22%,#252f4a)}
.card h3,.card p,.card-top,.card .tags,.card .more{margin-left:8px;margin-right:8px}.card h3{font-weight:700}
.card-label{display:none}.art-index{color:#f9fbff9c}.art-emoji{font-size:70px}.genre,.more b{color:#dcfa73}
.tags span{background:#2d3754;color:#d2d8e8}.badge.live{background:#dcfa73;color:#243019}.badge.dev{background:#353960;color:#ddd8ff}
.box,.step{border-radius:12px;padding:24px;background:#1b2340;border:1px solid #39445f}.step b{color:#dcfa73}.rule{background:#dcfa73}
.cta{background:#222b49}.cta::before{display:none}.field input,.field select,.field textarea{background:#1b2340}
footer{background:#0c1021}.langs a[aria-current="true"]{background:#dcfa7315;color:#dcfa73}
@media(max-width:1024px){.menu{background:#10152b}.hero-layout{gap:32px}.game-preview{max-width:360px}}
@media(max-width:700px){
 .hero,.hero.tall,.hero:not(.tall){padding:112px 24px 40px}.hero-layout{grid-template-columns:1fr;gap:36px}
 .hero h1{font-size:39px;letter-spacing:-1.4px}.lead{font-size:15px}.game-preview{max-width:300px;transform:rotate(2deg);padding:12px}
 .stats{margin-top:10px;gap:26px}.stat{padding:0;border:0}.stat b{font-size:30px}.belief{padding:42px 24px}
 .brand-s{display:none}.card-art{height:230px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}