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