@font-face{font-family:PixelFont;src:local(Courier New)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#0b0712;width:100%;height:100%;margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}#app{background:#0b0712;width:100vw;height:100dvh;position:relative;overflow:hidden}#game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block;position:absolute;top:0;left:0}#ui-root{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-root>*{pointer-events:auto}.screen{text-align:center;background:radial-gradient(#28143ceb 0%,#0a0612f7 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.hidden{display:none!important}.game-title{letter-spacing:2px;color:#ffe66d;text-shadow:4px 4px #d94f70,-2px -2px #5b2a86,0 0 30px #ffe66d99;margin:0 0 4px;font-size:clamp(28px,6vw,56px);font-weight:900;line-height:1.1}.game-subtitle{color:#c9b8e6;letter-spacing:1px;margin-bottom:10px;font-size:clamp(12px,2.4vw,16px)}.btn{color:#fff;cursor:pointer;background:linear-gradient(#8b5cf6,#6d28d9);border:3px solid #2a1840;border-radius:10px;min-width:180px;padding:12px 28px;font-family:inherit;font-size:clamp(14px,2.6vw,18px);font-weight:700;transition:transform 60ms,box-shadow 60ms;box-shadow:0 4px #4c1d95,0 6px 12px #0006}.btn:active{transform:translateY(3px);box-shadow:0 1px #4c1d95,0 2px 6px #0006}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.btn.secondary{background:linear-gradient(#38b6a5,#1f8f80);box-shadow:0 4px #14554b,0 6px 12px #0006}.btn.secondary:active{box-shadow:0 1px #14554b,0 2px 6px #0006}.btn.danger{background:linear-gradient(#f45b69,#c62839);box-shadow:0 4px #7a1521,0 6px 12px #0006}.btn.danger:active{box-shadow:0 1px #7a1521,0 2px 6px #0006}.btn.gold{color:#3a2200;background:linear-gradient(#ffd76b,#f2a33c);box-shadow:0 4px #a65e10,0 6px 12px #0006}.btn.gold:active{box-shadow:0 1px #a65e10,0 2px 6px #0006}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.col{flex-direction:column;align-items:center;gap:10px;display:flex}.panel{background:#140c22e6;border:3px solid #4c2a7a;border-radius:14px;max-width:96vw;padding:16px;box-shadow:0 8px 24px #00000080,inset 0 0 20px #8b5cf614}.currency-badge{color:#ffe9b0;background:#ffd76b26;border:2px solid #f2a33c;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.char-grid{flex-wrap:wrap;justify-content:center;gap:14px;max-width:900px;display:flex}.char-card{cursor:pointer;background:#1e1232d9;border:3px solid #4c2a7a;border-radius:12px;width:150px;padding:10px;transition:transform .12s,border-color .12s;position:relative}.char-card:hover,.char-card.selected{border-color:#ffe66d;transform:translateY(-4px);box-shadow:0 0 18px #ffe66d80}.char-card.locked{opacity:.55;filter:grayscale(.7);cursor:not-allowed}.char-card img{object-fit:contain;width:100%;height:90px;image-rendering:pixelated;margin-bottom:6px}.char-card .char-name{color:#ffe66d;font-size:14px;font-weight:800}.char-card .char-desc{color:#c9b8e6;margin-top:4px;font-size:10.5px;line-height:1.3}.char-card .lock-badge{color:#ffd76b;background:#0009;border-radius:6px;padding:3px 6px;font-size:10px;position:absolute;top:6px;right:6px}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:100%;max-width:900px;display:grid}.shop-item{text-align:left;background:#1e1232d9;border:2px solid #4c2a7a;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.shop-item .name{color:#ffe66d;font-size:14px;font-weight:800}.shop-item .desc{color:#c9b8e6;font-size:11px}.shop-item .lvl{color:#9be6a0;font-size:11px}.shop-item .buy-row{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}#hud{pointer-events:none;font-weight:700;position:absolute;inset:0}#hud .top-bar{top:env(safe-area-inset-top,8px);align-items:center;gap:10px;display:flex;position:absolute;left:8px;right:8px}#hp-bar-wrap,#xp-bar-wrap{background:#00000080;border:2px solid #2a1840;border-radius:8px;flex:1;height:16px;position:relative;overflow:hidden}#hp-bar-fill{background:linear-gradient(90deg,#f45b69,#ff8fa3);width:100%;height:100%;transition:width .15s}#xp-bar-fill{background:linear-gradient(90deg,#38b6a5,#7ee8d8);width:0%;height:100%;transition:width .15s}.hud-label{text-shadow:1px 1px 1px #000;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}#level-badge{color:#3a2200;background:#ffd76b;border:2px solid #a65e10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}#timer-display{top:calc(env(safe-area-inset-top,8px) + 24px);text-shadow:2px 2px #000;background:#00000059;border-radius:8px;padding:3px 14px;font-size:20px;position:absolute;left:50%;transform:translate(-50%)}#kill-counter{top:calc(env(safe-area-inset-top,8px) + 24px);background:#00000059;border-radius:8px;padding:4px 10px;font-size:13px;position:absolute;right:8px}#stardust-counter{top:calc(env(safe-area-inset-top,8px) + 24px);color:#ffe9b0;background:#00000059;border-radius:8px;padding:4px 10px;font-size:13px;position:absolute;left:8px}#weapon-tray{bottom:env(safe-area-inset-bottom,8px);background:#00000059;border-radius:10px;gap:4px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tray-slot{background:#ffffff14;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;position:relative}.tray-slot .lvl-tag{background:#6d28d9;border:1px solid #2a1840;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex;position:absolute;bottom:-3px;right:-3px}#pause-btn{bottom:env(safe-area-inset-bottom,8px);color:#fff;pointer-events:auto;background:#0006;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;position:absolute;right:8px}#joystick-zone{pointer-events:auto;touch-action:none;width:45%;height:55%;position:absolute;bottom:0;left:0}#joystick-base{background:#ffffff1f;border:2px solid #ffffff59;border-radius:50%;width:100px;height:100px;display:none;position:absolute}#joystick-nub{background:#ffffff8c;border:2px solid #fffc;border-radius:50%;width:46px;height:46px;position:absolute;top:27px;left:27px}.levelup-title{color:#ffe66d;text-shadow:3px 3px #5b2a86;margin-bottom:6px;font-size:clamp(22px,4vw,32px)}.upgrade-cards{flex-wrap:wrap;justify-content:center;gap:14px;max-width:900px;display:flex}.upgrade-card{cursor:pointer;background:#1e1232eb;border:3px solid #4c2a7a;border-radius:12px;width:180px;padding:14px 10px;transition:transform .1s,border-color .1s}.upgrade-card:hover{border-color:#ffe66d;transform:translateY(-4px)scale(1.03);box-shadow:0 0 18px #ffe66d73}.upgrade-card .icon{margin-bottom:6px;font-size:34px}.upgrade-card .u-name{color:#ffe66d;margin-bottom:4px;font-size:14px;font-weight:800}.upgrade-card .u-level{color:#9be6a0;margin-bottom:6px;font-size:11px}.upgrade-card .u-desc{color:#d8cdee;font-size:11px;line-height:1.35}.upgrade-card.new-tag:after{content:"NEW";background:#f45b69;border-radius:4px;margin-top:-50px;margin-left:-4px;padding:2px 6px;font-size:9px;position:absolute}.stat-list{text-align:left;color:#d8cdee;font-size:13px;line-height:1.8}.stat-list b{color:#ffe66d}.small-note{color:#9885bb;max-width:480px;font-size:11px}@media (width<=640px){.char-card{width:120px}.upgrade-card{width:140px}}