:root{--bg-color: #030408;--retro-border: #141729;--cyan-primary: #00f2fe;--cyan-glow: rgba(0, 242, 254, .45);--purple-primary: #a100ff;--purple-glow: rgba(161, 0, 255, .45);--green-success: #00f5a0;--green-glow: rgba(0, 245, 160, .4);--yellow-accent: #ffb700;--text-color: #ffffff;--text-muted: #8b949e;--font-pixel: "Press Start 2P", monospace;--font-sans: "Rajdhani", sans-serif;--transition-fast: all .15s ease;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{background-color:var(--bg-color);background-image:linear-gradient(rgba(0,242,254,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.05) 1px,transparent 1px);background-size:40px 40px;background-position:center;color:var(--text-color);font-family:var(--font-sans);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}#bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.25}.game-container{position:relative;z-index:2;width:90%;max-width:860px;background:#0a0c18e6;border:4px solid var(--retro-border);border-radius:12px;padding:2.5rem;box-shadow:0 10px 40px #000c,inset 0 0 20px #a100ff1a;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen{display:none;width:100%;flex-direction:column;align-items:center;animation:fade-in .3s ease-out forwards}.screen.active{display:flex}.game-title{font-family:var(--font-pixel);font-size:2.2rem;text-align:center;margin-bottom:.75rem;background:linear-gradient(180deg,#ffffff,var(--cyan-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px var(--cyan-glow));letter-spacing:-2px}.subtitle{font-family:var(--font-pixel);font-size:.75rem;color:var(--text-muted);letter-spacing:1px;margin-bottom:2.5rem}.character-grid{display:flex;gap:2.5rem;margin-bottom:2.5rem;width:100%;justify-content:center}.char-card{background:#ffffff05;border:4px solid var(--retro-border);border-radius:8px;padding:1.5rem;width:240px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:var(--transition-smooth)}.char-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-4px)}.char-card.active{background:#00f2fe0f;border-color:var(--cyan-primary);box-shadow:0 0 20px var(--cyan-glow)}.char-card[data-char=roya].active{background:#a100ff0f;border-color:var(--purple-primary);box-shadow:0 0 20px var(--purple-glow)}.char-card[data-char=sofia].active{background:#00f2fe0f;border-color:var(--cyan-primary);box-shadow:0 0 20px var(--cyan-glow)}.world-grid{display:flex;gap:2.5rem;margin-bottom:2.5rem;width:100%;justify-content:center}.world-card{background:#ffffff05;border:4px solid var(--retro-border);border-radius:8px;padding:1.25rem;width:240px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:var(--transition-smooth)}.world-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-4px)}.world-card.active{background:#00f2fe0f;border-color:var(--cyan-primary);box-shadow:0 0 20px var(--cyan-glow)}.world-card[data-world=launchhub].active{background:#00f5a00f;border-color:var(--green-success);box-shadow:0 0 20px var(--green-glow)}.world-preview-container{width:96px;height:64px;background:#0006;border:2px dashed rgba(255,255,255,.1);border-radius:6px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;overflow:hidden}.world-icon{font-size:2rem;color:var(--cyan-primary);filter:drop-shadow(0 0 5px var(--cyan-glow))}.world-card[data-world=launchhub] .world-icon{color:var(--green-success);filter:drop-shadow(0 0 5px var(--green-glow))}.world-logo-preview{max-width:90%;max-height:90%;object-fit:contain}.world-card h3{font-family:var(--font-pixel);font-size:.75rem;letter-spacing:.5px;margin-bottom:.5rem;text-align:center}.world-desc{font-size:.75rem;color:var(--text-muted);text-align:center}.char-sprite-preview-container{width:96px;height:96px;background:#0006;border:2px dashed rgba(255,255,255,.1);border-radius:6px;display:flex;justify-content:center;align-items:center;margin-bottom:1.25rem}.char-sprite-preview-container canvas{image-rendering:pixelated;image-rendering:crisp-edges;transform:scale(1.5)}.char-card h3{font-family:var(--font-pixel);font-size:.95rem;letter-spacing:.5px;margin-bottom:.5rem}.char-desc{font-size:.8rem;color:var(--text-muted);text-align:center}.retro-btn{background:#fff;border:4px solid var(--retro-border);color:#030408;font-family:var(--font-pixel);font-size:.9rem;font-weight:700;padding:1rem 2rem;cursor:pointer;outline:none;transition:var(--transition-fast);box-shadow:4px 4px 0 var(--retro-border);border-radius:4px}.retro-btn:hover{background:var(--cyan-primary);box-shadow:2px 2px 0 var(--retro-border);transform:translate(2px,2px)}.btn-glow:hover{box-shadow:0 0 15px var(--cyan-glow),2px 2px 0 var(--retro-border)}.btn-cyan-glow{background:var(--cyan-primary);color:#030408}.btn-cyan-glow:hover{background:#fff;box-shadow:0 0 15px var(--cyan-glow),2px 2px 0 var(--retro-border)}.btn-secondary{background:transparent;color:var(--text-color);border-color:#fff3}.btn-secondary:hover{background:#ffffff0d;border-color:var(--text-color)}#game-panel{flex-direction:column}.game-hud{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.score-container{display:flex;flex-direction:column;gap:.25rem}.hud-label{font-family:var(--font-pixel);font-size:.6rem;color:var(--text-muted)}.score-container span:last-child{font-family:var(--font-pixel);font-size:1.1rem;letter-spacing:1px}#score-val{color:var(--cyan-primary);text-shadow:0 0 5px var(--cyan-glow)}#high-score-val{color:var(--yellow-accent)}.hud-audio-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-color);font-size:1.1rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.hud-audio-btn:hover{background:#ffffff26;color:var(--cyan-primary)}.canvas-wrapper{width:100%;background:#020306;border:4px solid var(--retro-border);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 25px #000000f2;display:flex;justify-content:center;align-items:center}#game-canvas{width:100%;max-width:800px;height:auto;aspect-ratio:2 / 1;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.mobile-tap-helper{margin-top:1rem;font-family:var(--font-pixel);font-size:.6rem;color:var(--text-muted);animation:pulse-op 1.5s infinite}#game-over-screen{gap:1.5rem}.game-over-title{font-family:var(--font-pixel);font-size:2.2rem;color:#f05;text-shadow:0 0 15px rgba(255,0,85,.5);margin-bottom:.5rem;letter-spacing:-2px}.game-over-stats{display:flex;gap:2rem;margin-bottom:1rem}.stat-box{background:#ffffff05;border:2px solid var(--retro-border);border-radius:6px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:180px}.stat-label{font-family:var(--font-pixel);font-size:.55rem;color:var(--text-muted);margin-bottom:.5rem}.stat-value{font-family:var(--font-pixel);font-size:1.5rem}#new-hi-box{border-color:var(--green-success);box-shadow:0 0 10px var(--green-glow);display:none}.game-over-actions{display:flex;gap:1rem}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulse-op{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}@media (max-width: 768px){body{padding:0;align-items:flex-start}.game-container{width:100vw;height:100vh;border:none;border-radius:0;padding:1rem;box-shadow:none;justify-content:flex-start}.game-title{font-size:1.6rem;margin-top:2rem;margin-bottom:.5rem}.subtitle{margin-bottom:1.5rem}.character-grid{flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:center}.char-card{flex-direction:row;width:100%;max-width:320px;padding:.75rem;gap:1rem}.char-sprite-preview-container{width:52px;height:52px;margin-bottom:0}.char-sprite-preview-container canvas{transform:scale(1)}.char-card h3{margin-bottom:.25rem}.char-desc{text-align:left;font-size:.7rem}.world-grid{flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:center}.world-card{flex-direction:row;width:100%;max-width:320px;padding:.75rem;gap:1rem}.world-preview-container{width:64px;height:48px;margin-bottom:0;flex-shrink:0}.world-card h3{margin-bottom:.25rem;text-align:left;font-size:.7rem}.world-desc{text-align:left;font-size:.7rem}.canvas-wrapper{border-radius:0;border-left:none;border-right:none}.game-hud{padding:.5rem}.score-container span:last-child{font-size:.9rem}.game-over-stats{flex-direction:column;gap:.75rem}.stat-box{min-width:240px;padding:.75rem}.game-over-actions{flex-direction:column;width:80%;max-width:280px}.retro-btn{width:100%;padding:.85rem}}*{scrollbar-width:thin;scrollbar-color:var(--retro-border) transparent}