:root{--bg-color:#050510;--text-color:#aaaacc;--accent:#00ffcc;--glow:rgba(0, 255, 204, 0.15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:'Press Start 2P',monospace;color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#main-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}h1{font-size:1.4rem;letter-spacing:6px;color:var(--accent);text-shadow:0 0 20px var(--accent),0 0 40px rgba(0,255,204,.3)}#canvas-container{position:relative;border:1px solid rgba(0,255,204,.3);box-shadow:0 0 30px var(--glow),inset 0 0 30px rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;aspect-ratio:4/3;width:min(90vw,calc(90vh * 4 / 3));max-width:100%}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background-color:#050510;cursor:crosshair}#subtitle{font-size:.6rem;letter-spacing:2px;color:rgba(170,170,204,.5);text-transform:uppercase}#version{position:fixed;bottom:10px;right:15px;font-family:'Press Start 2P',monospace;color:var(--text-color);opacity:.15;font-size:.5rem;pointer-events:none;z-index:50}@media (max-width:850px){h1{font-size:1rem;letter-spacing:3px}#subtitle{font-size:.5rem}#canvas-container{border:none;box-shadow:none}}