*,*:before,*:after{box-sizing:border-box}@keyframes p1Fight{0%{transform:translate(0) rotate(0)}88.9%{transform:translate(-35px) rotate(-12deg)}95.6%{transform:translate(65px) rotate(6deg)}to{transform:translate(0) rotate(0)}}@keyframes p2Fight{0%{transform:translate(0) rotate(0)}88.9%{transform:translate(35px) rotate(12deg)}95.6%{transform:translate(-65px) rotate(-6deg)}to{transform:translate(0) rotate(0)}}@keyframes moveEmoji{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}87%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}91%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}to{opacity:0}}.p1-fight{animation:p1Fight 2.25s ease-in-out forwards}.p2-fight{animation:p2Fight 2.25s ease-in-out forwards}.move-emoji{position:absolute;top:50%;left:50%;font-size:52px;pointer-events:none;animation:moveEmoji 2.25s ease-in-out forwards}@keyframes ultCharge{0%{filter:brightness(1);transform:scale(1)}35%{filter:brightness(1.8) saturate(2);transform:scale(1.06)}65%{filter:brightness(4) saturate(3);transform:scale(1.13)}82%{filter:brightness(8);transform:scale(1.02)}to{filter:brightness(1);transform:scale(1)}}@keyframes ultHit{0%{transform:translate(0) scale(1);filter:brightness(1)}50%{transform:translate(-14px) scale(.93);filter:brightness(.2) saturate(5) hue-rotate(320deg)}65%{transform:translate(10px) scale(1.03);filter:brightness(2)}78%{transform:translate(-6px)}88%{transform:translate(3px)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes ultScreenFlash{0%{opacity:0}42%{opacity:0}52%{opacity:1}66%{opacity:.2}to{opacity:0}}@keyframes ultTextAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(-6deg)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.5) rotate(2deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(0)}78%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) scale(.85)}}.ult-charge{animation:ultCharge 2s ease-in-out forwards}.ult-hit{animation:ultHit 2s ease-in-out forwards}.ult-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;z-index:50;animation:ultScreenFlash 2s ease-in-out forwards}.ult-text{position:fixed;top:38%;left:50%;font-size:58px;font-weight:700;font-family:monospace;color:#ff0;white-space:nowrap;letter-spacing:4px;text-shadow:0 0 16px #f80,0 0 40px #f80,0 0 80px #f00,0 0 120px #f00;pointer-events:none;z-index:51;animation:ultTextAnim 2s ease-in-out forwards}@keyframes collapseOverlay{0%{opacity:0}10%{opacity:0}18%{opacity:.85}70%{opacity:.92}88%{opacity:.3}to{opacity:0}}@keyframes collapseText{0%{opacity:0;transform:translate(-50%,-50%) scale(.05) rotate(-4deg);letter-spacing:0px}18%{opacity:1;transform:translate(-50%,-50%) scale(1.6) rotate(1deg);letter-spacing:8px}50%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(0);letter-spacing:6px}80%{opacity:1;transform:translate(-50%,-50%) scale(1.1);letter-spacing:6px}to{opacity:0;transform:translate(-50%,-50%) scale(.9);letter-spacing:0px}}@keyframes collapseSubtext{0%,30%{opacity:0;transform:translate(-50%,-50%) scale(.7)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}@keyframes collapseCharge{0%{filter:brightness(1) saturate(1) hue-rotate(0deg);transform:scale(1)}20%{filter:brightness(1.4) saturate(2) hue-rotate(200deg);transform:scale(1.03)}50%{filter:brightness(3) saturate(4) hue-rotate(260deg);transform:scale(1.08)}75%{filter:brightness(8) saturate(6) hue-rotate(280deg);transform:scale(1.04)}to{filter:brightness(1) saturate(1) hue-rotate(0deg);transform:scale(1)}}@keyframes collapseHit{0%{transform:translate(0) scale(1);filter:brightness(1)}15%{transform:translate(0) scale(1.04);filter:brightness(.1) saturate(8) hue-rotate(260deg)}30%{transform:translate(-18px) scale(.9);filter:brightness(.15) saturate(6) hue-rotate(270deg)}48%{transform:translate(12px) scale(1.04);filter:brightness(2) hue-rotate(260deg)}62%{transform:translate(-8px)}74%{transform:translate(5px)}84%{transform:translate(-3px)}to{transform:translate(0) scale(1);filter:brightness(1)}}.collapse-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#4a0080,#1a003a,#000);pointer-events:none;z-index:50;animation:collapseOverlay 3.5s ease-in-out forwards}.collapse-title{position:fixed;top:36%;left:50%;font-size:72px;font-weight:700;font-family:monospace;color:#b06cff;white-space:nowrap;letter-spacing:6px;text-shadow:0 0 20px #b06cff,0 0 50px #7020c0,0 0 100px #4a0080,0 0 160px #2a0050;pointer-events:none;z-index:52;animation:collapseText 3.5s ease-in-out forwards}.collapse-subtext{position:fixed;top:56%;left:50%;font-size:22px;font-family:monospace;color:#e0b0ff;white-space:nowrap;letter-spacing:3px;text-shadow:0 0 10px #b06cff,0 0 24px #7020c0;pointer-events:none;z-index:52;animation:collapseSubtext 3.5s ease-in-out forwards}.collapse-charge{animation:collapseCharge 3.5s ease-in-out forwards}.collapse-hit{animation:collapseHit 3.5s ease-in-out forwards}@keyframes litCrimsonPulse{0%,to{box-shadow:0 0 6px 2px #c02030,0 0 16px 5px #c0203073;border-color:#c02030}50%{box-shadow:0 0 14px 5px #ff3050,0 0 32px 10px #ff30508c;border-color:#ff4060}}@keyframes litVioletPulse{0%,to{box-shadow:0 0 6px 2px #7020c0,0 0 16px 5px #7020c073;border-color:#7020c0}50%{box-shadow:0 0 14px 5px #b060ff,0 0 32px 10px #b060ff8c;border-color:#a050f0}}@keyframes litGoldPulse{0%,to{box-shadow:0 0 6px 2px #c09000,0 0 16px 5px #c0900073;border-color:#c09000}50%{box-shadow:0 0 14px 5px #ffd040,0 0 32px 10px #ffd0408c;border-color:#ffd040}}@keyframes litGreenPulse{0%,to{box-shadow:0 0 6px 2px #4a9900,0 0 16px 5px #4a990073;border-color:#4a9900}50%{box-shadow:0 0 14px 5px #8e2,0 0 32px 10px #88ee228c;border-color:#8e2}}.lit-crimson{border:1px solid #c02030!important;color:#ff8090!important;animation:litCrimsonPulse 1.3s ease-in-out infinite}.lit-violet{border:1px solid #7020c0!important;color:#c090ff!important;animation:litVioletPulse 1.3s ease-in-out infinite}.lit-gold{border:1px solid #c09000!important;color:#ffd050!important;animation:litGoldPulse 1.3s ease-in-out infinite}.lit-green{border:1px solid #4a9900!important;color:#8e2!important;animation:litGreenPulse 1.3s ease-in-out infinite}@keyframes flowGlow{0%,to{box-shadow:0 0 8px 3px #f80,0 0 20px 6px #f804,inset 0 0 8px 2px #f802;border-color:#f80}50%{box-shadow:0 0 16px 6px #ff0,0 0 36px 12px #ff08,inset 0 0 14px 4px #ff04;border-color:#ff0}}.flow-portrait{animation:flowGlow .75s ease-in-out infinite;border:2px solid #f80!important;border-style:solid!important}@keyframes zenGlow{0%,to{box-shadow:0 0 8px 3px #4f8,0 0 20px 6px #4f84,inset 0 0 8px 2px #4f82;border-color:#4f8}50%{box-shadow:0 0 16px 6px #4cf,0 0 36px 12px #4cf8,inset 0 0 14px 4px #4cf4;border-color:#4cf}}.zen-portrait{animation:zenGlow .75s ease-in-out infinite;border:2px solid #4f8!important;border-style:solid!important}@keyframes godGlow{0%,to{box-shadow:0 0 12px 5px #fff,0 0 28px 10px #fff6,inset 0 0 10px 3px #fff4;border-color:#fff}50%{box-shadow:0 0 22px 8px #ffe,0 0 48px 16px #ffe8,inset 0 0 18px 6px #ffe4;border-color:#ffe}}.godmode-portrait{animation:godGlow .75s ease-in-out infinite;border:2px solid #fff!important;border-style:solid!important}@keyframes godBtnGlow{0%,to{box-shadow:0 0 8px 3px #fff8,0 0 18px 6px #fff4}50%{box-shadow:0 0 16px 6px #ffec,0 0 32px 10px #ffe6}}.godmode-btn{animation:godBtnGlow .75s ease-in-out infinite}@keyframes effectAppear{0%{opacity:0;transform:translateY(-6px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.effect-banner{position:fixed;top:60px;left:0;right:0;z-index:30;animation:effectAppear 2s ease-in-out forwards;border-left:3px solid #a22;background:#000000b8;padding:10px 18px;font-family:monospace;text-align:center;width:100%;text-shadow:0 1px 4px #000,0 0 12px #000;box-shadow:0 2px 16px #000000b3}@keyframes critAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.5) rotate(3deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(0)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.85)}}.crit-overlay{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:10;animation:critAnim 2s ease-in-out forwards}@keyframes ultPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes evadePop{0%{opacity:0;transform:scale(.5) translateY(6px)}18%{opacity:1;transform:scale(1.35) translateY(-2px)}45%{opacity:1;transform:scale(1.05) translateY(0)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9) translateY(-4px)}}.evade-flash{font-size:22px;font-weight:700;font-family:monospace;color:#4ff;letter-spacing:2px;pointer-events:none;white-space:nowrap;animation:evadePop 1.5s ease-out forwards;text-shadow:0 0 8px #0ff,0 0 20px #0cc}@keyframes statUp{0%{opacity:0;transform:scale(.7) translateY(3px)}18%{opacity:1;transform:scale(1.12) translateY(0)}55%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95) translateY(-3px)}}.stat-up{font-size:10px;font-weight:700;font-family:monospace;color:#ff0;letter-spacing:1px;pointer-events:none;white-space:nowrap;animation:statUp 1s ease-out forwards}@keyframes unlockAnnounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(-4deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(1deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}80%{opacity:1;transform:translate(-50%,-50%) scale(.98)}to{opacity:0;transform:translate(-50%,-50%) scale(.88)}}.unlock-text{position:fixed;top:60px;left:50%;font-size:40px;font-weight:700;font-family:monospace;color:#ff0;white-space:nowrap;letter-spacing:3px;text-shadow:0 2px 6px #000,0 0 10px #fa0,0 0 28px #fa0,0 0 55px #f80,0 0 90px #f40;pointer-events:none;z-index:51;animation:unlockAnnounce 2s ease-in-out forwards}@keyframes flowAlertAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-3deg);letter-spacing:0px}14%{opacity:1;transform:translate(-50%,-50%) scale(1.35) rotate(1deg);letter-spacing:8px}44%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(0);letter-spacing:6px}75%{opacity:1;transform:translate(-50%,-50%) scale(1.05);letter-spacing:5px}to{opacity:0;transform:translate(-50%,-50%) scale(.88);letter-spacing:0px}}.flow-alert{position:fixed;top:50%;left:50%;font-weight:700;font-family:monospace;white-space:nowrap;pointer-events:none;z-index:52;animation:flowAlertAnim 1.8s ease-in-out forwards}body{margin:0;font-family:system-ui,sans-serif;background:#000;color:#fff}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/backgrounds/dark-fantasy-scene.jpg) center center / cover no-repeat;opacity:.33;z-index:-1;pointer-events:none}@media (max-width: 599px){.game-container{max-width:100%!important;margin:4px 0 0!important;padding:0!important;height:auto!important;min-height:calc(100svh - 4px)}.panels-row{gap:0!important;margin-bottom:6px!important;align-items:flex-start!important}.panel{box-sizing:border-box!important;overflow:hidden!important;padding:0 3px!important}.panel-p1{width:62.5%!important;max-width:62.5%!important}.panel-p2{width:37.5%!important;max-width:37.5%!important}.panel-stats-mobile{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;line-height:1.3}.portrait-wrap{width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;display:block!important}.portrait-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.hp-bar{width:100%!important;margin-left:0!important;margin-right:0!important}.cycle-row{width:100%!important;margin-left:0!important;gap:4px!important;margin-top:4px!important}.char-bar-wrap{width:100%!important;margin-left:0!important;box-sizing:border-box!important}.ability-wheels-row{width:100%!important;margin-left:0!important;gap:3px!important;margin-top:4px!important;box-sizing:border-box!important}.move-btn-row{gap:5px!important;flex-wrap:wrap!important;padding:0 2px!important}.move-btn-row button{min-height:44px!important;font-size:12px!important;padding:6px 8px!important;flex:1 1 auto!important;min-width:48px!important;border-radius:4px!important;font-family:monospace!important;letter-spacing:.5px!important}.move-btn-row .lit-crimson,.move-btn-row .lit-violet,.move-btn-row .lit-gold,.move-btn-row .lit-green{flex:1 1 auto!important}}