*{margin:0;padding:0;box-sizing:border-box}html,body{position:fixed;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{background:#0a0a1a;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace}#game-canvas{width:100vw;height:100vh;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}#title-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a1ef2;z-index:100}.title-content{text-align:center;color:#fff}.title-glow{font-size:3rem;color:#2ecc71;text-shadow:0 0 10px #2ecc71,0 0 20px #2ecc71,0 0 40px #27ae60,0 0 80px #1a9c54;margin-bottom:1rem;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.title-sub{font-size:.7rem;color:#aaa;margin-bottom:2rem;line-height:1.6}.title-controls{font-size:.55rem;color:#888;line-height:2.2;margin-bottom:2rem}.title-controls .key{color:#f39c12;font-size:.55rem;margin-right:.3rem}.title-start{font-size:.7rem;color:#2ecc71;text-shadow:0 0 8px #2ecc71}.blink{animation:blinkAnim 1s step-end infinite}@keyframes blinkAnim{0%,to{opacity:1}50%{opacity:0}}#hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:12px 20px;z-index:50;pointer-events:none;font-size:.55rem;color:#fff}.hud-left,.hud-center,.hud-right{text-shadow:0 0 6px rgba(46,204,113,.6)}#hud-level{color:#f39c12}#hud-gems{color:#2ecc71}#hud-deaths{color:#e74c3c}#death-screen,#level-complete-screen,#game-won-screen,#pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:80}#death-screen{background:#c814144d}#level-complete-screen{background:#1464144d}#game-won-screen{background:#f39c124d}#pause-overlay{background:#0a0a1ed9}.overlay-content{text-align:center;color:#fff}.death-text{font-size:2rem;color:#e74c3c;text-shadow:0 0 20px #e74c3c,0 0 40px #c0392b;margin-bottom:1rem}.complete-text{font-size:1.5rem;color:#2ecc71;text-shadow:0 0 20px #2ecc71,0 0 40px #27ae60;margin-bottom:1rem}.won-text{font-size:2.5rem;color:#f39c12;text-shadow:0 0 20px #f39c12,0 0 40px #e67e22;margin-bottom:1rem}.pause-text{font-size:2rem;color:#3498db;text-shadow:0 0 20px #3498db,0 0 40px #2471a3;margin-bottom:1rem}.overlay-gems{font-size:.7rem;color:#2ecc71;margin-bottom:1rem}.won-stats{font-size:.65rem;color:#fff;margin-bottom:1.5rem;line-height:2}.overlay-sub{font-size:.55rem;color:#aaa;margin-top:.5rem;line-height:2}#skin-select-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a1ef7;z-index:100}.skin-content{text-align:center;color:#fff}.skin-title{font-size:1.2rem;color:#f39c12;text-shadow:0 0 10px #f39c12,0 0 20px #e67e22;margin-bottom:2rem}.skin-cards{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.skin-card{border:2px solid #333;border-radius:4px;padding:1rem 1.2rem;background:#ffffff08;transition:all .2s;min-width:100px}.skin-card.skin-selected{border-width:3px;background:#ffffff14;transform:scale(1.1)}.skin-preview{width:36px;height:48px;margin:0 auto .6rem;border-radius:2px;position:relative}.skin-weapon{position:absolute;right:-8px;top:10px;width:8px;height:3px;border-radius:1px}.skin-name{font-size:.55rem;font-weight:700}.skin-info{margin-bottom:1.5rem}.skin-desc{font-size:.5rem;color:#aaa;margin-bottom:1rem;line-height:1.8}.skin-stats{font-size:.45rem;color:#888;line-height:2.2}.stat-filled{color:#2ecc71;letter-spacing:2px}.stat-empty{color:#333;letter-spacing:2px}.skin-hint{font-size:.5rem;color:#666}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.touch-btn{pointer-events:auto;position:absolute;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff14;color:#fff9;font-size:1.4rem;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .06s,background .06s,border-color .06s,box-shadow .06s}.touch-btn.pressed{transform:scale(.92)}.touch-dpad{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:12px;display:flex;gap:8px;pointer-events:none}.touch-left,.touch-right{width:76px;height:76px;font-size:1.6rem}.touch-left.pressed,.touch-right.pressed{background:#fff3;border-color:#2ecc71b3;box-shadow:0 0 14px #2ecc714d}.touch-actions{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:12px;display:flex;gap:10px;align-items:flex-end;pointer-events:none}.touch-jump{width:80px;height:80px;font-size:1.8rem;border-color:#2ecc7166;background:#2ecc710f}.touch-jump.pressed{border-color:#2ecc71e6;background:#2ecc7140;box-shadow:0 0 18px #2ecc7166}.touch-attack{width:72px;height:72px;border-color:#e74c3c66;background:#e74c3c0f}.touch-attack.pressed{border-color:#e74c3ce6;background:#e74c3c40;box-shadow:0 0 18px #e74c3c66}.touch-pause{top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:44px;height:44px;font-size:.8rem;border-color:#ffffff26}.pause-touch-btns{display:none;flex-direction:column;gap:12px;align-items:center;margin-top:1.5rem}.touch-pause-btn{font-family:"Press Start 2P",monospace;font-size:.65rem;padding:14px 28px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff14;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:180px}.touch-pause-btn:active{background:#fff3}.pause-resume-btn{border-color:#2ecc7180;color:#2ecc71}.pause-quit-btn{border-color:#e74c3c80;color:#e74c3c}.skin-hint-touch{display:none}.pause-keyboard{display:block}@media (hover: hover) and (pointer: fine){#touch-controls,.pause-touch-btns,.skin-hint-touch{display:none!important}.skin-hint-keyboard,.pause-keyboard{display:block!important}}@media (hover: none),(pointer: coarse){.pause-touch-btns{display:flex!important}.pause-keyboard{display:none!important}.skin-hint-touch{display:block!important}.skin-hint-keyboard{display:none!important}}#hud-boss-bar{display:flex;align-items:center;gap:6px;margin-top:4px}.boss-bar-label{font-size:.45rem;color:#e74c3c;text-shadow:0 0 6px rgba(231,76,60,.6)}.boss-bar-track{width:120px;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.boss-bar-fill{height:100%;width:100%;background:#2ecc71;border-radius:3px;transition:width .2s,background .2s}#hud-boss-lives{font-size:.5rem;color:#e74c3c;text-shadow:0 0 6px rgba(231,76,60,.4);margin-top:4px}@media (max-width: 600px){.title-glow{font-size:1.8rem}.title-sub{font-size:.55rem}.title-controls{display:none}.title-start{font-size:.6rem}.skin-cards{flex-direction:column;gap:1rem}.skin-card{min-width:auto;cursor:pointer}.skin-title{font-size:.9rem}.skin-desc{font-size:.4rem}.skin-stats{font-size:.35rem}.death-text{font-size:1.3rem}.complete-text{font-size:1rem}.won-text{font-size:1.5rem}.pause-text{font-size:1.3rem}.overlay-sub{font-size:.45rem}#hud{font-size:.45rem;padding:8px 12px}}