*{box-sizing:border-box}html,body{height:100%}body{background:linear-gradient(#8ed6ff,#eaf8ff);min-height:100dvh;margin:0;font-family:sans-serif}button{color:#fff;cursor:pointer;touch-action:manipulation;background:#2d7cff;border:none;border-radius:14px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 2px 6px #2d7cff59}button:hover:not(:disabled){background:#4a8dff;transform:scale(1.05);box-shadow:0 6px 14px #2d7cff80}button:active:not(:disabled){transform:scale(.95);box-shadow:0 1px 3px #2d7cff4d}button:disabled{opacity:.5;cursor:not-allowed}.app{max-width:420px;margin:0 auto;padding:14px}.card{background:#fff;border-radius:18px;margin-top:12px;padding:16px;box-shadow:0 8px 20px #0000001f}.row{border-bottom:1px solid #eee;justify-content:space-between;padding:8px 0;display:flex}.arena{justify-content:space-between;gap:10px;margin:14px 0;display:flex}.fighter{text-align:center;background:#f6f8ff;border-radius:14px;width:48%;padding:10px;position:relative}.popupLayer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.damagePopup{color:#ff3b3b;text-shadow:0 0 4px #fff,0 0 8px #fff;font-size:22px;font-weight:900;animation:.9s ease-out forwards damagePop;position:absolute;top:30%;left:50%;transform:translate(-50%)}.damagePopup.critical{color:#ffd400;text-shadow:0 0 6px #b35900,0 0 12px #f80;font-size:34px}@keyframes damagePop{0%{opacity:0;transform:translate(-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-8px)scale(1.15)}60%{opacity:1;transform:translate(-50%,-32px)scale(1)}to{opacity:0;transform:translate(-50%,-56px)scale(.9)}}.enemy{background:#fff2f2}.big{font-size:34px}.flash{animation:.7s boom}@keyframes boom{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(2);transform:scale(1.05)}to{filter:brightness();transform:scale(1)}}.resultBox{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.capsule{color:#fff;text-align:center;border-radius:14px;padding:10px}.rarity5{box-shadow:0 0 14px gold}.rarity4{box-shadow:0 0 10px violet}.rarity3{box-shadow:0 0 8px #77d6ff}.screen{animation:.2s both screenFadeIn}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.effect3{animation:.7s both rarity3Glow}.effect4{animation:1s both rarity4Glow}.effect5{animation:2s both rarity5Glow}@keyframes rarity3Glow{0%{opacity:0;transform:scale(.7);box-shadow:0 0 #77d6ff}60%{opacity:1;transform:scale(1.05);box-shadow:0 0 16px #4fb6ff,0 0 28px #77d6ff}to{opacity:1;transform:scale(1);box-shadow:0 0 8px #77d6ff}}@keyframes rarity4Glow{0%{opacity:0;transform:scale(.6);box-shadow:0 0 gold}50%{opacity:1;transform:scale(1.18);box-shadow:0 0 24px gold,0 0 36px gold}to{opacity:1;transform:scale(1);box-shadow:0 0 10px gold}}@keyframes rarity5Glow{0%{opacity:0;transform:scale(.5)rotate(-6deg);box-shadow:0 0 #fff}20%{opacity:1;transform:scale(1.3)rotate(2deg);box-shadow:0 0 24px #f57,0 0 36px #fa0,0 0 48px #8f6,0 0 60px #6cf}60%{opacity:1;transform:scale(1.15)rotate(0);box-shadow:0 0 28px #fa0,0 0 40px #8f6,0 0 52px #6cf,0 0 64px #c6f}to{opacity:1;transform:scale(1)rotate(0);box-shadow:0 0 16px gold,0 0 28px #f7f}}.levelUpBanner{color:#fff;text-shadow:0 0 8px gold,0 0 18px #f80,0 0 28px #f40;letter-spacing:4px;pointer-events:none;z-index:60;font-size:48px;font-weight:900;animation:1.5s forwards levelUpBanner;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes levelUpBanner{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.rainbowBurst{pointer-events:none;z-index:50;background:radial-gradient(circle,#ffffffe6 0%,#ffc86499 20%,#ff64c866 40%,#64c8ff33 60%,#0000 80%);animation:1.4s forwards rainbowBurst;position:fixed;inset:0}@keyframes rainbowBurst{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.6)}}.charSelectLabel{color:#444;margin-top:8px;font-size:14px;font-weight:700}.charSelectRow{scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:8px;margin:4px -4px 8px;padding:8px 4px 12px;display:flex;overflow-x:auto}.charCard{color:#fff;border:3px solid #0000;border-radius:14px;flex:0 0 92px;width:92px;height:110px;margin-top:0;padding:8px 4px;font-weight:700;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;box-shadow:0 2px 6px #0000002e}.charCard:hover:not(:disabled){background:inherit;transform:scale(1.04)}.charCard--active{border-color:#ffd400;transform:scale(1.06);box-shadow:0 0 14px #ffd400b3}.charCard--active:hover:not(:disabled){transform:scale(1.06)}.charCardEmoji{margin-top:6px;font-size:34px;line-height:1}.charCardName{margin-top:4px;font-size:12px}.lvBadge{z-index:10;color:#fff;letter-spacing:.5px;background:#0000008c;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:800;position:absolute;top:4px;right:4px}.lvInline{color:#fff;vertical-align:middle;background:#2d7cff;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:800;display:inline-block}.stageClearOverlay{z-index:70;pointer-events:auto;background:#0009;animation:.7s ease-in-out forwards stageClearFade;position:fixed;inset:0}@keyframes stageClearFade{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.stageClearText{color:#fff;letter-spacing:4px;text-shadow:0 0 8px #4a8dff,0 0 18px #2d7cff;pointer-events:none;z-index:72;font-size:36px;font-weight:900;animation:.7s forwards stageClearText;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)}@keyframes stageClearText{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.stageClearSkip{color:#2d7cff;z-index:75;pointer-events:auto;background:#ffffffeb;border-radius:10px;width:auto;margin:0;padding:10px 16px;font-size:14px;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 8px #0000004d}.stageClearSkip:hover:not(:disabled){background:#fff;transform:scale(1.04);box-shadow:0 4px 12px #0006}.spriteHost{z-index:1;justify-content:center;align-items:center;height:56px;display:flex;position:relative;overflow:visible}.spriteSheet{image-rendering:pixelated;image-rendering:crisp-edges;background-repeat:no-repeat;display:block}@keyframes spriteFrames{to{background-position:-100% 0}}.emojiSprite{transform-origin:bottom;font-size:34px;line-height:1;display:inline-block}.emojiSprite--idle{animation:.9s steps(2,jump-none) infinite emojiIdle}.emojiSprite--attack{animation:.28s ease-out emojiAttack}@keyframes emojiIdle{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.04,.98)}to{transform:translateY(0)scale(1)}}@keyframes emojiAttack{0%{transform:translate(0)scale(1)rotate(0)}35%{transform:translate(14px)scale(1.18,.94)rotate(-8deg)}70%{transform:translate(8px)scaleX(1.08)rotate(-4deg)}to{transform:translate(0)scale(1)rotate(0)}}.emojiSpriteGlyph{display:inline-block}.homeGems{color:#b8860b;background:#fffbe5;border-radius:8px;margin:6px 0;padding:4px 10px;font-size:18px;font-weight:700;display:inline-block}.charSelectRow--wrap{flex-wrap:wrap;overflow-x:visible}.skinCountBadge{color:#fff;background:#0000008c;border-radius:6px;padding:1px 4px;font-size:10px;position:absolute;bottom:4px;right:4px}.previewHero{text-align:center;color:#fff;border:4px solid #0000;border-radius:16px;margin:8px 0;padding:16px;position:relative;box-shadow:0 4px 14px #0003}.previewEmoji{font-size:80px;line-height:1}.previewName{text-shadow:0 0 4px #00000080;margin-top:4px;font-size:18px;font-weight:700}.previewSpecialBadge{color:#222;border-radius:8px;margin-top:6px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.previewTabs{gap:6px;margin:8px 0;display:flex}.previewTabButton{color:#555;background:#e0e4eb;flex:1 1 0;margin-top:0;padding:8px;font-size:14px}.previewTabButton--active{color:#fff;background:#2d7cff}.skinGrid{grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 10px;display:grid}.skinCard{text-align:center;color:#333;box-shadow:none;background:#f6f8ff;border:2px solid #d0d6e0;border-radius:10px;margin-top:0;padding:6px 2px;font-size:11px;position:relative}.skinCard:hover:not(:disabled){background:#f0f4ff;transform:scale(1.04);box-shadow:0 2px 6px #00000026}.skinCard--equipped{border-color:#ffd400;box-shadow:0 0 8px #ffd40099}.skinCard--locked{opacity:.6}.skinSwatch{aspect-ratio:1;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:2px;display:flex;position:relative}.skinLockMark{color:#fff;font-size:24px;font-weight:700}.skinCardName{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.skinCardRarity{color:#b8860b;font-size:10px;font-weight:700}.skinEquippedLabel{color:#222;white-space:nowrap;background:#ffd400;border-radius:4px;padding:1px 4px;font-size:9px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.skinHint{color:#850;text-align:center;background:#fff8d6;border-radius:8px;margin:8px 0;padding:6px 10px;font-size:13px}.gachaHelp{color:#555;background:#f4f9ff;border-radius:6px;margin:4px 0;padding:4px 8px;font-size:13px}.duplicateLabel{color:#fff;background:#0000008c;border-radius:4px;margin-top:4px;padding:2px 4px;font-size:11px}.firstLoginBox h2{margin-top:6px}.firstLoginAmount{color:#b8860b;margin:8px 0;font-size:36px;font-weight:900}.heroTag{color:#fff;letter-spacing:.3px;z-index:3;background:#ff8fb1;border-radius:6px;padding:2px 5px;font-size:10px;font-weight:800;position:absolute;top:4px;left:4px}.partySlot{margin-top:8px}.partySlotLabel{color:#444;margin:4px 0;font-size:14px;font-weight:700}.partyHeroSlot{background:#f0f6ff;border:2px solid #5b8def;border-radius:12px;align-items:center;gap:4px;margin:8px 0;padding:8px 10px;display:flex;position:relative}.partyConfirmButton{color:#222;background:#ffd400;margin-top:14px;font-size:18px;box-shadow:0 4px 10px #ffd40080}.partyConfirmButton:hover:not(:disabled){background:#ffea4d}.partyConfirmButton:disabled{color:#999;box-shadow:none;background:#ddd}.partyBackButton{background:#888;margin-top:8px;padding:10px;font-size:14px}.partyBackButton:hover:not(:disabled){background:#aaa}.battleScreenWide{padding:12px 10px}.battleEnemiesRow{justify-content:center;gap:6px;margin:8px 0 12px;display:flex}.battleEnemy{color:#333;cursor:default;min-width:0;max-width:110px;box-shadow:none;background:#fff2f2;border:2px solid #f5c0c0;border-radius:12px;flex:1 1 0;margin-top:0;padding:8px 4px;font-size:12px;position:relative}.battleEnemy:hover:not(:disabled){box-shadow:none;background:#fff2f2;transform:none}.battleEnemy--targetable{cursor:pointer;border-color:#ffd400;animation:.8s ease-in-out infinite alternate targetablePulse}.battleEnemy--targetable:hover:not(:disabled){background:#fffbe5;transform:scale(1.05)}.battleEnemy--dead{opacity:.35;filter:grayscale(.6)}.battleAlliesRow{gap:6px;margin:8px 0;display:flex}.battleAlly{color:#333;cursor:default;min-width:0;max-width:130px;box-shadow:none;background:#f0f6ff;border:2px solid #c0d4f5;border-radius:12px;flex:1 1 0;margin-top:0;padding:8px 4px;font-size:12px;position:relative}.battleAlly:hover:not(:disabled){box-shadow:none;background:#f0f6ff;transform:none}.battleAlly--active{background:#e7f0ff;border-color:#2d7cff;box-shadow:0 0 10px #2d7cff66}.battleAlly--targetable{cursor:pointer;border-color:#4fd4c6;animation:.8s ease-in-out infinite alternate targetablePulse}.battleAlly--targetable:hover:not(:disabled){background:#e7fff8;transform:scale(1.05)}.battleAlly--dead{opacity:.5;filter:grayscale(.4)}@keyframes targetablePulse{0%{box-shadow:0 0 4px #ffd40066}to{box-shadow:0 0 12px #ffd400e6}}.battleEmoji{font-size:30px;line-height:1}.battleName{margin-top:2px;font-size:12px;font-weight:700}.battleHpBar{background:#e0e4eb;border-radius:3px;height:6px;margin:4px 2px 2px;overflow:hidden}.battleHpFill{background:linear-gradient(90deg,#4fd47f,#4fb6ff);height:100%;transition:width .4s}.battleHpFill--enemy{background:linear-gradient(90deg,#ff7c7c,#ffb24a)}.battleHpText{color:#555;font-size:11px}.battleQueuedBadge{color:#fff;background:#2d7cff;border-radius:4px;padding:1px 4px;font-size:10px;position:absolute;top:2px;right:2px}.battleLog{background:#fafbff;border:1px solid #e0e4eb;border-radius:8px;min-height:60px;margin:8px 0;padding:6px 8px;font-size:12px}.battleLog p{color:#777;margin:1px 0}.battleLogLatest{font-weight:700;color:#222!important}.battleCommands{margin:6px 0}.battleTurnIndicator{color:#2d7cff;margin:4px 0;font-size:13px;font-weight:700}.healPopup{color:#4fd47f!important;text-shadow:0 0 4px #fff,0 0 8px #fff!important}.battleTurnBanner{color:#222;text-align:center;letter-spacing:1px;background:#ffd400;border-radius:10px;margin:6px 0;padding:6px 10px;font-size:18px;font-weight:900;box-shadow:0 2px 8px #ffd40080}.battleTurnBanner--executing{color:#fff;background:#ff6b6b;box-shadow:0 2px 8px #ff6b6b99}.heroNameOverlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.heroNameBox{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:360px;padding:24px 20px;box-shadow:0 12px 32px #00000059}.heroNameBox h2{margin-bottom:8px}.heroNameHelp{color:#555;margin-bottom:14px;font-size:14px}.heroNameInput{text-align:center;letter-spacing:6px;background:#f6f9ff;border:2px solid #2d7cff;border-radius:12px;width:100%;margin-bottom:8px;padding:14px;font-size:22px;font-weight:700}.heroNameInput:focus{background:#fff;border-color:#ffd400;outline:none}.heroNameError{color:#d24545;margin:4px 0 8px;font-size:13px}.collectionHelp{color:#444;background:#f4f9ff;border-left:4px solid #2d7cff;border-radius:8px;margin:8px 0 12px;padding:10px 12px;font-size:14px;line-height:1.5}.collectionHelp p{margin:2px 0}.debugButton{z-index:200;color:#fff;letter-spacing:.04em;cursor:pointer;background:#c0392b;border:2px solid gold;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;position:fixed;top:12px;right:12px;box-shadow:0 4px 10px #c0392b73}.debugButton:hover{background:#e74c3c}.debugMenuOverlay{z-index:300;background:#000000a6;justify-content:center;align-items:flex-start;padding:24px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.debugMenuBox{color:#fff;background:#2c2c2c;border:3px solid #c0392b;border-radius:14px;flex-direction:column;gap:8px;width:min(420px,100%);padding:16px;display:flex;box-shadow:0 12px 40px #c0392b80}.debugMenuTitle{color:#ff6b5b;text-align:center;letter-spacing:.06em;margin:0;font-size:22px}.debugMenuWarn{text-align:center;color:#ffcf3a;margin:0 0 8px;font-size:13px}.debugMenuItem{color:#fff;text-align:left;cursor:pointer;background:#4a4a4a;border:1px solid #c0392b;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;font-weight:700}.debugMenuItem:hover{background:#5d5d5d}.debugMenuItemDanger{background:#7a1e10;border-color:gold}.debugMenuItemDanger:hover{background:#a02d1c}.debugMenuItemBack{background:#555;border-color:#888;margin-top:8px}.debugMenuStageRow{align-items:stretch;gap:8px;display:flex}.debugMenuStageInput{color:#fff;text-align:center;background:#1d1d1d;border:1px solid #c0392b;border-radius:8px;flex:0 0 80px;padding:8px;font-size:14px}.debugMenuStageBtn{flex:1}.levelUpOverlay{pointer-events:none;z-index:9000;background:radial-gradient(#ffffffe6 0%,#ffd70099 30%,#0000 70%);width:100vw;height:100vh;animation:1.4s ease-out forwards levelUpFlash;position:fixed;top:0;left:0}@keyframes levelUpFlash{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(2)}}.levelUpText{text-shadow:0 0 20px,0 0 40px;z-index:9001;pointer-events:none;font-size:80px;font-weight:900;animation:1.8s ease-out forwards levelUpBounce;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes levelUpBounce{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}60%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}button,.card,.battleScreenWide,.homeGems,.charSelectRow,.charCard,.skinCard,.previewHero,.previewTabs,.skinGrid,.gachaHelp,.skinHint,.heroNameOverlay,.debugMenuOverlay,.debugMenuBox,.stageClearOverlay,.resultBox,.battleLog,.battleTurnBanner,.battleEnemiesRow,.battleAlliesRow,.battleCommands,h1,h2,h3,p,label,span{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.charCardSprite{object-fit:contain;width:100%;height:60px;display:block}.previewSprite{object-fit:contain;width:100%;max-height:160px;margin:0 auto;display:block}.battleAllySprite{object-fit:contain;width:auto;height:50px;margin:0 auto;display:block}.capsuleSprite{object-fit:contain;width:60px;height:60px;margin:0 auto;display:block}.map-area{border:2px solid #1a4010;border-radius:8px;width:320px;height:288px;margin:0 auto;position:relative;overflow:hidden}.map-tile{width:32px;height:32px;position:absolute}.map-tile-grass{background:#3a7a28}.map-tile-path{background:#8b7355}.map-tile-wall{background:#1a4010}.map-tile-water{background:#1a5a8a}.map-player{z-index:10;width:32px;height:32px;transition:left .1s,top .1s;position:absolute}.map-enemy-alive{animation:1.2s ease-in-out infinite mapEnemyBob}@keyframes mapEnemyBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.map-dpad{grid-template-rows:44px 44px;grid-template-columns:44px 44px 44px;gap:2px;width:132px;display:grid}