:root{--primary: #6366f1;--bg: #0f172a;--panel: rgba(30, 41, 59, .8)}body,html{margin:0;padding:0;overflow:hidden;background:var(--bg);font-family:Inter,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}.game-container{width:100vw;height:100vh;position:relative;background:radial-gradient(circle at center,#1e293b,#0f172a)}.game-canvas{display:block}.interaction-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.hud-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.score-badge,.highscore-badge{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;color:#fff;display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.cloud-sync{font-size:.8rem;color:#ffffff80;display:flex;align-items:center;gap:6px}.sync-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulse 2s infinite}.joystick-base{position:absolute;width:100px;height:100px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;z-index:100;pointer-events:none}.joystick-handle{position:absolute;top:25px;left:25px;width:50px;height:50px;background:#fff;border-radius:50%;box-shadow:0 0 20px #ffffff80}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#1e293b;padding:40px;border-radius:32px;text-align:center;color:#fff;max-width:400px;width:90%;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080}.modal-icon{width:80px;height:80px;background:var(--primary);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 0 30px #6366f166}.play-btn{background:#fff;color:var(--bg);border:none;padding:16px 40px;border-radius:16px;font-size:1.2rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:10px;margin:30px auto 0;transition:transform .2s}.play-btn:hover{transform:scale(1.05)}.controls-hint{margin-top:20px;font-size:.9rem;color:#fff6}.icon-pulse{animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}