*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body,html{width:100%;height:100%;height:100dvh;overflow:hidden;background-color:#87ceeb;font-family:Fredoka,sans-serif;color:#fff;overscroll-behavior:none;display:flex;align-items:center;justify-content:center;touch-action:none}#game-container{position:relative;width:min(100dvw,56.25dvh);height:min(100dvh,calc(100dvw * 16 / 9));aspect-ratio:9 / 16;margin:0 auto;background:linear-gradient(180deg,#4facfe,#00f2fe);box-shadow:0 0 20px #0000001a;overflow:hidden;touch-action:none}#game-canvas{display:block;width:100%;height:100%;image-rendering:auto}#hud{position:absolute;top:0;left:0;width:720px;height:1280px;pointer-events:none;z-index:1000;transform-origin:top left;opacity:0;transition:opacity .2s ease-out}#hud.scaled{opacity:1}#hud .top-bar,#hud .bottom-bar,#hud .loadout-row,#hud .overlay,#hud .action-btn{pointer-events:none}#hud .bottom-bar .action-btn,#hud .bottom-bar .bomb-container,#hud .overlay:not(.hidden) .action-btn,#hud .overlay:not(.hidden) .instructions{pointer-events:auto}#hud #shop-modal:not(.hidden),#hud #shop-modal:not(.hidden) .shop-panel,#hud #shop-modal:not(.hidden) .shop-card{pointer-events:auto}.top-bar{position:absolute;top:0;left:0;width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,transparent 100%);z-index:10}.stage-container,.hp-container{flex:0 0 auto}.score-container{position:absolute;left:50%;transform:translate(-50%);text-align:center;min-width:150px}.label{font-size:1rem;font-weight:600;color:#fff;letter-spacing:1px;margin-bottom:4px;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.value{font-size:2.1rem;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.hp-container{width:42%;max-width:210px;text-align:right}.hp-track{width:100%;height:20px;background:#0003;border:2px solid #fff;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 2px 5px #0000001a}.hp-fill{height:100%;background:#ff6b6b;width:100%;transition:width .2s ease-out,background-color .2s;border-radius:4px}.hp-fill.hp-flash-damage{animation:hpFlashDamage .24s ease-out}.hp-fill.hp-flash-heal{animation:hpFlashHeal .24s ease-out}.boss-hp-container{position:absolute;top:84px;left:50%;transform:translate(-50%);width:90%;text-align:center;z-index:11}.boss-hp-container.hidden{display:none}.boss-hp-track{width:100%;height:16px;background:#00000052;border:2px solid rgba(255,255,255,.95);border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #00000029}.boss-hp-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff6b8f,#ff2f5d);transition:width .12s linear}@keyframes hpFlashDamage{0%{filter:brightness(1);box-shadow:0 0 #ff585800}30%{filter:brightness(2.2);box-shadow:0 0 14px #ff6060f2,0 0 24px #ff8060a6}to{filter:brightness(1);box-shadow:0 0 #ff585800}}@keyframes hpFlashHeal{0%{filter:brightness(1);box-shadow:0 0 #66d6ff00}30%{filter:brightness(1.9);box-shadow:0 0 14px #66d6fff2,0 0 24px #5dffff9e}to{filter:brightness(1);box-shadow:0 0 #66d6ff00}}.bottom-bar{position:absolute;bottom:0;left:0;width:100%;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(to top,rgba(255,255,255,.3) 0%,transparent 100%);z-index:10}#loadout-row{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:6px;z-index:11}.loadout-slot-wrap{position:relative;display:flex}.loadout-slot{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;min-width:92px;height:52px;gap:6px;padding:5px 7px;border-radius:10px;border:2px solid rgba(255,255,255,.88);background:#152c466b;color:#fff;font-size:.82rem;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.35);letter-spacing:.1px;line-height:1.05;text-align:left;overflow:hidden}.loadout-slot img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.25))}.loadout-slot span{white-space:nowrap}.bomb-icons{min-height:28px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bomb-container{cursor:pointer;position:relative}.bomb-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.25))}.hud-progress{position:absolute;left:50%;transform:translate(-50%);top:-16px;padding:1px 4px;border-radius:7px;border:1px solid rgba(255,255,255,.9);background:#0a1a2bd6;color:#fff;font-size:1.12rem;font-weight:700;line-height:1.05;letter-spacing:.1px;white-space:nowrap;text-shadow:1px 1px 0 rgba(0,0,0,.4)}.hud-progress.hidden{display:none}.action-btn{background:#ff9a9e;border:3px solid #fff;color:#fff;font-family:Fredoka,sans-serif;font-weight:700;padding:12px 24px;border-radius:22px;cursor:default;text-transform:uppercase;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #ff6f91,0 5px 10px #0003;outline:none;-webkit-tap-highlight-color:transparent}.action-btn:active{transform:translateY(4px);box-shadow:0 0 #ff6f91,0 2px 5px #0003}.action-btn.large{font-size:1.6rem;padding:18px 44px;border-radius:30px}.menu-btn{width:min(280px,82%)}.menu-btn-primary{font-size:1.5rem;padding:16px 36px;border-radius:28px}.menu-btn-secondary{font-size:1.15rem;padding:12px 30px;border-radius:24px}.menu-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:34px;margin-top:12px}#start-screen .menu-btn,#game-over-screen .menu-btn,#clear-screen .menu-btn{position:relative;touch-action:manipulation}.action-btn.bounce{animation:bounceBtn 2s infinite ease-in-out}.action-btn.hidden{display:none}@keyframes bounceBtn{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s}.overlay.hidden{display:none;opacity:0;pointer-events:none}.staff-roll-window{width:min(460px,86%);height:420px;border:3px solid #ffffff;border-radius:16px;background:#0b1c2b9e;overflow:hidden;position:relative;margin-top:8px}.staff-roll-track{position:absolute;width:100%;top:100%;left:0;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;color:#fff;font-weight:700;letter-spacing:.8px;text-shadow:1px 1px 0 rgba(0,0,0,.45);animation:staffRollMove 14s linear infinite;padding-bottom:24px}@keyframes staffRollMove{0%{transform:translateY(0)}to{transform:translateY(-170%)}}#shop-modal{background:#0b1c2b73}.shop-panel{width:min(560px,92%);height:min(880px,92%);max-height:92%;border:4px solid #ffffff;border-radius:24px;padding:18px;background:linear-gradient(180deg,#fff0bff2,#cceefff2);box-shadow:0 16px 36px #0c233d59;display:flex;flex-direction:column;gap:14px;overflow:hidden}.shop-header{display:flex;justify-content:space-between;align-items:center}.shop-title{font-size:2rem;color:#ff6f91;text-shadow:2px 2px 0 rgba(255,255,255,.9)}.shop-wallet{text-align:center;font-size:1.45rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#44b6f0,#3ad89f);border-radius:14px;border:3px solid #ffffff;padding:8px 12px;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.shop-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start;overflow-y:auto;overflow-x:hidden;padding-right:4px}.shop-ad-container{width:100%;height:80px;min-height:80px;background:#ffffff80;border-radius:12px;overflow:hidden;margin-top:auto}.shop-card{border:3px solid #fff;border-radius:14px;background:#ffffffd1;color:#355066;font-family:Fredoka,sans-serif;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;min-height:172px}.shop-card-active{cursor:pointer;background:linear-gradient(180deg,#fff,#d3f7d0);box-shadow:0 4px #7ecf86,0 8px 12px #00000026;flex-direction:column;gap:5px}.shop-card-active:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.shop-card-name{font-size:1.05rem;color:#2e4a5f;line-height:1.05}.shop-card-icon{width:34px;height:34px;background-image:url(assets/images/tiles/tile_0027.png),var(--fg-icon);background-repeat:no-repeat,no-repeat;background-position:center,center;background-size:100% 100%,62% 62%;image-rendering:pixelated;filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))}.shop-card-price{color:#ff6f91;font-size:1.15rem}.shop-card-meta{font-size:.85rem;color:#567c8d}.shop-card-locked{color:#9aaeb9;letter-spacing:.5px;background:#edf4f8d9}.fantasy-text{font-size:4rem;font-weight:700;color:#fff;text-shadow:3px 3px 0 #FF9A9E,6px 6px 0 rgba(0,0,0,.1);margin:0;line-height:1.1;letter-spacing:2px}.fantasy-text.primary{color:#ffd93d;text-shadow:3px 3px 0 #FF6F91,6px 6px 0 rgba(0,0,0,.1);font-size:4.5rem}.fantasy-text.danger{color:#ff6b6b;text-shadow:3px 3px 0 #fff,6px 6px 0 rgba(0,0,0,.1);font-size:3.5rem}.title-logo{text-align:center;margin-bottom:40px}.pilot-portrait-container{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.pilot-portrait{width:180px;height:180px;border-radius:24px;border:4px solid #fff;box-shadow:0 10px 25px #0003;object-fit:cover;image-rendering:pixelated}.ending-illustration-container{margin:15px 0;display:flex;justify-content:center;align-items:center;width:100%}.ending-illustration{width:min(400px,90%);border-radius:20px;border:4px solid #fff;box-shadow:0 8px 20px #00000040;image-rendering:pixelated}.instructions{text-align:center;margin-bottom:40px;color:#555;background:#fffc;padding:15px 25px;border-radius:15px;font-size:1.1rem;line-height:1.6;box-shadow:0 4px 15px #0000000d}.instructions strong{color:#ff6b6b}.final-stats{margin:30px 0;font-size:1.4rem;text-align:center;font-weight:600;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.final-stats .value{color:#ffd93d;font-size:2.5rem;display:block;margin-top:10px;text-shadow:2px 2px 0 #FF6F91}