*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0e1a;--bg-card: #141929;--border: #1e2640;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .3);--accent: #22d3ee;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--text: #e8ebf4;--text-dim: #6b7294;--gold: #fbbf24;--silver: #94a3b8;--bronze: #d97706}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.screen{display:none;position:fixed;top:0;right:0;bottom:0;left:0}.screen.active{display:flex;flex-direction:column}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}h1{font-size:42px;font-weight:800;letter-spacing:-1px}h2{font-size:28px;font-weight:700}.subtitle{color:var(--text-dim);margin-top:8px;font-size:16px}.btn{padding:14px 28px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;max-width:300px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{transform:scale(.96);background:#5558e6}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:active{background:var(--border)}.btn-large{font-size:20px;padding:18px 32px}.btn-back{background:none;border:none;color:var(--text);font-size:24px;cursor:pointer;padding:8px}.menu-buttons{display:flex;flex-direction:column;gap:12px;margin-top:32px;align-items:center}.menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.game-hud{display:flex;justify-content:space-around;padding:16px 20px;background:var(--bg-card);border-bottom:1px solid var(--border);padding-top:max(16px,env(safe-area-inset-top))}.hud-item{text-align:center}.hud-label{display:block;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.hud-value{display:block;font-size:28px;font-weight:800;margin-top:2px}#game-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tap-target{width:140px;height:140px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 0 40px var(--primary-glow);transition:transform .1s;position:absolute}.tap-target:active{transform:scale(.9)}.tap-target.bonus{background:var(--accent);box-shadow:0 0 40px #22d3ee66}.multiplier{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:800;color:var(--accent);pointer-events:none;animation:fadeUp .8s ease-out forwards}@keyframes fadeUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-100%) scale(1.5)}}.score-popup{position:absolute;font-size:22px;font-weight:700;color:var(--gold);pointer-events:none;animation:popUp .6s ease-out forwards}@keyframes popUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.big-score{font-size:72px;font-weight:900;color:var(--primary);margin:16px 0}.new-best{color:var(--gold);font-size:20px;font-weight:700;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.rank-info{color:var(--text-dim);font-size:16px;margin:12px 0}.screen-content{padding:20px;padding-top:max(20px,env(safe-area-inset-top));overflow-y:auto;height:100%}.screen-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.tab-bar{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;padding:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.lb-list{display:flex;flex-direction:column;gap:4px}.lb-entry{display:flex;align-items:center;padding:12px 16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.lb-entry.me{border-color:var(--primary);background:#6366f11a}.lb-rank{width:36px;font-weight:800;font-size:18px}.lb-rank.gold{color:var(--gold)}.lb-rank.silver{color:var(--silver)}.lb-rank.bronze{color:var(--bronze)}.lb-name{flex:1;font-size:15px}.lb-score{font-weight:700;font-size:16px;color:var(--accent)}.lb-my-rank{margin-top:16px;padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--primary);text-align:center}.profile-card{background:var(--bg-card);border-radius:12px;padding:20px;border:1px solid var(--border);margin-bottom:20px;text-align:center}.profile-card .avatar{font-size:48px;margin-bottom:8px}.profile-card .name{font-size:20px;font-weight:700}.profile-card .id{font-size:11px;color:var(--text-dim);margin-top:4px}.profile-section{background:var(--bg-card);border-radius:12px;padding:16px;border:1px solid var(--border);margin-bottom:12px}.profile-section label{display:block;color:var(--text-dim);font-size:12px;margin-bottom:6px}.profile-section h3{font-size:15px;margin-bottom:10px}.profile-section input{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;margin-bottom:10px}.profile-section .btn{max-width:100%;margin-top:4px}.referral-card{background:var(--bg-card);border-radius:12px;padding:24px;border:1px solid var(--border);text-align:center;margin-bottom:16px}.referral-code{font-size:36px;font-weight:900;letter-spacing:6px;color:var(--accent);margin:16px 0;font-family:monospace}.referral-stats{background:var(--bg-card);border-radius:12px;padding:16px;border:1px solid var(--border);margin-bottom:16px}.banner{margin-top:16px;padding:12px 16px;background:#22d3ee1a;border:1px solid var(--accent);border-radius:8px;font-size:14px;max-width:300px;text-align:center}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);padding:12px 24px;border-radius:12px;font-size:14px;z-index:100;animation:slideUp .3s ease-out}.toast.hidden{display:none}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}