@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto+Condensed:wght@400;700&display=swap";body{background:#0a0a14;min-height:100vh;overflow:hidden}#root{display:flex;justify-content:center;width:100%;min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none;touch-action:none}body{background:#0a0a14;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;font-family:"Press Start 2P",monospace;overflow:hidden}.game-root{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;-webkit-user-select:none;user-select:none;overflow:hidden}@media(min-width:769px){.game-root{max-width:900px}}.scoreboard{background:#1c0f5e;border-bottom:3px solid #4a2fb0;padding:6px 10px 8px;flex-shrink:0}.score-top-bar{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;color:#fff}.score-label{color:#f0d040;font-size:10px;text-shadow:0 0 8px #f0d040aa}.score-ip{color:#f0d040;font-size:10px;letter-spacing:2px;text-shadow:0 0 8px #f0d040,0 0 18px #f0d040aa;min-width:80px}.score-coins{margin-left:auto;color:#f0d040;font-size:10px;text-shadow:0 0 8px #f0d040aa}.char-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.char-card{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:3px;padding:5px 6px 5px 4px;cursor:pointer;transition:background .15s,border-color .15s}.char-card.selected{background:#643cc838;border-color:#7a50ff;box-shadow:0 0 10px #7a50ff40}.char-card:hover{background:#ffffff12}.char-avatar-wrap{width:52px;height:52px;border-radius:3px;overflow:hidden;border:2px solid #8a8aaa;flex-shrink:0;background:#0c0830;image-rendering:pixelated}.char-card.selected .char-avatar-wrap{border-color:#f0d040;box-shadow:0 0 8px #f0d04088}.char-avatar-img{width:100%;height:100%;object-fit:cover;object-position:top center;image-rendering:pixelated}.char-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.char-name{font-size:6px;color:#fff;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 4px rgba(255,255,255,.4)}.char-card.selected .char-name{color:#f0d040;text-shadow:0 0 6px #f0d04080}.hp-bar-track{width:100%;height:9px;background:#0009;border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.4)}.hp-bar-fill{height:100%;border-radius:1px;transition:width .35s ease;position:relative}.hp-bar-fill.gold{background:#e8c020;display:flex;align-items:stretch}.hp-bar-danger{position:absolute;right:0;top:0;bottom:0;width:18%;background:#e03020;border-radius:0 1px 1px 0}.hp-bar-fill.cyan{background:#30d4f0}.stage-wrap{position:relative;overflow:hidden;flex:1;min-height:0}.stage{position:relative;overflow:hidden;width:100%;height:100%}.stage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.stage-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));text-align:center;padding:18px 0 10px;font-size:11px;color:#fff;letter-spacing:2px;text-shadow:0 0 10px #a040ff,0 0 20px #6a0dad;z-index:10}.char-sprite{position:absolute;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;cursor:pointer;transform-origin:bottom center}.sprite-img{width:100%;height:100%;object-fit:contain;object-position:bottom center;image-rendering:pixelated;transition:transform .1s}.char-active .sprite-img{filter:drop-shadow(0 0 8px #f0d04090) drop-shadow(0 0 16px #a040ff60);animation:activeBreath 1.2s ease-in-out infinite}@keyframes activeBreath{0%,to{transform:scaleX(var(--dir, 1)) scaleY(1)}50%{transform:scaleX(var(--dir, 1)) scaleY(1.03) translateY(-3px)}}.char-idle .sprite-img{animation:idleSway 2.4s ease-in-out infinite}.char-idle:nth-child(2) .sprite-img{animation-delay:.4s}.char-idle:nth-child(3) .sprite-img{animation-delay:.8s}.char-idle:nth-child(4) .sprite-img{animation-delay:1.2s}@keyframes idleSway{0%,to{transform:scaleX(var(--dir, 1)) rotate(0) translateY(0)}25%{transform:scaleX(var(--dir, 1)) rotate(.8deg) translateY(-2px)}75%{transform:scaleX(var(--dir, 1)) rotate(-.8deg) translateY(-1px)}}.select-indicator{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #f0d040;filter:drop-shadow(0 0 6px #f0d040);animation:bounce .6s ease-in-out infinite alternate}@keyframes bounce{0%{top:-14px}to{top:-20px}}.power-up-img{position:absolute;width:160%;height:160%;left:-35%;top:-50%;object-fit:contain;z-index:-1;animation:powerPulse .5s ease-in-out infinite alternate;pointer-events:none;image-rendering:pixelated}@keyframes powerPulse{0%{transform:scale(.95);opacity:.85}to{transform:scale(1.05);opacity:1}}.dpad-overlay{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom,14px));pointer-events:none;z-index:20}.dpad-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#4a2fb073;border:2px solid #7a50ff55;border-radius:12px;color:#fff;font-size:20px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .1s,transform .08s;-webkit-user-select:none;user-select:none;pointer-events:auto;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dpad-btn:active,.dpad-btn.pressed{background:#7a50ffb3;transform:scale(.9)}.dpad-arrow{line-height:1;text-shadow:0 0 6px #a040ff}@media(max-width:480px){.score-top-bar,.score-ip,.score-label,.score-coins{font-size:8px}.char-avatar-wrap{width:40px;height:40px}.char-name{font-size:5px}.hp-bar-track{height:7px}.stage-label{font-size:8px;letter-spacing:1px}.dpad-btn{width:50px;height:50px;font-size:18px}}