.ga-root{--bg:#0a0f12;--fg:#e9eef4;--muted:#9fb0bf;--accent:#3ecf8e;--accent2:#7cf7b3;--danger:#ff6b6b;--dea:#ff3366;--police:#5ea1ff;--plug:#f1c24a;--panel:#0e151b;--line:#18232d;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;display:inline-block;border:1px solid var(--line);background:var(--bg);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden;position:relative}
.ga-hud{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15));backdrop-filter:blur(6px);padding:8px 10px;color:var(--fg);border-bottom:1px solid var(--line)}
.ga-label{color:var(--muted);margin-right:4px}.ga-sep{opacity:.65;margin:0 8px}
.ga-btn{background:transparent;border:1px solid var(--line);color:var(--fg);padding:6px 10px;border-radius:10px;cursor:pointer}.ga-btn:hover{border-color:var(--accent)}
.ga-canvas{display:block;background:linear-gradient(#0b1b2a,#071219);width:100%;height:auto;image-rendering:auto}
.ga-help{color:var(--muted);font-size:12px;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel)}
.ga-audio-panel{position:absolute;right:8px;top:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px 10px 10px;display:none;flex-direction:column;gap:8px;min-width:220px;max-width:280px;max-height:260px;overflow:auto;box-shadow:0 10px 24px rgba(0,0,0,.35);z-index:5}
.ga-audio-panel.open{display:flex}.ga-audio-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--panel)}
.ga-audio-panel .ga-close{background:transparent;border:0;cursor:pointer;color:var(--muted);font-size:16px;padding:2px 6px}
.ga-audio-row{display:flex;align-items:center;gap:8px}.ga-audio-row label{width:78px;color:var(--muted)}
.ga-audio-row input[type=range]{flex:1}.ga-audio-row span{width:36px;text-align:right;color:var(--muted);font-size:12px}


/* === Container + Hero (v0.7.3) === */
.ga-frame{--brown:#1b140e;--brown-2:#0e0b08;--neon-g:#39ff14;--neon-o:#ff7a00;
  max-width:1100px;margin:16px auto;border:1px solid rgba(57,255,20,.45);
  border-radius:20px;padding:10px;background:linear-gradient(180deg,var(--brown),var(--brown-2));
  position:relative;box-shadow:0 0 16px rgba(57,255,20,.35), inset 0 0 28px rgba(255,122,0,.18)}
.ga-frame::after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;
  box-shadow:0 0 18px rgba(255,122,0,.35)}
.ga-hero{overflow:hidden; overflow:hidden; aspect-ratio:16/5;background:#14100c;margin-bottom:10px;border-radius:14px;overflow:hidden;
  border:1px solid rgba(255,122,0,.55);box-shadow: inset 0 0 30px rgba(255,122,0,.25)}
.ga-hero img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 10px rgba(57,255,20,.25))}
.ga-inner{border:1px solid rgba(57,255,20,.5);border-radius:14px;overflow:hidden;
  box-shadow:0 0 14px rgba(57,255,20,.45), inset 0 0 26px rgba(255,122,0,.18)}
/* Adjust game palette to browns + neon accents */
.ga-root{--bg:#0b0b09;--panel:#13100c;--card:#0f0c09;--line:#2a1b12;--fg:#eae6df;--muted:#b7a999;
  --accent:#39ff14;--accent-2:#93ff88;--warn:#ff7a00}
.ga-canvas{background:linear-gradient(#1b130d,#0b0b09)}
.ga-btn:hover{border-color:var(--accent); box-shadow:0 0 10px rgba(57,255,20,.35)}
.ga-hud,.ga-help{background:var(--panel)}


/* v0.7.5 centering */
.ga-inner{max-width:1120px;margin:0 auto;display:block}
.ga-inner .ga-root{max-width:1100px;margin:0 auto}
.ga-hero{overflow:hidden; overflow:hidden; display:block}

/* v0.7.6 hero tuning */
.ga-frame{box-shadow:0 0 24px rgba(57,255,20,.45), inset 0 0 40px rgba(255,122,0,.28)}
.ga-frame::after{box-shadow:0 0 26px rgba(255,122,0,.50), inset 0 0 22px rgba(57,255,20,.35)}
.ga-hero{overflow:hidden; overflow:hidden; display:flex;align-items:center;justify-content:center; padding:8px 10px;
  border:1px solid rgba(255,122,0,.75); box-shadow: inset 0 0 46px rgba(255,122,0,.35), 0 0 20px rgba(57,255,20,.25)}
.ga-hero img{max-height:220px;width:auto;display:block;object-fit:contain;margin:0 auto;
  filter:drop-shadow(0 0 18px rgba(57,255,20,.55)) drop-shadow(0 0 10px rgba(255,122,0,.45))}
@media (min-width: 1024px){
  .ga-hero img{max-height:260px}
}

/* v0.7.7b hero size tweaks */
.ga-hero{overflow:hidden; overflow:hidden; display:flex;align-items:center;justify-content:center;gap:12px}
.ga-hero-logo{max-height:380px;width:auto;object-fit:contain;
  filter:drop-shadow(0 0 22px rgba(57,255,20,.7)) drop-shadow(0 0 12px rgba(255,122,0,.55))}
@media(min-width:1024px){.ga-hero-logo{max-height:420px}}
.ga-hero-side{height:90px;width:auto;opacity:.95;filter:drop-shadow(0 0 8px rgba(255,122,0,.35))}

/* v0.7.8 hero sizing */
.ga-hero-logo.ga-hero-logo-lg{max-height:406px}
@media(min-width:1024px){.ga-hero-logo.ga-hero-logo-lg{max-height:446px}}
.ga-hero-side{max-height:100px;height:auto;width:auto}


/* v0.8.2 hero background plane */
.ga-hero{position:relative;background:#0f0b07 url('../img/hero_bg_plane.png') center/cover no-repeat; overflow:hidden}
.ga-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.45));pointer-events:none}
.ga-hero > *{position:relative;z-index:1}
/* tighter layout + smaller logo */
.ga-hero{gap:8px}
.ga-hero-logo.ga-hero-logo-lg{max-height:394px}
@media(min-width:1024px){.ga-hero-logo.ga-hero-logo-lg{max-height:432px}}
.ga-hero-side{max-height:90px;height:auto;width:auto;object-fit:contain;transform:translateX(4px)}
.ga-hero-left{margin-right:-6px}
.ga-hero-right{margin-left:-6px}

/* v1.0.0 stable: center canvas & hero fit */
.ga-frame{max-width:1100px;margin:16px auto;}
.ga-inner{max-width:1100px;margin:0 auto;}
.ga-root canvas,.ga-canvas{display:block;width:100% !important;height:auto !important;max-width:1100px;margin:0 auto;}
.ga-root,.ga-inner,.ga-frame{transform:none !important;zoom:normal !important;}

.ga-hero{gap:5px;overflow:hidden}
.ga-hero-side{max-height:68px;height:auto;width:auto;object-fit:contain}
.ga-hero-left{margin-right:-2px}
.ga-hero-right{margin-left:-2px}
.ga-hero-logo.ga-hero-logo-lg{max-height:360px}
@media(min-width:1024px){ .ga-hero-logo.ga-hero-logo-lg{max-height:392px} }

/* v1.6.2 fullscreen visuals */
.ga-root.ga-fs{background:#0b0f14;}



.ga-ver{font-size:10px;line-height:12px;color:#8a8a8a;margin-bottom:4px;font-family:system-ui,Arial,sans-serif;text-align:left;}