:root{--bg-dark: #050508;--panel-bg: #0c0c12;--primary-red: #dc2626;--neon-purple: #8b5cf6;--primary-gold: #f59e0b;--text-light: #f4f4f5;--text-gray: #a1a1aa;--border-color: #1e1b4b}.app-container{width:100vw;height:100vh;max-width:480px;max-height:850px;background-color:var(--bg-dark);color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #000c;border:2px solid var(--border-color)}.toast-message{position:absolute;top:16px;left:5%;width:90%;padding:12px;border-radius:8px;font-size:14px;font-weight:700;text-align:center;z-index:999;box-shadow:0 4px 12px #00000080}.toast-message.success{background-color:#10b981;color:#fff}.toast-message.error{background-color:var(--primary-red);color:#fff}.toast-message.info{background-color:var(--neon-purple);color:#fff}.toast-message.warning{background-color:var(--primary-gold);color:#000}.screen{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.start-screen{padding:40px 24px;justify-content:space-between;align-items:center;background:radial-gradient(circle at center,#110c1a,#050508)}.title-area{text-align:center}.game-title{font-size:38px;font-weight:900;color:var(--primary-red);text-shadow:0 0 20px rgba(220,38,38,.8);margin:0}.subtitle{font-size:16px;color:var(--neon-purple);margin-top:8px;letter-spacing:2px;text-shadow:0 0 10px rgba(139,92,246,.5)}.hero-preview{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.preview-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);animation:pulse 2s infinite alternate}.hero-emoji{font-size:72px;z-index:2}.tutorial-brief{background-color:#0c0c12e6;border:1px solid var(--border-color);border-radius:12px;padding:16px;width:100%;box-sizing:border-box}.tutorial-brief h3{margin:0 0 10px;font-size:14px;color:var(--primary-red);text-shadow:0 0 5px rgba(220,38,38,.5)}.monster-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legend-item{font-size:11px;color:var(--text-gray);display:flex;align-items:center;gap:6px}.legend-item span{font-size:16px}.start-button.black-style{background-color:#000;color:var(--primary-red);border:2px solid var(--primary-red);padding:14px 40px;font-size:18px;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 0 15px #dc262699;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.start-button.black-style:hover{box-shadow:0 0 25px #dc2626e6;color:#fff;border-color:#fff}.high-score{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-gray)}.gold-icon{color:var(--primary-gold)}.playing-screen{justify-content:space-between}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color)}.hud-left{display:flex;align-items:center;gap:12px}.score-box{display:flex;align-items:center;gap:4px;font-size:18px;font-weight:700;color:var(--primary-gold)}.score-box.bounce{animation:bounce .3s ease}.lives-box{display:flex;gap:3px}.heart-icon{transition:all .2s ease}.heart-icon.filled{color:var(--primary-red);fill:var(--primary-red);filter:drop-shadow(0 0 4px rgba(220,38,38,.6))}.heart-icon.empty{color:#1e1b4b}.hud-right{display:flex;align-items:center;gap:8px}.aim-badge{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}.gate-badge{background-color:#8b5cf626;color:var(--neon-purple);border:1px solid rgba(139,92,246,.3);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px}.tutorial-banner{background-color:#110c1a;border-bottom:1px solid var(--border-color);padding:10px 16px;font-size:13px;display:flex;align-items:center;gap:8px;color:#e0e7ff}.pin-icon{color:var(--neon-purple)}.battle-arena{flex:1;position:relative;background-color:#050508;background-image:radial-gradient(#1a1125 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.aim-laser-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.aim-laser-line{stroke:#dc26268c;stroke-width:1.5;stroke-dasharray:4,3;animation:laser-pulse .8s infinite linear}@keyframes laser-pulse{to{stroke-dashoffset:-7}}.aim-reticle{position:absolute;border:2px dashed rgba(220,38,38,.85);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:4;animation:rotate-reticle 2.5s linear infinite;box-shadow:0 0 8px #dc262666}@keyframes rotate-reticle{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.player-node{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10;transition:none}.char-sprite{font-size:28px;z-index:2}.player-shadow{position:absolute;bottom:-4px;width:20px;height:6px;background-color:#0009;border-radius:50%}.flashing{animation:flash .15s infinite}.portal-node{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:5}.portal-ring{position:absolute;width:100%;height:100%;border:3px dashed #ffffff;border-radius:50%;animation:rotate 4s linear infinite;box-shadow:0 0 12px #fff}.portal-icon{font-size:24px}.enemy-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:8}.enemy-avatar-wrapper{position:relative;width:100%;height:100%;background-color:#000000d9;border-radius:50%;display:flex;align-items:center;justify-content:center}.enemy-node.pistol .enemy-avatar-wrapper{border:2px solid var(--primary-red);box-shadow:0 0 10px var(--primary-red)}.enemy-node.crossbow .enemy-avatar-wrapper{border:2px solid var(--primary-gold);box-shadow:0 0 10px var(--primary-gold)}.enemy-node.venom .enemy-avatar-wrapper{border:2px solid var(--neon-purple);box-shadow:0 0 10px var(--neon-purple)}.enemy-node.toad .enemy-avatar-wrapper{border:2px solid #10b981;box-shadow:0 0 10px #10b981}.enemy-node.boss .enemy-avatar-wrapper{border:3px solid #ec4899;box-shadow:0 0 20px #ec4899}.enemy-sprite{font-size:22px}.enemy-node.boss .enemy-sprite{font-size:42px}.mini-weapon{position:absolute;bottom:-2px;right:-2px;font-size:12px}.jump-dust{position:absolute;bottom:-10px;font-size:12px;animation:flash .1s infinite}.enemy-hp-bar{width:100%;height:4px;background-color:#1e1b4b;border-radius:2px;margin-top:6px;overflow:hidden}.hp-fill{height:100%;background-color:var(--primary-red)}.bullet-node{position:absolute;border-radius:50%;transform:translate(-50%,-50%);z-index:9}.player-bullet{box-shadow:0 0 8px currentColor}.enemy-bullet{width:6px;height:6px;box-shadow:0 0 8px currentColor}.particle-node{position:absolute;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.mobile-controls{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:20}.dpad{display:flex;flex-direction:column;align-items:center;pointer-events:auto}.dpad-row{display:flex;gap:12px}.dpad-btn{width:44px;height:44px;background-color:#0c0c12d9;border:1px solid var(--border-color);color:#fff;border-radius:8px;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.dpad-btn:active{background-color:var(--neon-purple);color:#fff}.shoot-btn{width:70px;height:70px;border-radius:50%;background-color:var(--primary-red);color:#fff;border:none;font-weight:700;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #dc262666;pointer-events:auto;cursor:pointer}.shoot-btn:active{transform:scale(.9)}.bottom-bar{padding:16px;background-color:var(--panel-bg);border-top:1px solid var(--border-color);display:flex;justify-content:center}.action-btn{background-color:var(--primary-red);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.action-btn.secondary{background-color:#1e1b4b}.action-btn.gold-btn{background-color:var(--primary-gold);color:#000}.pulse{animation:pulse-glow 1.5s infinite alternate}.inventory-drawer{position:absolute;bottom:0;left:0;right:0;background-color:var(--panel-bg);border-top-left-radius:20px;border-top-right-radius:20px;border-top:2px solid var(--border-color);padding:20px;z-index:100;max-height:55%;overflow-y:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.drawer-header h3{margin:0;font-size:16px;color:var(--primary-gold)}.close-btn{background:none;border:none;color:var(--text-gray);cursor:pointer}.drawer-content{display:flex;flex-direction:column;gap:12px}.item-card{background-color:#161622;border:1px solid var(--border-color);border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px}.item-card.char-card{border-left:4px solid var(--neon-purple)}.item-icon{font-size:32px}.item-info{flex:1}.item-title{margin:0 0 4px;font-size:15px;color:#fff}.item-desc{margin:0;font-size:11px;color:var(--text-gray);line-height:1.4}.select-btn{background-color:var(--primary-gold);color:#000;border:none;padding:6px 14px;border-radius:6px;font-weight:700;cursor:pointer}.select-btn:disabled{background-color:#1e1b4b;color:var(--text-gray)}.gameover-screen,.victory-screen{padding:40px 24px;align-items:center;justify-content:center;background-color:#050508}.gameover-title{font-size:42px;color:var(--primary-red);text-shadow:0 0 15px rgba(220,38,38,.8);margin:0}.victory-title{font-size:42px;color:var(--primary-gold);text-shadow:0 0 15px rgba(245,158,11,.8);margin:0}.gameover-subtitle,.victory-subtitle{color:var(--text-gray);margin-top:10px;text-align:center}.stats-panel{width:100%;background-color:var(--panel-bg);border-radius:12px;padding:16px;margin:24px 0}.stat-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color)}.stat-row:last-child{border-bottom:none}.stat-val{font-size:18px;font-weight:700}.stat-val.gold{color:var(--primary-gold)}.loot-box{width:100%;background-color:#f59e0b0d;border:1px dashed var(--primary-gold);border-radius:12px;padding:16px}.loot-box h3{margin:0 0 8px;color:var(--primary-gold)}.loot-items{display:flex;flex-direction:column;gap:6px}.restart-btn{background-color:var(--primary-red);color:#fff;border:none;padding:14px 40px;font-size:18px;font-weight:700;border-radius:30px;cursor:pointer}.restart-btn.gold-btn{background-color:var(--primary-gold);color:#000}@keyframes pulse{0%{transform:scale(.95);opacity:.6}to{transform:scale(1.05);opacity:1}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #dc262666}to{box-shadow:0 0 20px #dc2626cc}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.shaking{animation:subtle-shake .5s infinite alternate}@keyframes subtle-shake{0%{transform:translate(-50%,-50%) translate(-1px,1px)}to{transform:translate(-50%,-50%) translate(1px,-1px)}}