:root{--bg: #0e1822;--bg-2: #13212e;--surface: #1b2b3a;--surface-2: #21364a;--border: #2c3f52;--text: #eef3f7;--text-muted: #9fb1c1;--gold: #f5b840;--gold-deep: #d99320;--coral: #ff7a59;--teal: #34c79a;--sand: #f3e7c9;--maxw: 1140px;--radius: 16px;--radius-sm: 10px;--font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow: 0 18px 40px -18px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1100px 600px at 80% -10%,rgba(245,184,64,.1),transparent 60%),radial-gradient(900px 600px at 0% 10%,rgba(52,199,154,.08),transparent 55%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0 0 .5em;font-weight:800}h1{font-size:clamp(2.2rem,5.5vw,3.6rem)}h2{font-size:clamp(1.7rem,3.5vw,2.4rem)}h3{font-size:1.3rem}p{margin:0 0 1rem}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}ul{margin:0;padding:0}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:22px}.section{padding-block:clamp(48px,8vw,96px)}.eyebrow{font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 .6rem}.muted{color:var(--text-muted)}.lead{font-size:1.15rem;color:var(--text-muted);max-width:60ch}.center{text-align:center}.center .lead{margin-inline:auto}.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-weight:700;font-size:1rem;padding:.78em 1.5em;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease;text-decoration:none}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#2a1c05;box-shadow:0 10px 24px -8px #f5b84099}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-lg{font-size:1.1rem;padding:.95em 1.9em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.site-header{position:sticky;top:0;z-index:50;background:#0e1822d9;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px;flex:none}.nav{display:flex;align-items:center;gap:6px}.nav a{color:var(--text-muted);font-weight:700;padding:8px 14px;border-radius:999px}.nav a:hover{color:var(--text);background:var(--surface);text-decoration:none}.nav .btn-primary,.nav .btn-primary:hover{color:#2a1c05}.site-footer{border-top:1px solid var(--border);background:var(--bg-2);padding-block:40px;margin-top:40px}.site-footer .container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.site-footer .nav a{font-size:.95rem}.hero{padding-block:clamp(56px,9vw,110px) clamp(40px,7vw,80px)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero h1 .accent{color:var(--gold)}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.hero-shot{position:relative;justify-self:center}.hero-shot img{border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow);width:min(300px,80vw)}.hero-shot:after{content:"";position:absolute;inset:-30px -30px auto auto;width:120px;height:120px;background:radial-gradient(circle,rgba(245,184,64,.5),transparent 70%);z-index:-1}@media(max-width:820px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero .lead{margin-inline:auto}.hero-cta{justify-content:center}}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.pill-live{color:var(--teal);border-color:#34c79a66}.pill-soon{color:var(--coral);border-color:#ff7a5966}.chips{display:flex;flex-wrap:wrap;gap:8px}.game-card{overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,border-color .2s ease}.game-card:hover{transform:translateY(-4px);border-color:var(--gold);text-decoration:none}.game-card-media{aspect-ratio:16 / 10;overflow:hidden;background:var(--bg)}.game-card-media img{width:100%;height:100%;object-fit:cover}.game-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.game-card-body h3{margin:0;color:var(--text)}.game-card-body p{margin:0;color:var(--text-muted);font-size:.96rem}.game-card-foot{margin-top:auto;padding-top:8px}.feature{padding:24px}.feature .ico{font-size:1.7rem;margin-bottom:6px}.feature h3{margin-bottom:4px}.feature p{margin:0;color:var(--text-muted);font-size:.97rem}.checklist{list-style:none;display:grid;gap:12px}.checklist li{display:flex;gap:12px;align-items:flex-start}.checklist li:before{content:"✦";color:var(--gold);font-size:1.1rem;flex:none;line-height:1.5}.game-hero{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start}.game-hero-cover img{border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.gallery img{border-radius:12px;border:1px solid var(--border);width:100%}@media(max-width:720px){.game-hero{grid-template-columns:1fr}.game-hero-cover{max-width:280px;margin-inline:auto}}.cta-band{background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:clamp(32px,5vw,56px);text-align:center}.divider{height:1px;background:var(--border);border:0;margin-block:0}.prose p{color:var(--text-muted);max-width:68ch}
