*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--color: #5c5;--color-bright: #7f7}body.theme-cyan{--color: #5cc;--color-bright: #7ee}body.theme-amber{--color: #ca6;--color-bright: #ec8}body.theme-white{--color: #bbb;--color-bright: #ddd}body.theme-pink{--color: #c5c;--color-bright: #e7e}#stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#game-container{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;height:100dvh;animation:fadeIn .3s ease-out}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#menu-screen{justify-content:center;gap:5px}#difficulty-screen,#howto-screen,#nickname-screen,#leaderboard-screen,#gameover-screen{justify-content:space-between;padding:60px 20px 40px}.content{display:flex;flex-direction:column;align-items:center}#logo-img{width:650px;max-width:95%;height:auto;margin-bottom:10px;filter:drop-shadow(0 0 10px rgba(74,170,74,.4))}body.theme-cyan #logo-img{filter:hue-rotate(160deg) drop-shadow(0 0 10px rgba(74,170,170,.4))}body.theme-amber #logo-img{filter:hue-rotate(-80deg) saturate(1.2) drop-shadow(0 0 10px rgba(170,136,74,.4))}body.theme-white #logo-img{filter:saturate(0) brightness(1.3) drop-shadow(0 0 10px rgba(150,150,150,.4))}body.theme-pink #logo-img{filter:hue-rotate(280deg) drop-shadow(0 0 10px rgba(170,74,170,.4))}#credits-footer{position:absolute;bottom:15px;font-family:monospace;font-size:10px;color:#333;letter-spacing:1px}.menu-item{cursor:pointer;margin:8px 0;transition:transform .1s,filter .2s;filter:drop-shadow(0 0 2px var(--color))}@media(hover:hover){.menu-item:hover{filter:drop-shadow(0 0 4px var(--color)) drop-shadow(0 0 10px var(--color))}}.menu-item:active{transform:scale(.95)}#game-screen{padding:80px 20px 20px;justify-content:flex-start}#top-bar{position:absolute;top:15px;top:calc(15px + env(safe-area-inset-top));left:15px;right:15px;display:flex;justify-content:space-between;align-items:center}#top-icons{display:flex;gap:15px}#top-right{display:flex;align-items:center;gap:15px}.top-icon{cursor:pointer;transition:filter .2s;filter:drop-shadow(0 0 2px var(--color))}@media(hover:hover){.top-icon:hover{filter:drop-shadow(0 0 4px var(--color)) drop-shadow(0 0 10px var(--color))}}#puzzle-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}#puzzle-canvas{max-width:100%;filter:drop-shadow(0 0 3px var(--color))}#mode-canvas{margin-top:25px;filter:drop-shadow(0 0 5px var(--color)) drop-shadow(0 0 12px var(--color))}#timer-canvas{filter:drop-shadow(0 0 8px var(--color))}#equalizer{display:flex;align-items:flex-end;gap:3px;height:25px;cursor:pointer}#equalizer.paused .eq-bar{animation-play-state:paused;height:5px!important}.eq-bar{width:4px;background:var(--color);animation:equalize .8s ease-in-out infinite}.eq-bar:nth-child(1){animation-delay:0s}.eq-bar:nth-child(2){animation-delay:.2s}.eq-bar:nth-child(3){animation-delay:.4s}.eq-bar:nth-child(4){animation-delay:.1s}@keyframes equalize{0%,to{height:5px}50%{height:20px}}canvas{max-width:100%;height:auto;display:block}.leaderboard-nav{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.nav-arrow{cursor:pointer;transition:filter .2s,transform .1s;filter:drop-shadow(0 0 2px var(--color));width:clamp(30px,8vw,50px);flex:0 0 auto}#lb-mode-title{flex:1 1 auto;max-width:70%}@media(hover:hover){.nav-arrow:hover{filter:drop-shadow(0 0 6px var(--color)) drop-shadow(0 0 12px var(--color))}}.nav-arrow:active{transform:scale(.9)}#nickname-input-canvas{cursor:text;margin:20px 0}#hidden-input{position:absolute;left:-9999px;opacity:0}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}#preloader-canvas{filter:drop-shadow(0 0 8px rgba(92,204,92,.5))}#preloader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1}#preloader:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#5ccc5c08;animation:flicker .15s infinite;pointer-events:none;z-index:2}@keyframes flicker{0%{opacity:.27}50%{opacity:.26}to{opacity:.27}}.keyboard-focus{outline:2px solid var(--color-bright)!important;outline-offset:4px;filter:drop-shadow(0 0 8px var(--color)) drop-shadow(0 0 16px var(--color))!important;animation:focusPulse 1s ease-in-out infinite}@keyframes focusPulse{0%,to{outline-offset:4px}50%{outline-offset:6px}}