@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;700;900&display=swap";*,:before,:after{box-sizing:border-box}html,body{touch-action:none;color:#fff;background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:Orbitron,sans-serif;overflow:hidden}#app{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#app canvas{display:block;width:100%!important;height:100%!important}#ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#main-menu{z-index:1000;color:#fff;pointer-events:auto;background:radial-gradient(circle,#1a2a1a 0%,#0a0a0a 100%);justify-content:center;align-items:center;width:100%;height:100%;font-family:Orbitron,sans-serif;display:flex;position:absolute;top:0;left:0}.menu-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#000000d1;border:1px solid #0f83;border-radius:20px;width:90%;max-width:800px;padding:40px;box-shadow:0 0 40px #000c,0 0 20px #00ff881a}.menu-title{color:#0f8;text-shadow:0 0 20px #0f89,2px 2px #000;letter-spacing:-2px;margin-bottom:40px;font-family:"Press Start 2P",cursive;font-size:42px}.selection-section{text-align:left;margin-bottom:30px}.selection-section h3{color:#0f8;text-transform:uppercase;letter-spacing:2px;border-left:4px solid #0f8;margin-bottom:15px;padding-left:12px;font-family:"Press Start 2P",cursive;font-size:16px}.card-grid{scrollbar-width:thin;scrollbar-color:#00ff8880 transparent;gap:15px;padding:10px 5px;display:flex;overflow-x:auto}.card-grid::-webkit-scrollbar{height:6px}.card-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.card-grid::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:10px}.card-grid:hover::-webkit-scrollbar-thumb{background:#0f89}.menu-card{cursor:pointer;pointer-events:auto;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex:0 0 170px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.menu-card:hover{background:#ffffff14;border-color:#00ff8880;transform:translateY(-4px)}.menu-card.selected{background:#00ff881f;border-color:#0f8;box-shadow:0 0 20px #00ff8840}.menu-card.selected:after{content:"SELECTED";color:#0f8;font-family:"Press Start 2P";font-size:8px;position:absolute;top:5px;right:5px}.card-icon{filter:drop-shadow(0 0 8px #00000080);margin-bottom:10px;font-size:32px}.card-name{color:#fff;margin-bottom:6px;font-size:14px;font-weight:700}.option-desc{color:#aaa;font-size:11px;line-height:1.4}.card-desc{color:#aaa;font-family:sans-serif;font-size:11px;line-height:1.5}.menu-start-btn{color:#000;cursor:pointer;pointer-events:auto;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0f8 0%,#00cc6e 100%);border:none;border-radius:50px;margin-top:25px;padding:18px 70px;font-family:Orbitron,sans-serif;font-size:26px;font-weight:900;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 25px #0f86}.selection-container{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px;display:flex}.selection-display{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:15px;min-width:260px;padding:15px 25px;transition:all .3s;display:flex}.selection-display:hover{background:#ffffff1a;border-color:#0f8;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.display-icon{filter:drop-shadow(0 0 10px #00ff884d);font-size:40px}.display-info{flex-direction:column;display:flex}.display-label{color:#0f8;opacity:.7;margin-bottom:5px;font-family:"Press Start 2P",cursive;font-size:10px}.display-name{color:#fff;font-size:18px;font-weight:800}.selection-popup-content{background:#121212;border:1px solid #0f8;border-radius:24px;width:90%;max-width:900px;max-height:85vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 0 100px #000000e6,0 0 30px #00ff881a}.selection-popup-content .card-grid{scrollbar-width:thin;scrollbar-color:#0f8 transparent;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;max-height:50vh;margin-bottom:30px;padding-right:10px;display:grid;overflow:hidden auto}.popup-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.popup-title-main{color:#0f8;font-family:"Press Start 2P",cursive;font-size:20px}.menu-start-btn:hover{transform:scale(1.08);box-shadow:0 0 35px #0f89}.menu-start-btn:active{transform:scale(.95)}#hud-status{flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:10px}#hud-char-info{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.char-icon{filter:drop-shadow(0 0 4px #ffc800cc);font-size:28px;line-height:1}#hud-bars{flex-direction:column;gap:4px;min-width:140px;display:flex}.bar-row{align-items:center;gap:5px;display:flex}.bar-label{color:#aaa;width:14px;font-family:"Press Start 2P",monospace;font-size:8px}.bar-track{background:#0009;border:1px solid #ffffff1a;border-radius:5px;flex:1;height:10px;overflow:hidden}.bar{border-radius:5px;height:100%;transition:width .2s}.hp-fill{background:linear-gradient(90deg,#e53935,#ff6b6b);box-shadow:0 0 6px #f00a}.sp-fill{background:linear-gradient(90deg,#1565c0,#42a5f5);box-shadow:0 0 6px #06fa}.xp-fill{background:linear-gradient(90deg,#fbc02d,#ffeb3b);box-shadow:0 0 6px #ffd700aa}.bar-num{color:#fff;white-space:nowrap;text-align:right;min-width:50px;font-family:"Press Start 2P",monospace;font-size:7px}#hud-weapons,#hud-cards{gap:6px;display:flex}.weapon-slot,.card-slot{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex;position:relative;overflow:hidden}.cooldown-gauge{pointer-events:none;z-index:0;background:#ffffff26;width:100%;height:0%;position:absolute;bottom:0;left:0}.weapon-slot.active,.card-slot.active{background:#ffd7000d;border-color:gold;box-shadow:0 0 10px #ffd70040}.weapon-slot.locked,.card-slot.locked{opacity:.5;background:#000c;border:1px dashed #ffffff1a}.weapon-slot.locked:after,.card-slot.locked:after{content:"🔒";font-size:12px;position:absolute}.weapon-icon,.card-icon{filter:drop-shadow(0 0 2px #00000080);font-size:20px}.weapon-lvl,.card-lvl{color:gold;text-shadow:1px 1px 2px #000;font-family:"Press Start 2P",monospace;font-size:8px;position:absolute;bottom:2px;right:4px}.card-slot.active{background:#00e5ff0d;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff40}.card-slot .card-lvl{color:#00e5ff}#hud-top-center{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#hud-stats-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff1a;border-radius:20px;gap:16px;padding:4px 16px;display:flex}.stat-item{align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.stat-icon{font-size:14px}#hud-timer{color:#fff;text-shadow:0 0 10px #00bfff,0 2px 4px #000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:1px solid #00bfff4d;border-radius:8px;padding:4px 14px;font-family:"Press Start 2P",monospace;font-size:20px}#hud-top-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:10px;right:10px}#level-badge{color:gold;text-shadow:0 0 8px gold;background:#0009;border:1px solid #ffd70066;border-radius:6px;padding:4px 10px;font-family:"Press Start 2P",monospace;font-size:10px;box-shadow:0 0 10px #ffd70033}#minimap-container{width:110px;height:110px;position:relative}#minimap-canvas{background:#0009;border:2px solid #ffffff4d;border-radius:50%;width:100%;height:100%;box-shadow:0 0 12px #000000b3,inset 0 0 10px #00000080}.minimap-compass{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.compass-n,.compass-s,.compass-e,.compass-w{color:#ffffffb3;font-size:8px;font-weight:700;position:absolute}.compass-n{top:2px;left:50%;transform:translate(-50%)}.compass-s{bottom:2px;left:50%;transform:translate(-50%)}.compass-e{top:50%;right:4px;transform:translateY(-50%)}.compass-w{top:50%;left:4px;transform:translateY(-50%)}#hud-mission{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;border:1px solid #ffffff26;border-radius:8px;max-width:200px;padding:8px 12px;font-size:10px}.mission-item{align-items:center;gap:8px;display:flex}.mission-item input[type=checkbox]{accent-color:gold;width:14px;height:14px}.mission-item label{color:#fff;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.4}#joystick-zone{pointer-events:auto;justify-content:center;align-items:center;width:45%;height:40%;display:flex;position:absolute;bottom:0;left:0;touch-action:none!important}#joystick-zone:before{content:"";pointer-events:none;background:#ffffff0a;border:2px dashed #ffffff40;border-radius:50%;width:100px;height:100px;display:block}#control-buttons{pointer-events:auto;gap:15px;display:flex;position:absolute;bottom:40px;right:20px}#dash-btn,#jump-btn{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:75px;height:75px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .1s cubic-bezier(.175,.885,.32,1.275);display:flex}#dash-btn{background:radial-gradient(circle,#50b4ff66,#0064ff33);border-color:#64c8ff99;box-shadow:0 0 15px #0096ff4d}#jump-btn{background:radial-gradient(circle,#fff3,#ffffff0d);border-color:#fff6;box-shadow:0 0 15px #ffffff1a}.dash-icon,.jump-icon{font-size:20px}.dash-label,.jump-label{letter-spacing:1px;font-size:7px}#dash-btn:active{background:radial-gradient(circle,#64dcffb3,#0096ff80);transform:scale(.9);box-shadow:0 0 25px #00c8ffb3}#jump-btn:active{background:#ffffff4d;transform:scale(.9);box-shadow:0 0 25px #fff6}#damage-text-layer{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.damage-text{color:#fff;text-shadow:2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;white-space:nowrap;font-family:"Press Start 2P",monospace;font-size:14px;animation:.9s ease-out forwards dmgFloat;position:absolute}.damage-text.player{color:#f33;z-index:21;font-size:16px}.damage-text.enemy{color:#fff}.damage-text.crit{color:#fc0;text-shadow:0 0 8px #fa0,2px 2px #000,-2px -2px #000;font-size:20px}@keyframes dmgFloat{0%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-40px)}to{opacity:0;transform:translateY(-55px)}}.blood-particle{pointer-events:none;z-index:19;background-color:red;border-radius:50%;width:6px;height:6px;animation:.6s ease-out forwards bloodSplatter;position:absolute;box-shadow:0 0 4px #800}@keyframes bloodSplatter{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}.menu-card.locked{filter:grayscale()brightness(.5);cursor:not-allowed;opacity:.7}.menu-card.locked:before{content:"🔒";z-index:10;filter:none;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-card.locked:hover{border-color:#ffffff1a;transform:none}.settings-btn{cursor:pointer;z-index:1001;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.settings-btn:hover{background:#fff3;transform:rotate(45deg)}.popup-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-content{text-align:center;background:#1a1a1a;border:2px solid #333;border-radius:16px;width:320px;padding:30px}.popup-title{color:#0f8;margin-bottom:25px;font-family:"Press Start 2P",cursive;font-size:14px}.setting-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.setting-label{font-size:12px;font-weight:700}.toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#444;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#0f8}input:checked+.slider:before{transform:translate(26px)}.close-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;margin-top:10px;padding:10px 20px;font-family:Orbitron,sans-serif;font-size:12px}.close-btn:hover{background:#444}#level-up-ui{z-index:2000;pointer-events:auto;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.levelup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.levelup-modal{width:90%;max-width:480px;image-rendering:pixelated;background:#111;border:4px solid #444;border-radius:4px;padding:30px;box-shadow:0 0 50px #00000080}.levelup-title{color:#fff;text-align:center;border-bottom:2px solid #333;margin-bottom:30px;padding-bottom:15px;font-family:"Press Start 2P",cursive;font-size:16px}.options-container{flex-direction:column;gap:12px;display:flex}.upgrade-card{cursor:pointer;background:#222;border:2px solid #444;flex-direction:column;padding:12px;transition:all .1s steps(4,end);display:flex}.upgrade-card:hover{background:#333;border-color:#fff;transform:translate(4px)}.card-header{justify-content:space-between;margin-bottom:4px;display:flex}.badge-new{color:#fff;visibility:hidden;font-family:"Press Start 2P";font-size:8px}.badge-new.visible{visibility:visible}.badge-top-new{color:#fc0;font-family:"Press Start 2P";font-size:10px}.card-body{align-items:center;gap:16px;display:flex}.option-icon{background:#000;border:2px solid #444;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.option-info{flex:1}.option-name{color:#fff;margin-bottom:8px;font-family:"Press Start 2P";font-size:12px}.option-desc{color:#999;margin-bottom:8px;font-family:sans-serif;font-size:11px;line-height:1.4}.option-stats{background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.stat-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-name{color:#888}.stat-values{align-items:center;gap:6px;display:flex}.stat-current{color:#bbb}.stat-arrow{color:#0f8;font-size:10px}.stat-next{color:#fff;text-shadow:0 0 5px #00ff884d;font-weight:700}.menu-top-left{z-index:1001;align-items:center;display:flex;position:absolute;top:20px;left:20px}.menu-top-right{z-index:1001;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:20px;right:20px}.gold-display{color:gold;background:#0009;border:1px solid gold;border-radius:20px;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:10px;font-weight:700}.menu-actions{justify-content:center;gap:20px;margin-top:25px;display:flex}.menu-unlock-btn{cursor:pointer;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;box-shadow:0 0 10px #ffd7001a}.menu-unlock-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd70080}.unlock-popup-content{background:#0a0a0a;border:2px solid gold;border-radius:24px;flex-direction:column;width:90%;max-width:800px;height:80vh;padding:30px;display:flex;box-shadow:0 0 50px #ffd70033}.popup-title-row{align-items:center;gap:20px;display:flex}.popup-gold-display{color:gold;font-family:"Press Start 2P",monospace;font-size:12px}.popup-tabs{border-bottom:1px solid #333;gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex}.tab-btn{cursor:pointer;color:#888;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.tab-btn.active{color:#fff;background:#ffd70033;border:1px solid gold}.unlock-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding-right:10px;display:grid;overflow-y:auto}.unlock-group-header{color:gold;background:#ffd7001a;border-left:4px solid gold;grid-column:1/-1;align-items:center;gap:10px;margin-top:15px;margin-bottom:5px;padding:10px 15px;font-size:14px;font-weight:700;display:flex}.header-icon{font-size:20px}.unlock-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:15px;display:flex}.unlock-card.unlocked{background:#00ff880d;border-color:#0f8}.unlock-icon{font-size:32px}.unlock-name{font-size:14px;font-weight:700}.unlock-buy-btn{color:#000;cursor:pointer;background:gold;border:none;border-radius:20px;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:8px;font-weight:700;transition:transform .1s}.unlock-buy-btn:active{transform:scale(.9)}.unlock-status{color:#0f8;font-family:"Press Start 2P",monospace;font-size:8px}.card-lock-icon{z-index:10;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}