:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.electric-border{--electric-light-color: oklch(from var(--electric-border-color) l c h);--eb-border-width: 2px;position:relative;border-radius:inherit;overflow:visible;isolation:isolate}.eb-svg{position:fixed;left:-10000px;top:-10000px;width:10px;height:10px;opacity:.001;pointer-events:none}.eb-content{position:relative;border-radius:inherit;z-index:1}.eb-layers{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}.eb-stroke,.eb-glow-1,.eb-glow-2,.eb-overlay-1,.eb-overlay-2,.eb-background-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-sizing:border-box}.eb-stroke{border:var(--eb-border-width) solid var(--electric-border-color)}.eb-glow-1{border:var(--eb-border-width) solid rgba(0,255,255,.6);opacity:.5;filter:blur(calc(.5px + (var(--eb-border-width) * .25)))}.eb-glow-2{border:var(--eb-border-width) solid var(--electric-light-color);opacity:.5;filter:blur(calc(2px + (var(--eb-border-width) * .5)))}.eb-background-glow{z-index:-1;transform:scale(1.08);filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.App{text-align:center;background:radial-gradient(circle at top,#061833,#000 62%);color:#fff;min-height:100vh;padding:20px;font-family:Courier New,monospace}.App h1{color:#fff;margin-bottom:16px;letter-spacing:2px}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:72vh}.menu h2{color:#ff5c5c;font-size:2.5rem;margin:0;text-shadow:0 0 10px rgba(255,92,92,.8)}.title-sprite{width:420px;image-rendering:pixelated}.press-play-sprite{width:300px;image-rendering:pixelated;opacity:.9}.start-button{background:#4aa3ff;color:#03152d;border:none;padding:12px 28px;font-size:1.1rem;font-weight:700;cursor:pointer;border-radius:6px;transition:transform .2s,box-shadow .2s;margin-top:8px;font-family:Courier New,monospace}.start-button:hover{transform:translateY(-1px);box-shadow:0 0 14px #4aa3ffe6}.game-container{position:relative;margin:0 auto;width:fit-content}.score-board{display:flex;justify-content:space-between;align-items:center;width:800px;margin-bottom:10px;padding:8px 10px;border:1px solid rgba(74,163,255,.8);border-radius:6px;background:#050c1ae6;box-shadow:0 0 16px #4aa3ff59}.score-item{display:flex;align-items:center;gap:8px;min-width:180px}.score-label{height:20px;image-rendering:pixelated}.digits-strip{display:flex;gap:3px}.digit-sprite{width:12px;height:20px;image-rendering:pixelated}.text-score{justify-content:flex-end;font-size:1rem;color:#7ec2ff}.game-area{position:relative;background-color:#000;background-size:cover;background-position:center;border:2px solid #4aa3ff;box-shadow:0 0 20px #4aa3ff80;overflow:hidden}.entity-sprite{position:absolute;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.player-sprite,.enemy-sprite{filter:drop-shadow(0 0 5px rgba(255,255,255,.25))}.bullet-sprite{image-rendering:crisp-edges;filter:drop-shadow(0 0 5px rgba(64,232,255,.85))}.enemy-bullet-sprite{filter:drop-shadow(0 0 5px rgba(255,191,67,.95))}.explosion-sprite{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(255,140,80,.95))}.enemy-explosion-sprite{filter:drop-shadow(0 0 8px rgba(255,140,80,.95))}.player-explosion-sprite{filter:drop-shadow(0 0 10px rgba(255,224,102,.98))}.instructions{margin-top:20px;color:#9bbad8;font-size:.9rem}@media(max-width:850px){.App{padding:12px}.title-sprite{width:300px}.press-play-sprite{width:220px}.game-area{width:95vw!important;height:70vh!important}.score-board{width:95vw;gap:6px;padding:8px}.score-item{min-width:100px}.text-score{font-size:.85rem}}
