:root { --bg:#0c1014; --surface:#12181e; --card:#192127; --card2:#202b30; --text:#f5f6ee; --muted:#a8b5b8; --border:#2b373d; --primary:#c7f35a; --primary2:#c7f35a; --gold:#c7f35a; --gold2:#c7f35a; }
body { background:var(--bg); font-family:'Inter','Segoe UI',sans-serif; }
img { max-width:100%; height:auto; }
html { scroll-padding-top:100px; }
a:focus-visible,button:focus-visible,[role=button]:focus-visible { outline:3px solid #c7f35a; outline-offset:5px; }
nav { background:rgba(12,16,20,.94); padding:16px max(24px,calc((100vw - 1240px)/2)); border-color:var(--border); }
.nav-links { gap:24px; }
.nav-cta,.btn,.store-btn { border-radius:8px; }
.btn { font-family:inherit; font-size:.9rem; padding:16px 25px; border:1px solid transparent; }
.btn-primary { background:#c7f35a; color:#15200b; box-shadow:none; }
.btn-primary:hover { background:#d6ff7d; box-shadow:0 8px 28px #c7f35a20; }
.btn-outline { border-color:#455158; background:#ffffff04; }
.btn:disabled { color:#b3bdbf; background:#273137; border:1px solid #455158; cursor:not-allowed; box-shadow:none; transform:none; }
.section-label { color:#c7f35a; letter-spacing:2px; }
.section-title,h2 { letter-spacing:-1px; }
.container { max-width:1200px; }
section { padding:96px 24px; }
.feature-card,.app-card,.value-card,.stat-card,.platform-card,.contact-card,.download-card { border-radius:16px; background:var(--card); border-color:var(--border); box-shadow:none; }
.feature-card:hover,.app-card:hover,.value-card:hover,.platform-card:hover { border-color:#c7f35a70; }
.tag,.soon-tag { color:#c7f35a; background:#c7f35a12; border-color:#c7f35a35; }
footer { background:#0c1014; }
.footer-links { flex-wrap:wrap; justify-content:center; }
.studio-page .hero { min-height:740px; align-items:flex-start; text-align:left; padding:150px max(24px,calc((100vw - 1200px)/2)) 100px; background:radial-gradient(ellipse at 85% 40%,#c7f35a10,transparent 55%); }
.studio-page .hero::before { background:repeating-linear-gradient(90deg,transparent 0,transparent 119px,#ffffff03 120px); }
.studio-page .hero-logo { width:160px; animation:none; margin-bottom:40px; }
.studio-page .hero h1 { font-size:clamp(2.6rem,6.3vw,5.6rem); line-height:1.03; letter-spacing:-3px; background:none; -webkit-text-fill-color:var(--text); max-width:850px; }
.studio-page .hero p { margin:24px 0 32px; max-width:580px; }
.studio-page .hero .btn-outline { margin-left:10px; }
.studio-page .app-footer { margin-top:auto; flex-wrap:wrap; }
.studio-page .app-card { display:flex; flex-direction:column; }
.studio-page .stat-icon { background:#c7f35a15; }
.studio-page .contact-email { color:#c7f35a; border-color:#c7f35a40; }
.studio-page .contact-card::before { background:radial-gradient(circle,#c7f35a15,transparent 70%); }
.studio-page .apps-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.game-page h1,.game-page h2,.game-page .platform-name,.game-page .nav-logo span { font-family:'Inter','Segoe UI',sans-serif; }
.game-page .hero { min-height:780px; background:#0c1014; padding:160px max(24px,calc((100vw - 1200px)/2)) 100px; justify-content:flex-start; gap:40px; }
.game-page .hero-bg { background-image:linear-gradient(90deg,#0c1014,#0c1014bb),url('CapsArenaFootball/gameplay-match.jpg'); filter:none; transform:none; opacity:.32; }
.game-page .hero-scrim { background:linear-gradient(0deg,#0c1014,transparent 45%); }
.game-page .hero-content { text-align:left; flex:1; max-width:680px; }
.game-page .hero h1 { font-size:clamp(3rem,6.1vw,5.5rem); line-height:1.02; letter-spacing:-3px; text-shadow:none; }
.game-page .hero h1 span { background:none; -webkit-text-fill-color:#c7f35a; color:#c7f35a; }
.game-page .hero p { margin:24px 0 32px; max-width:530px; color:#a8b5b8; }
.game-page .hero-actions,.game-page .hero-badges { justify-content:flex-start; }
.game-page .hero-kicker { color:#c7f35a; background:#c7f35a0d; border-color:#c7f35a40; letter-spacing:1px; }
.hero-art { position:relative; z-index:2; flex:0 1 400px; align-self:center; }
.hero-art::before { content:''; position:absolute; inset:10% 0; border-radius:50%; background:#c7f35a13; border:1px solid #c7f35a35; transform:rotate(-15deg); }
.hero-art img { position:relative; width:100%; max-height:480px; object-fit:contain; filter:drop-shadow(0 24px 28px #0008); }
.hero-art figcaption { position:relative; text-align:center; color:#c7f35a; font-size:.72rem; letter-spacing:3px; margin-top:18px; }
.game-page .marquee-wrap { background:#c7f35a; padding:16px 0; }
.game-page .marquee span { color:#15200b; font-family:inherit; font-size:.8rem; letter-spacing:1px; }
.game-page .concept-media { border-radius:16px; transform:rotate(-2deg); overflow:hidden; border:1px solid #455158; }
.game-page .concept-item .num { background:#c7f35a15; color:#c7f35a; }
.game-page .feature-icon { background:transparent; }
.game-page #download { background:radial-gradient(ellipse at 50% 100%,#c7f35a0b,transparent 70%),var(--surface); }
.game-page .download-card { max-width:850px; padding:60px; }
.game-page .download-card::before { background:radial-gradient(circle,#c7f35a12,transparent 70%); }
.game-page .download-card .hero-actions { justify-content:center; }
.platform-card--soon { border-style:dashed; }
.status-label { color:#c7f35a; font-size:.8rem; font-weight:600; }
.lightbox-close { position:absolute; top:20px; right:24px; width:44px; height:44px; border:1px solid #ffffff60; border-radius:50%; color:white; background:#12181e; font-size:28px; cursor:pointer; }
.menu-toggle { display:none; border:1px solid var(--border); background:var(--card); color:var(--text); border-radius:8px; padding:10px 14px; font:inherit; cursor:pointer; }
.slider-pause { display:block; margin:18px auto 0; padding:10px 18px; border:1px solid var(--border); border-radius:8px; background:var(--card); color:var(--text); cursor:pointer; }
.game-page .slider-dot { width:28px; height:28px; border:9px solid var(--surface); }
.game-page .slider-dot.active { transform:none; }
.game-page .screen-frame { background:var(--card); }
.legal-page { --input-bg:#11191f; }
.legal-page nav { position:sticky; top:0; }
.legal-page .page-label,.legal-page main a { color:var(--primary); }
.legal-page input:focus-visible { outline:3px solid var(--primary); outline-offset:3px; }
.legal-page .toc,.legal-page .info-card,.legal-page .form-card,.legal-page .contact-box { border-radius:16px; }
.legal-page footer { margin-top:auto; }
.legal-page main { min-width:0; }
.legal-page main section { padding:0; }
.legal-page table { table-layout:fixed; overflow-wrap:anywhere; }
.legal-page th,.legal-page td { padding:12px 8px; }
.legal-page .nav-logo img { height:auto; }
.legal-page input { min-width:0; max-width:100%; }
.legal-page .contact-box a { overflow-wrap:anywhere; }
.legal-page .contact-box { background:#c7f35a0b; border-color:#c7f35a35; }
.legal-page .contact-box a { border-color:#c7f35a40; border-radius:8px; }
.legal-page .section h2 .num { color:#15200b; }
.legal-page .section p,.legal-page .section ul,.legal-page .section ol,.legal-page td,.legal-page .highlight { color:var(--muted); }
.legal-page .form-card { background:var(--card); border-color:var(--border); }
@media(min-width:640px) { .game-page .slider { max-width:min(720px,calc(100% - 116px)); } }
@media(max-width:1050px) {
  .game-page .menu-toggle { display:block; }
  .game-page .nav-links { display:none; position:absolute; top:100%; left:0; right:0; background:var(--surface); padding:20px; border-bottom:1px solid var(--border); flex-direction:column; align-items:stretch; }
  .game-page .nav-links.is-open { display:flex; }
  .game-page .nav-links li { display:block; }
  .game-page .nav-links a { display:block; padding:10px; }
  .hero-art { flex-basis:300px; }
}
@media(max-width:768px) {
  nav { padding:12px 18px; } section { padding:64px 20px; }
  .studio-page .menu-toggle { display:block; }
  .studio-page .nav-links { display:none; position:absolute; top:100%; left:0; right:0; background:var(--surface); padding:20px; border-bottom:1px solid var(--border); flex-direction:column; gap:8px; }
  .studio-page .nav-links.is-open { display:flex; }
  .studio-page .nav-links a { display:block; padding:10px; }
  .legal-page .nav-logo span { font-size:.9rem; }
  .studio-page .hero,.game-page .hero { min-height:auto; padding:125px 20px 64px; }
  .studio-page .hero h1,.game-page .hero h1 { letter-spacing:-1.8px; }
  .studio-page .apps-grid { grid-template-columns:1fr; }
  .studio-page .hero .btn-outline { margin:12px 0 0; }
  .game-page .hero { flex-direction:column; gap:20px; }
  .hero-art { flex:auto; width:230px; } .hero-art img { max-height:240px; }
  .game-page .hero-badges { gap:12px; }
  .game-page .nav-logo span { font-size:.85rem; }
  .game-page .nav-cta { font-size:.75rem; padding:8px 12px; }
  .game-page .download-card { padding:36px 20px; }
  .game-page .concept-media { transform:none; }
  .hero-actions .btn { flex:1 1 auto; justify-content:center; }
  .footer-links { gap:16px; } .contact-card { padding:40px 20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }