*{margin:0;padding:0;box-sizing:border-box}body{background:#000;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;touch-action:none;width:100vw;height:100vh;height:100dvh}#game-container{position:relative;z-index:0;width:80vw;max-width:calc(85vh * 4 / 3);height:100vh;height:100dvh;margin:0 auto;overflow:hidden;cursor:crosshair}#game-container canvas{position:relative;z-index:0;cursor:crosshair;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media(pointer:coarse){#game-container{width:85vw!important;margin:0 auto!important}#game-container canvas{transform:translateY(-60px)}}@media(pointer:coarse)and (min-width:600px)and (orientation:portrait){#game-container{width:55vw!important}#game-container canvas{transform:translateY(calc(-50vh + 20.625vw + 40px));transform:translateY(calc(-50dvh + 20.625vw + 40px))}}@media(pointer:coarse)and (min-width:600px)and (orientation:landscape){#game-container{width:60vw!important}#game-container canvas{transform:translateY(0)}}@media(pointer:coarse)and (max-width:370px){#game-container{width:100vw!important;margin:0!important}#game-container canvas{transform:translateY(-60px)}}@media(pointer:coarse)and (orientation:landscape){#game-container{width:64vw;margin:0 auto}#game-container canvas{transform:translateY(0)}}.intro{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:20px 40px;border-radius:10px;text-align:center;z-index:1000;animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.intro h1{font-size:2rem;margin-bottom:10px;text-shadow:0 0 10px #00d4ff}.intro p{font-size:1rem;opacity:.8}