* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Noto Naskh Arabic', system-ui, sans-serif; background: #1a1a2e; overflow-x: hidden; touch-action: auto; transition: background 3s; }
#gc { display: block; margin: 0 auto; border: 3px solid #64748b; border-radius: 20px; cursor: pointer; width: 95vw; max-width: 700px; }
.score-display { color: #fbbf24; font-size: 2.5rem; font-weight: 900; text-align: center; text-shadow: 0 4px 12px rgba(251,191,36,0.3); line-height: 1; }
.btn { background: #f97316; color: white; border: none; padding: 14px 35px; border-radius: 50px; font-size: 16px; font-weight: 700; cursor: pointer; letter-spacing: 2px; text-transform: uppercase; box-shadow: 0 6px 24px rgba(249,115,22,0.5); transition: all 0.1s; }
.btn:active { transform: scale(0.94); background: #ea580c; }
.btn-sm { padding: 10px 16px; font-size: 14px; background: #475569; }
@keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.04)} }
.pulse { animation: pulse 2s ease-in-out infinite; }
.phase-label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; }
.game-wrapper { position: relative; display: inline-block; }
.sky-msg { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.85); color: #fbbf24; padding: 6px 16px; border-radius: 20px; font-size: 0.65rem; font-weight: 500; z-index: 10; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity 0.5s; }
.achieve-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 100; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; }
.achieve-overlay.hidden { display: none; }
.achievement { color: #fbbf24; font-size: 2rem; font-weight: 900; text-align: center; text-shadow: 0 0 30px rgba(251,191,36,0.6); }
.achievement-sub { color: #e2e8f0; font-size: 0.9rem; text-align: center; }
.progress-bar-container { width:100%;max-width:700px;margin:4px auto 0;display:flex;align-items:center;gap:8px;padding:0 4px; }
.progress-label { color:#64748b;font-size:0.55rem;white-space:nowrap; }
.progress-track { flex:1;background:#334155;border-radius:10px;height:5px;overflow:hidden; }
.progress-fill { background:linear-gradient(90deg,#f97316,#fbbf24);height:100%;width:0%;border-radius:10px;transition:width 0.5s; }
.hint-text { color:#94a3b8;font-size:0.65rem;text-align:center; }
.difficulty-text { color:#64748b;font-size:0.6rem;text-align:center; }