@import"https://fonts.googleapis.com/css?family=Comfortaa";html,body{margin:0;overflow:hidden;height:100%;width:100%;position:relative;font-family:Comfortaa,cursive;background:linear-gradient(120deg,#f0f4ff,#e8f7ff,#fff3e0);background-size:200% 200%;animation:bg-pan 12s ease infinite}#container{width:100%;height:100%;position:relative}#container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 40%,#0000 60%,#0000001f)}#score{position:absolute;top:20px;width:100%;text-align:center;font-size:10vh;transition:transform .5s ease;color:#334;transform:translatey(-200px) scale(1)}#version{position:absolute;right:5px;bottom:5px}#game{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes bg-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-content{background-color:#fff;border-radius:15px;padding:30px;max-width:450px;width:90%;max-height:90vh;text-align:center;box-shadow:0 10px 30px #0000004d;overflow-y:auto}.modal-section{transition:opacity .3s ease}.modal-section.hidden{display:none}.modal h2{margin:0 0 20px;color:#334;font-size:28px}.modal h3{margin:20px 0 10px;color:#334;font-size:20px}.modal input[type=text]{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:20px;box-sizing:border-box;font-family:Comfortaa,cursive;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-webkit-touch-callout:none;-webkit-user-modify:read-write-plaintext-only;position:relative;z-index:10}.modal input[type=text]:focus{outline:none;border-color:#334}.modal button{background-color:#334;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;font-family:Comfortaa,cursive;transition:background-color .3s ease}.modal button:hover{background-color:#556}#start-button{font-size:20px;padding:15px 30px;margin-bottom:20px}#play-again-btn{font-size:18px;padding:12px 24px}#previous-scores,#previous-scores-game-over{margin-top:20px;border-top:1px solid #eee;padding-top:20px}#scores-list,#scores-list-game-over{overflow-y:visible}.score-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.score-item:last-child{border-bottom:none}.no-scores{color:#999;font-style:italic;margin:10px 0}#final-score{font-weight:700;font-size:24px;color:#334}#instructions{position:absolute;width:100%;top:16vh;left:0;text-align:center;transition:opacity .5s ease,transform .5s ease;opacity:0}#instructions.hide{opacity:0!important}.playing #score,.resetting #score{transform:translatey(0) scale(1)}.playing #instructions{opacity:1}.ended #score{transform:translatey(6vh) scale(1.5)}.global-leaderboard{position:absolute;top:20px;right:20px;width:280px;background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);z-index:100;display:none;font-family:Comfortaa,cursive;overflow:hidden}.leaderboard-header{background:linear-gradient(135deg,#334,#556);color:#fff;padding:15px 20px;text-align:center;border-radius:12px 12px 0 0}.leaderboard-header h3{margin:0 0 5px;font-size:18px;font-weight:700}.leaderboard-subtitle{font-size:12px;opacity:.8}.leaderboard-content{max-height:400px;overflow-y:auto;padding:10px 0}.leaderboard-item{display:flex;align-items:center;padding:8px 20px;border-bottom:1px solid rgba(0,0,0,.1);transition:background-color .2s ease}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background-color:#3333440d}.leaderboard-item.me{position:relative;background:linear-gradient(90deg,#4caf501f,#4caf500a)}.leaderboard-item.me .player-name:after{content:"you";margin-left:8px;font-size:11px;color:#4caf50;background:#4caf5026;border:1px solid rgba(76,175,80,.35);padding:2px 6px;border-radius:999px}.personal-best-banner{background:linear-gradient(135deg,gold,#ffb300);color:#334;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:700;box-shadow:0 4px 12px #00000026}.personal-best-banner.hidden{display:none}.leaderboard-item.top-three{background:linear-gradient(90deg,#ffd7001a,#ffd7000d)}.rank{width:30px;font-weight:700;font-size:14px;text-align:center}.player-name{flex:1;font-size:14px;font-weight:500;color:#334;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-weight:700;font-size:14px;color:#334;min-width:50px;text-align:right}.no-scores{text-align:center;color:#999;font-style:italic;padding:20px;font-size:14px}@media (max-width: 768px){.global-leaderboard{width:250px;top:10px;right:10px}.leaderboard-header h3{font-size:16px}.leaderboard-item{padding:6px 15px}.player-name,.score{font-size:13px}.modal input[type=text]{font-size:16px;padding:14px 12px;border-radius:6px;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;touch-action:manipulation;position:relative;z-index:10}.modal-content{padding:20px;margin:10px}.modal h2{font-size:24px}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.particle{position:absolute;border-radius:50%;pointer-events:none;animation:particle-fade 1s ease-out forwards}@keyframes particle-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}.achievement-container{position:absolute;top:20px;left:20px;z-index:2000;pointer-events:none}.achievement-notification{display:flex;align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-bottom:10px;transform:translate(-100%);opacity:0;transition:all .3s ease;max-width:300px}.achievement-notification.show{transform:translate(0);opacity:1}.achievement-icon{font-size:24px;margin-right:12px;flex-shrink:0}.achievement-content{flex:1}.achievement-title{font-weight:700;font-size:14px;margin-bottom:2px}.achievement-description{font-size:12px;opacity:.9}.audio-controls{position:absolute;bottom:20px;left:20px;z-index:150}.audio-btn{background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s ease}.audio-btn:hover{background:#fff;transform:scale(1.1)}.audio-btn.muted{opacity:.5}.score-multiplier{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:score-pop .5s ease-out;pointer-events:none;z-index:100}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.difficulty-indicator{position:absolute;top:20px;left:20px;background:#ffffffe6;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:700;color:#334;z-index:100}.difficulty-easy{color:#4caf50}.difficulty-medium{color:#ff9800}.difficulty-hard{color:#f44336}