*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#1a0f0a}body{font-family:Fredoka One,Arial Black,sans-serif;display:flex;justify-content:center;align-items:center}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;height:100vh;padding-top:20px}.canvas-wrapper{position:relative;display:inline-block}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 4px 8px #0000004d,0 8px 16px #0003;transform:translateZ(0);will-change:transform}canvas.modern-screen{box-shadow:0 4px 8px #0000004d,0 8px 16px #0003}.canvas-link{position:absolute;bottom:10px;right:10px;font-family:Fredoka One,Arial Black,sans-serif;font-size:36px;color:#fc0;text-decoration:none;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:2;line-height:1}.canvas-link:hover{color:gold;text-shadow:0 2px 6px rgba(0,0,0,.7)}.control-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.control-bar button{padding:16px 24px;font-family:Fredoka One,Arial Black,sans-serif;font-size:18px;background:transparent;color:#fc0;border:none;cursor:pointer;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:color .2s ease}.control-bar button:hover{color:gold;text-shadow:0 2px 6px rgba(0,0,0,.7)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#1a0f0aeb}.overlay-content{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:Fredoka One,Arial Black,sans-serif;font-size:56px;text-align:center;gap:60px;padding:60px;z-index:1}.overlay h1{font-family:Fredoka One,Arial Black,sans-serif;font-size:144px;text-transform:uppercase;letter-spacing:6px;line-height:1.2;color:#fc0;text-shadow:0 8px 16px rgba(0,0,0,.6);white-space:nowrap}.overlay p{font-family:Fredoka One,Arial Black,sans-serif;font-size:56px;line-height:2;text-shadow:0 6px 10px rgba(0,0,0,.5)}.blink{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center;padding:20px}.loading-screen h1{font-size:48px;color:#fc0;text-shadow:0 3px 6px rgba(0,0,0,.6);margin-bottom:40px}.loading-screen p{font-size:20px;margin-bottom:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,204,0,.2);border-top-color:#fc0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-error{color:#ff6b6b;max-width:400px}.loading-error p{color:#ff6b6b}.mobile-controls{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;padding:0 30px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mobile-controls-left-group{display:flex;gap:20px;margin-right:auto;user-select:none;-webkit-user-select:none}.mobile-btn{background:transparent;border:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0;position:relative;z-index:100;width:90px;height:90px;display:flex;align-items:center;justify-content:center;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mobile-btn-bg{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.mobile-btn:active .mobile-btn-bg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) brightness(.9);transform:translateY(2px)}.mobile-btn-arrow{font-family:Fredoka One,Arial Black,sans-serif;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none;position:relative;z-index:1;letter-spacing:1px}.mobile-btn-label{font-family:Fredoka One,Arial Black,sans-serif;font-size:16px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none;position:relative;z-index:1;letter-spacing:1px}.resume-link{cursor:pointer;text-decoration:underline;-webkit-tap-highlight-color:transparent;color:#fc0}.resume-link:hover{color:gold}@media(max-width:640px){.overlay h1{font-size:96px}.overlay p{font-size:48px}.control-bar button{font-size:14px;padding:12px 16px}.mobile-controls{max-width:95%;bottom:20px;padding:0 15px}.mobile-controls-left-group{gap:12px}.mobile-btn,.mobile-btn-fire{width:75px;height:75px}.mobile-btn-arrow{font-size:17px}.mobile-btn-label{font-size:13px}.loading-screen h1{font-size:32px}.loading-screen p{font-size:16px}}