@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color: #f7f7f7;--text-color: #535353;--accent-color: #202124}body.night{--bg-color: #202124;--text-color: #e0e0e0;--accent-color: #f7f7f7}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);font-family:"Press Start 2P",monospace;color:var(--text-color);overflow:hidden;transition:background-color .5s,color .5s}#app{width:100%;display:flex;justify-content:center;align-items:center}#controls-top{position:fixed;top:20px;left:20px;display:flex;gap:34px;z-index:30}#mute-btn,#pause-btn{width:34px;height:34px;background:#fff;border:2px solid black;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:2px 2px #00000080;box-sizing:border-box}#mute-btn:active,#pause-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #00000080}#mute-btn.muted{background:#ccc;color:#666}#game-container{position:relative;box-shadow:0 4px 20px #0000001a;border-radius:0;overflow:hidden;background:var(--bg-color);transition:background-color .5s;width:100vw;height:100vh}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;background:transparent;z-index:10;position:relative;pointer-events:none}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}#score{position:absolute;top:20px;right:20px;font-size:20px;color:var(--text-color);transition:color .5s}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffc;transition:opacity .3s;pointer-events:auto}.screen.hidden{opacity:0;pointer-events:none}.logo-group{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:20px}.sopot-logo{max-width:180px;height:auto;image-rendering:pixelated;margin-bottom:0}.dzik-title{font-size:14px;color:#555!important;text-align:right;margin-top:5px;margin-bottom:0;letter-spacing:2px}h1{font-size:30px;margin-bottom:5px;color:#000!important;text-align:center}h2{font-size:14px;margin-bottom:20px;color:#555!important;text-align:center}@media(max-width:600px){h1{font-size:40px}#score{font-size:14px}}p{font-size:16px;color:#000!important;text-align:center}#start-screen p{text-align:center;line-height:1.5;animation:pulsate 1.5s infinite ease-in-out}@keyframes pulsate{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.6;transform:scale(.98)}}button{margin-top:30px;padding:15px 30px;font-family:inherit;font-size:16px;background:#000!important;color:#fff!important;border:none;border-radius:4px;cursor:pointer;transition:transform .1s}button:hover{transform:scale(1.05)}button:active{transform:scale(.95)}.button-group{display:flex;flex-direction:column;gap:15px;margin-top:30px}button,.buy-coffee-btn{font-family:"Press Start 2P",cursive;width:220px;padding:15px 0;text-align:center;font-size:14px;background:#000!important;color:#fff!important;border:none;cursor:pointer;text-decoration:none;display:inline-block;box-sizing:border-box}#restart-btn{margin-top:0}#about-btn{background:#fff!important;color:#000!important;border:4px solid black;margin-top:0}#about-popup{background:#000000b3;z-index:2000}.popup-window{position:relative;background:#fff;padding:30px;border:4px solid black;box-shadow:8px 8px #00000080;text-align:center;max-width:80%}#close-about{position:absolute;top:5px;right:5px;width:30px;height:30px;padding:0;margin:0;background:red!important;color:#fff!important;border:2px solid black;font-size:16px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;box-shadow:2px 2px #00000080;cursor:pointer}#close-about:active{transform:translate(1px,1px);box-shadow:1px 1px #00000080}.buy-coffee-btn{background:#fd0!important;color:#000!important;border:4px solid black;margin-top:20px;text-shadow:none;width:250px;padding:15px 0;font-size:14px}