.gc-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; }
.gc-back { color: var(--muted); text-decoration:none; }
.gc-back:hover { color: var(--text); }
.gc-title { margin:0; font-size:1.25rem; }
.gc-stats { display:flex; gap:12px; color: var(--muted); }
.gc-main { display:grid; place-items:center; padding: 8px 16px 24px; }
#game { width: min(96vw, 900px); height: auto; aspect-ratio: 800 / 560; border-radius: 14px; border: 2px solid rgba(255,255,255,0.08); background:#070a12; }
.gc-overlay { position: absolute; inset: 70px 16px 16px 276px; display:grid; place-items:center; }
@media (max-width: 900px) { .gc-overlay { inset: 70px 16px 16px 16px; } }
.gc-panel { max-width: 600px; width: 100%; padding: 18px; border-radius: 14px; background: rgba(0,0,0,0.45); backdrop-filter: blur(8px); border:1px solid rgba(255,255,255,0.08); text-align:center; }
.gc-actions { display:flex; justify-content:center; gap:10px; margin-top: 12px; }
.gc-btn { padding:10px 14px; border-radius:10px; background:#3a7bff; color:#fff; border:none; cursor:pointer; }
.gc-btn--ghost { background: transparent; border:1px solid rgba(255,255,255,0.25); color: var(--text); }
.gc-tips { color: var(--muted); font-size: .95rem; margin-top: 8px; }
.gc-touch { position: fixed; z-index: 5; bottom: 16px; right: 16px; display:flex; gap: 10px; }
.gc-touch button { width: 52px; height: 52px; border-radius: 50%; border:1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0.35); color: var(--text); font-size: 1.1rem; }
@media (min-width: 901px) { .gc-touch { display:none; } }