:root{--bg-color: #0d0d0d;--bg-secondary: #1a1a1a;--accent-color: #00ffcc;--text-color: #ffffff;--text-muted: #888888}[data-theme=light]{--bg-color: #f0f0f0;--bg-secondary: #ffffff;--accent-color: #00aa88;--text-color: #1a1a1a;--text-muted: #666666}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none}body{background-color:var(--bg-color);color:var(--text-color);width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s}#game-canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;background-color:var(--bg-color);transition:opacity .3s}.screen.overlay{background-color:#000000d9}.screen.hidden{display:none}.game-title{font-size:clamp(1.5rem,5vw,3rem);font-weight:300;letter-spacing:.1em;margin-bottom:3rem;color:var(--accent-color);text-align:center;padding:0 1rem}.menu-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:clamp(250px,60vw,400px);padding:0 1rem}.menu-level{font-size:clamp(1.2rem,3vw,1.6rem);color:var(--text-muted);text-align:center;margin-bottom:.5rem}.menu-row{display:flex;gap:.5rem;width:100%}.menu-row.three-buttons{justify-content:space-between}.menu-btn{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);padding:clamp(.8rem,2vw,1.2rem) clamp(1rem,3vw,2rem);font-size:clamp(1rem,2vw,1.3rem);letter-spacing:.15em;cursor:pointer;transition:all .2s;width:100%;outline:none;-webkit-tap-highlight-color:transparent}.menu-btn:focus{outline:none}.menu-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.menu-btn.primary{background:var(--accent-color);color:var(--bg-color)}@media (hover: hover){.menu-btn.primary:hover{background:transparent;color:var(--accent-color)}.menu-btn:hover{background:var(--accent-color);color:var(--bg-color)}}@media (hover: hover){.menu-btn:active{background:var(--accent-color);color:var(--bg-color)}}@media (hover: none){.menu-btn,.menu-btn:hover,.menu-btn:focus,.menu-btn:active{background:transparent!important;color:var(--accent-color)!important}.menu-btn.primary,.menu-btn.primary:hover,.menu-btn.primary:focus,.menu-btn.primary:active{background:var(--accent-color)!important;color:var(--bg-color)!important}.menu-btn.secondary,.menu-btn.secondary:hover,.menu-btn.secondary:focus,.menu-btn.secondary:active{background:transparent!important;border-color:var(--text-muted)!important;color:var(--text-muted)!important}.pause-btn,.pause-btn:hover,.pause-btn:focus,.pause-btn:active{opacity:.6!important;background:transparent!important}.skip-btn,.skip-btn:hover,.skip-btn:focus,.skip-btn:active{opacity:.7!important;background:transparent!important;color:var(--accent-color)!important}}.menu-btn.secondary{border-color:var(--text-muted);color:var(--text-muted)}@media (hover: hover){.menu-btn.secondary:hover{background:var(--text-muted);color:var(--bg-color)}}.menu-btn.toggle-btn{flex:1;padding:clamp(.6rem,1.5vw,1rem);font-size:clamp(1rem,2.5vw,1.5rem);border-radius:0;min-width:0}.pause-content{text-align:center;background:var(--bg-secondary);padding:2rem 3rem;border-radius:12px;box-shadow:0 8px 30px #00000080;width:90%;max-width:350px}.pause-content h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:300;letter-spacing:.2em;margin-bottom:1.5rem;color:var(--text-color)}.pause-content .menu-buttons{max-width:100%}#game-ui{position:absolute;top:0;left:0;width:100%;padding:clamp(.5rem,2vw,1.5rem);display:flex;justify-content:center;align-items:center;z-index:5;pointer-events:none}#game-ui.hidden{display:none}#level-display{font-size:clamp(1rem,3vw,1.8rem);font-weight:300;letter-spacing:.3em;opacity:.8;text-align:center}.pause-btn{position:absolute;right:clamp(1rem,4vw,2rem);top:clamp(.5rem,2vw,1.5rem);background:transparent;border:none;color:var(--text-color);font-size:clamp(1.5rem,4vw,2.5rem);cursor:pointer;pointer-events:auto;opacity:.6;padding:.5rem}.pause-btn:hover{opacity:1}.level-complete-content{text-align:center;background:var(--bg-secondary);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 8px 30px #00000080;width:90%;max-width:350px}.checkmark{font-size:clamp(3rem,8vw,5rem);color:var(--accent-color);animation:checkmark-pop .5s ease-out;margin-bottom:1rem}@keyframes checkmark-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}#levelcomplete-screen h2{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:400;letter-spacing:.1em;margin-bottom:.5rem;color:var(--text-color)}#complete-level-num{color:var(--accent-color);font-size:clamp(1rem,3vw,1.4rem);font-weight:300;margin-bottom:1.5rem}.level-complete-content .menu-btn{width:100%}.game-buttons{position:absolute;right:clamp(1rem,4vw,2rem);top:clamp(.5rem,2vw,1.5rem);display:flex;flex-direction:column;gap:.5rem;pointer-events:auto}.skip-btn{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);font-size:clamp(1.2rem,3vw,1.8rem);width:clamp(2.5rem,6vw,3.5rem);height:clamp(2.5rem,6vw,3.5rem);cursor:pointer;opacity:.7;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .2s}.skip-btn:hover{opacity:1;background:var(--accent-color);color:var(--bg-color)}#game-ui .pause-btn{position:static;right:auto;top:auto}.modal-content{text-align:center;background:var(--bg-secondary);padding:2rem;border-radius:12px;box-shadow:0 8px 30px #00000080;width:90%;max-width:350px}.modal-content p{font-size:clamp(1rem,3vw,1.3rem);margin-bottom:1.5rem;color:var(--text-color)}.modal-buttons{display:flex;flex-direction:column;gap:.75rem}.leaderboard-content{text-align:center;background:var(--bg-secondary);padding:1.5rem;border-radius:12px;box-shadow:0 8px 30px #00000080;width:90%;max-width:400px}.leaderboard-content h2{font-size:clamp(1.3rem,4vw,1.8rem);font-weight:400;letter-spacing:.1em;margin-bottom:1rem;color:var(--accent-color)}.leaderboard-list{margin-bottom:1.5rem}.leaderboard-loading{color:var(--text-muted);padding:2rem}.leaderboard-entry{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry.current-player{background:#00ffcc26;border-radius:6px}.leaderboard-rank{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;color:var(--accent-color);min-width:2.5rem;text-align:left}.leaderboard-score{font-size:clamp(.9rem,2vw,1.1rem);color:var(--text-muted);min-width:3rem;text-align:center}.leaderboard-name{font-size:clamp(.9rem,2vw,1.1rem);color:var(--text-color);flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-divider{border:none;border-top:2px dashed var(--text-muted);margin:.5rem 0}.leaderboard-empty{color:var(--text-muted);padding:1rem;font-style:italic}#ad-countdown-modal{z-index:2000!important}.countdown-content{text-align:center;padding:2rem}.countdown-content p{font-size:clamp(1rem,3vw,1.3rem);color:var(--text-muted);margin-bottom:1rem}.countdown-number{font-size:clamp(4rem,15vw,8rem);font-weight:700;color:var(--accent-color);animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}