*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0b0b0e;color:#f0ead6;min-height:100vh}#app{max-width:900px;margin:0 auto;padding:24px 16px}h1{font-size:22px;font-weight:600;margin:0 0 4px}.subtitle{color:#a89c8a;margin:0 0 24px;font-size:14px}.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.card{border:2px solid transparent;border-radius:10px;padding:14px;cursor:pointer;background:#16161c;transition:border-color .15s}.card:hover{border-color:#555}.card.selected{border-color:var(--accent, #ff6b35)}.card .swatch{width:100%;height:190px;margin-bottom:10px;position:relative}.swatch .portrait{width:100%;height:100%;border-radius:6px;overflow:hidden;background:#0c0c10}.swatch .portrait svg{display:block}.card .name{font-weight:600;font-size:14px}.card .tag{font-size:12px;color:#a89c8a;margin-top:2px}.pick-row{display:flex;gap:16px;align-items:center;margin:16px 0;font-size:14px}.pick-row span{color:#a89c8a}button.primary{background:#ff6b35;color:#1a0c08;border:none;border-radius:8px;padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;margin-top:16px}button.primary:disabled{opacity:.4;cursor:not-allowed}button.ghost{background:transparent;color:#f0ead6;border:1px solid #444;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;margin-top:12px}.battle-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:10px;padding:10px 16px;border-radius:10px;background:#121014;border:1px solid #262229}.hud-side{display:flex;flex-direction:column;gap:4px}.hud-side.hud-agentB{align-items:flex-end;text-align:right}.hud-name{font-size:13px;font-weight:700;letter-spacing:.3px}.hud-hp-track{width:100%;height:16px;border-radius:3px;background:#241f1a;border:1px solid #332c24;box-shadow:inset 0 1px 3px #0009;overflow:hidden}.hud-hp-fill{height:100%;background:var(--fill-color, #5dcaa5);transition:width .4s ease}.hud-hp-fill.low{background:#e24b4a}.hud-side.hud-agentB .hud-hp-fill{margin-left:auto}.hud-hp-value{font-size:10px;color:#a89c8a;font-variant-numeric:tabular-nums}.hud-vs{font-size:14px;font-weight:800;letter-spacing:1px;color:#eee;text-shadow:0 1px 4px rgba(0,0,0,.8);padding:0 4px}.arena{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:20px;padding:0 16px;border-radius:14px;position:relative;min-height:260px;background:#0b0a0c;border:1px solid #262229;box-shadow:inset 0 0 60px #00000080;overflow:hidden}.arena:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));pointer-events:none;z-index:1}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.stage-sky{position:absolute;top:0;right:0;bottom:0;left:0}.stage-orb{position:absolute;width:var(--orb-size, 46px);height:var(--orb-size, 46px);left:var(--orb-x, 70%);top:var(--orb-y, 14%);border-radius:50%;background:var(--orb-color, #ffd27a);box-shadow:0 0 40px 10px var(--orb-glow, rgba(255, 210, 122, .45))}.stage-ground{position:absolute;left:0;right:0;bottom:0;height:36%;background:var(--ground-color, #1b1620);clip-path:var(--ground-clip, polygon(0 100%, 0 40%, 100% 40%, 100% 100%))}.stage-landmark{position:absolute;bottom:4%;width:24px;height:24px;box-shadow:var(--shape);opacity:.95}.stage-landmark.land-1{left:1.5%;transform:scale(1.5)}.stage-landmark.land-2{left:48%;transform:scale(1);bottom:3%}.stage-landmark.land-3{left:94%;transform:scale(1.3)}.stage-landmark.land-4{left:46%;transform:scale(.7);bottom:8%;opacity:.6}.stage-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mote{position:absolute;width:3px;height:3px;background:var(--mote-color, #fff);border-radius:50%;opacity:0;top:-10px;animation:var(--mote-anim, mote-fall) var(--mote-dur, 6s) linear infinite}.mote:nth-child(1){left:6%;animation-delay:0s}.mote:nth-child(2){left:16%;animation-delay:1.1s}.mote:nth-child(3){left:27%;animation-delay:2.3s}.mote:nth-child(4){left:38%;animation-delay:.6s}.mote:nth-child(5){left:49%;animation-delay:3.1s}.mote:nth-child(6){left:59%;animation-delay:1.8s}.mote:nth-child(7){left:69%;animation-delay:2.9s}.mote:nth-child(8){left:79%;animation-delay:.3s}.mote:nth-child(9){left:89%;animation-delay:4.2s}.mote:nth-child(10){left:94%;animation-delay:1.4s}.stage-bg[data-stage=desert]{--orb-color: #ffcf6b;--orb-glow: rgba(255, 207, 107, .5);--orb-x: 74%;--orb-y: 12%;--ground-color: #4a2d14;--ground-clip: polygon(0 100%, 0 55%, 15% 45%, 35% 58%, 55% 42%, 75% 54%, 100% 46%, 100% 100%);--shape: 0 0 #2d4a1f, 4px 0 #2d4a1f, 0 -4px #2d4a1f, 4px -4px #2d4a1f, 0 -8px #2d4a1f, -4px -4px #2d4a1f, -4px -8px #2d4a1f, 0 -12px #2d4a1f, 8px -4px #2d4a1f, 8px -8px #2d4a1f}.stage-bg[data-stage=desert] .stage-sky{background:linear-gradient(180deg,#6a3a1e,#c9793a 35%,#ffb35c 65%,#ffd98a)}.stage-bg[data-stage=desert]{--mote-color: #ffdca0;--mote-anim: mote-drift;--mote-dur: 8s}.stage-bg[data-stage=blizzard]{--orb-color: #eaf6ff;--orb-glow: rgba(234, 246, 255, .5);--orb-x: 20%;--orb-y: 10%;--ground-color: #1c2b3a;--ground-clip: polygon(0 100%, 0 60%, 20% 30%, 38% 58%, 55% 20%, 72% 56%, 90% 35%, 100% 58%, 100% 100%);--shape: 0 0 #cfe6f5, 4px 0 #cfe6f5, -4px 4px #cfe6f5, 8px 4px #cfe6f5, -8px 8px #cfe6f5, 12px 8px #cfe6f5, 0 4px #9fc3da, 4px 4px #9fc3da}.stage-bg[data-stage=blizzard] .stage-sky{background:linear-gradient(180deg,#0e1a2b,#1f3a56 40%,#3d6485,#7ea3bd)}.stage-bg[data-stage=blizzard]{--mote-color: #ffffff;--mote-anim: mote-fall;--mote-dur: 5s}.stage-bg[data-stage=tropical]{--orb-color: #fff2c4;--orb-glow: rgba(255, 242, 196, .55);--orb-x: 78%;--orb-y: 16%;--ground-color: #0d4a52;--ground-clip: polygon(0 100%, 0 62%, 25% 58%, 50% 64%, 75% 56%, 100% 62%, 100% 100%);--shape: 0 0 #0f5c42, 0 -4px #0f5c42, 0 -8px #0f5c42, -6px -10px #1b7a56, 6px -10px #1b7a56, -10px -8px #1b7a56, 10px -8px #1b7a56, 0 -12px #1b7a56}.stage-bg[data-stage=tropical] .stage-sky{background:linear-gradient(180deg,#063b4a,#0f7a8c 45%,#3fc1c9 75%,#a8ecdb)}.stage-bg[data-stage=tropical]{--mote-color: #d8fff4;--mote-anim: mote-drift;--mote-dur: 9s}.stage-bg[data-stage=village]{--orb-color: #ffb37a;--orb-glow: rgba(255, 179, 122, .45);--orb-x: 30%;--orb-y: 18%;--ground-color: #2b2118;--ground-clip: polygon(0 100%, 0 50%, 20% 50%, 20% 38%, 40% 38%, 40% 50%, 60% 50%, 60% 36%, 80% 36%, 80% 50%, 100% 50%, 100% 100%);--shape: 0 0 #4a3a28, 4px 0 #4a3a28, 8px 0 #4a3a28, -4px -4px #6b5438, 4px -4px #6b5438, 8px -4px #6b5438, 12px -4px #6b5438, 2px -8px #6b5438}.stage-bg[data-stage=village] .stage-sky{background:linear-gradient(180deg,#2a1f2e,#5c3a3f 40%,#9a5f4e,#d99a6c)}.stage-bg[data-stage=village]{--mote-color: #e8c9a0;--mote-anim: mote-drift;--mote-dur: 10s}.stage-bg[data-stage=shrine]{--orb-color: #e8d9ff;--orb-glow: rgba(232, 217, 255, .5);--orb-x: 16%;--orb-y: 12%;--ground-color: #241b30;--ground-clip: polygon(0 100%, 0 58%, 100% 58%, 100% 100%);--shape: 0 0 #b968c7, 0 -4px #b968c7, 0 -8px #b968c7, 0 -12px #b968c7, 16px 0 #b968c7, 16px -4px #b968c7, 16px -8px #b968c7, 16px -12px #b968c7, -4px -12px #e6a8f0, 20px -12px #e6a8f0}.stage-bg[data-stage=shrine] .stage-sky{background:linear-gradient(180deg,#170f22,#2e1f45 45%,#4a2f66 75%,#6e4a8a)}.stage-bg[data-stage=shrine]{--mote-color: #f0c9ff;--mote-anim: mote-float;--mote-dur: 7s}.stage-bg[data-stage=dojo]{--orb-color: #fdf4e3;--orb-glow: rgba(253, 244, 227, .4);--orb-x: 60%;--orb-y: 14%;--ground-color: #27311f;--ground-clip: polygon(0 100%, 0 48%, 18% 30%, 32% 50%, 48% 24%, 64% 50%, 80% 32%, 100% 48%, 100% 100%);--shape: 0 0 #3c4a2e, -4px 4px #3c4a2e, 4px 4px #3c4a2e, -8px 8px #3c4a2e, 8px 8px #3c4a2e, -12px 12px #3c4a2e, 12px 12px #3c4a2e, 0 8px #526840}.stage-bg[data-stage=dojo] .stage-sky{background:linear-gradient(180deg,#202c22,#3c5240 40%,#74967e 75%,#c9dcc4)}.stage-bg[data-stage=dojo]{--mote-color: #eef5e8;--mote-anim: mote-float;--mote-dur: 11s}@keyframes mote-fall{0%{opacity:0;transform:translateY(0) translate(0)}10%{opacity:.8}to{opacity:0;transform:translateY(260px) translate(14px)}}@keyframes mote-drift{0%{opacity:0;transform:translate(0)}15%{opacity:.7}to{opacity:0;transform:translate(60px,-30px)}}@keyframes mote-float{0%,to{opacity:0;transform:translate(0)}20%{opacity:.9}50%{transform:translate(10px,-40px)}80%{opacity:.4}}.fighter{position:relative;z-index:2;width:38%;max-width:220px;height:92%;animation:idle-bob 2.4s ease-in-out infinite;transition:transform .2s ease}.fighter.hit{animation:shake calc(.25s + var(--shake, 6px) * .01) ease}.fighter .portrait{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.fighter .portrait svg{max-width:100%;max-height:100%;width:auto;height:auto}.fighter-agentB .portrait svg{transform:scaleX(-1)}.fighter.move-light_attack{animation:jab .35s ease}.fighter.move-heavy_attack{animation:haymaker .6s ease}.fighter.move-special{animation:special-surge .7s ease}.fighter.move-block{animation:brace .4s ease}.fighter.move-dodge{animation:sidestep .45s ease}@keyframes jab{0%{transform:translate(0)}45%{transform:translate(calc(var(--dir, 1) * 10px))}to{transform:translate(0)}}@keyframes haymaker{0%{transform:translate(0) rotate(0)}25%{transform:translate(calc(var(--dir, 1) * -6px)) rotate(calc(var(--dir, 1) * -2deg))}55%{transform:translate(calc(var(--dir, 1) * 20px)) scale(1.06) rotate(calc(var(--dir, 1) * 3deg))}to{transform:translate(0) rotate(0)}}@keyframes special-surge{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(.94);filter:brightness(1.1)}60%{transform:translate(calc(var(--dir, 1) * 16px)) scale(1.12);filter:brightness(1.6)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes brace{0%{transform:translate(0) scale(1)}40%{transform:translate(calc(var(--dir, 1) * -6px)) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes sidestep{0%{transform:translate(0)}35%{transform:translate(calc(var(--dir, 1) * -10px));filter:blur(1px);opacity:.8}70%{transform:translate(calc(var(--dir, 1) * 4px));filter:blur(0);opacity:1}to{transform:translate(0)}}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.burst.burst-big{transform:scale(1.3)}.burst.elem-fire:before,.burst.elem-fire:after{content:"";position:absolute;left:50%;bottom:10%;width:14px;height:22px;border-radius:50%/60% 60% 40% 40%;background:var(--elem-color, #ff6b35);box-shadow:0 0 14px 2px var(--elem-color, #ff6b35);animation:flame-flicker .5s ease-out}.burst.elem-fire:after{left:65%;width:9px;height:15px;background:var(--elem-accent, #ffb085);animation-delay:.05s}@keyframes flame-flicker{0%{transform:translate(-50%) scaleY(.4);opacity:.9}50%{transform:translate(-50%,-18px) scaleY(1.1) skew(-6deg);opacity:1}to{transform:translate(-50%,-34px) scaleY(.3);opacity:0}}.burst.elem-shadow:before,.burst.elem-shadow:after{content:"";position:absolute;left:40%;bottom:20%;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--elem-color, #5b8db8),transparent 70%);filter:blur(1px);animation:smoke-wisp .6s ease-out}.burst.elem-shadow:after{left:60%;animation-delay:.08s;width:14px;height:14px}@keyframes smoke-wisp{0%{transform:translateY(0) scale(.6);opacity:.8}to{transform:translateY(-30px) scale(1.6);opacity:0}}.burst.elem-wind:before,.burst.elem-wind:after{content:"";position:absolute;left:10%;top:50%;width:60%;height:3px;background:linear-gradient(90deg,transparent,var(--elem-color, #7fdbff),transparent);animation:wind-streak .4s ease-out}.burst.elem-wind:after{top:65%;animation-delay:.06s}@keyframes wind-streak{0%{transform:translate(calc(var(--dir, 1) * -40px));opacity:0}40%{opacity:1}to{transform:translate(calc(var(--dir, 1) * 40px));opacity:0}}.burst.elem-earth:before,.burst.elem-earth:after{content:"";position:absolute;left:50%;bottom:15%;width:8px;height:8px;background:var(--elem-color, #8a6f52);animation:rock-chunk .55s ease-in}.burst.elem-earth:after{left:60%;background:var(--elem-accent, #c9a36b);animation-delay:.06s;width:6px;height:6px}@keyframes rock-chunk{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(calc(var(--dir, 1) * 26px),18px) rotate(140deg);opacity:0}}.burst.elem-trickster:before,.burst.elem-trickster:after{content:"✦";position:absolute;left:45%;top:30%;font-size:14px;color:var(--elem-color, #b968c7);text-shadow:0 0 8px var(--elem-color, #b968c7);animation:sparkle-twinkle .6s ease-out}.burst.elem-trickster:after{left:62%;top:50%;font-size:10px;animation-delay:.12s;color:var(--elem-accent, #e6a8f0)}@keyframes sparkle-twinkle{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(90deg);opacity:1}to{transform:scale(.4) rotate(180deg);opacity:0}}.burst.elem-discipline:before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--elem-color, #7a8b6f);border-radius:50%;animation:ring-pulse .55s ease-out}@keyframes ring-pulse{0%{transform:scale(.3);opacity:1}to{transform:scale(2.6);opacity:0}}.taunt.impact-heavy_attack,.taunt.impact-special{animation:flash-strong .5s ease}.taunt.impact-light_attack{animation:flash-light .4s ease}.taunt.impact-block,.taunt.impact-dodge{animation:flash-guard .4s ease}.taunt{background:#16161c;border-left:3px solid var(--accent, #ff6b35);padding:12px 16px;border-radius:6px;margin-bottom:16px;min-height:20px;font-size:14px}.taunt .who{font-weight:600;margin-right:6px}.memory{background:#121216;border-radius:10px;padding:12px 16px;font-size:13px;color:#a89c8a}.memory h3{font-size:13px;margin:0 0 8px;color:#d8a98d;font-weight:600}.memory ul{margin:0;padding-left:18px}.memory li{margin-bottom:4px}.status{font-size:13px;color:#a89c8a;margin-bottom:8px;min-height:18px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--shake, 6px) * -1))}75%{transform:translate(var(--shake, 6px))}}@keyframes flash-strong{0%{background-color:#e24b4a59}to{background-color:#16161c}}@keyframes flash-light{0%{background-color:#ff6b3538}to{background-color:#16161c}}@keyframes flash-guard{0%{background-color:#5dcaa538}to{background-color:#16161c}}:root{--pixel: "Press Start 2P", system-ui, monospace;--gold: #f5c542}h1{font-family:var(--pixel);font-size:20px;font-weight:400;letter-spacing:1px;color:var(--gold);text-shadow:3px 3px 0 #000}.hud-name{font-family:var(--pixel);font-size:11px;font-weight:400;text-shadow:2px 2px 0 #000}.hud-hp-value{font-family:var(--pixel);font-size:9px;color:#f0ead6}.hud-vs{font-family:var(--pixel);font-weight:400;color:var(--gold);text-shadow:2px 2px 0 #000}.hud-hp-track{border-radius:0;border:2px solid #000}.fighter.hit .portrait{animation:hit-flash .45s steps(2,end)}@keyframes hit-flash{0%{filter:brightness(3) sepia(1) saturate(3)}40%{filter:brightness(2.5)}70%{filter:brightness(1.8) sepia(.6)}to{filter:none}}.callout{position:absolute;left:50%;top:2%;z-index:6;font-family:var(--pixel);font-size:18px;font-style:italic;white-space:nowrap;color:#7fd0ff;pointer-events:none;-webkit-text-stroke:2px #0a0a14;paint-order:stroke fill;text-shadow:3px 3px 0 #0a0a14,-1px -1px 0 #0a0a14;transform:translate(-50%) skew(-12deg);animation:callout-pop 1.4s ease-out forwards}.callout-agentB{color:#ff6b6b}@keyframes callout-pop{0%{opacity:0;transform:translate(-50%) skew(-12deg) scale(.3)}15%{opacity:1;transform:translate(-50%) skew(-12deg) scale(1.25)}25%{transform:translate(-50%) skew(-12deg) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) skew(-12deg) translateY(-10px)}}.dmg-float{position:absolute;left:50%;top:30%;z-index:6;font-family:var(--pixel);font-size:22px;color:#ffe14d;pointer-events:none;text-shadow:3px 3px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;animation:dmg-float .9s ease-out forwards}.dmg-float.miss{color:#ddd;font-size:16px}@keyframes dmg-float{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-60px) scale(1)}}.announcer{position:absolute;left:50%;top:40%;z-index:7;font-family:var(--pixel);font-size:30px;color:var(--gold);white-space:nowrap;pointer-events:none;text-shadow:4px 4px 0 #6b2a00,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 18px rgba(245,197,66,.7);animation:announcer 1.2s ease-out forwards}@keyframes announcer{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}15%{opacity:1;transform:translate(-50%,-50%) scale(.95)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.taunt{background:#000;border:2px solid var(--gold);border-left:2px solid var(--gold);border-radius:0;font-family:var(--pixel);font-size:11px;line-height:1.8;padding:14px 16px;box-shadow:4px 4px #0009}.taunt .who{color:var(--accent, #ff6b35);font-weight:400;margin-right:8px}.memory{border:2px solid #3a3326;border-radius:0;padding:10px 14px;font-size:12px}.memory h3{font-family:var(--pixel);font-size:11px;font-weight:400;color:var(--gold);letter-spacing:1px}.memory ul{padding-left:16px}.memory li{margin-bottom:2px;line-height:1.4}@media (max-width: 600px){.callout{font-size:12px}.announcer{font-size:18px}.dmg-float{font-size:16px}}.roster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.card{position:relative;border-width:3px;transition:transform .12s,border-color .12s,box-shadow .12s}.card:hover{transform:translateY(-3px);border-color:var(--accent, #555)}.card .swatch .portrait{border-radius:6px;background:radial-gradient(ellipse at 50% 92%,color-mix(in srgb,var(--accent, #888) 45%,transparent) 0 30%,transparent 62%),linear-gradient(180deg,#1d1d26,#0c0c10);padding:8px 6px 4px}.card .name{font-family:var(--pixel, monospace);font-size:10px;line-height:1.5;letter-spacing:.5px}.card.selected{border-color:var(--accent, #ff6b35);box-shadow:0 0 18px color-mix(in srgb,var(--accent, #ff6b35) 55%,transparent)}.card[data-slot]:after{content:attr(data-slot);position:absolute;top:8px;left:8px;z-index:2;font-family:var(--pixel, monospace);font-size:10px;padding:4px 6px;border-radius:4px;color:#0b0b0e;background:var(--gold, #f5c542)}.card[data-slot=P2]:after{background:#e24b4a;color:#fff}.pick-row{font-family:var(--pixel, monospace);font-size:10px}@media (min-width: 560px){.roster{grid-template-columns:repeat(3,1fr)}}.music-toggle{position:fixed;bottom:12px;right:12px;z-index:50;font-family:var(--pixel, monospace);font-size:9px;background:#16161c;color:var(--gold, #f5c542);border:2px solid var(--gold, #f5c542);border-radius:6px;padding:8px 10px;cursor:pointer}.music-toggle:hover{background:#222230}.fighter.ko{z-index:3}.fighter.ko .portrait{transform-origin:50% 100%;animation:ko-fall-right .9s cubic-bezier(.5,0,.75,0) forwards}.fighter-agentB.ko .portrait{animation-name:ko-fall}.fighter.ko.ko-static .portrait{animation-duration:0s}.fighter.ko{filter:grayscale(.55) brightness(.75)}@keyframes ko-fall{0%{transform:rotate(0)}70%{transform:rotate(-96deg) translate(-6%)}85%{transform:rotate(-86deg) translate(-6%)}to{transform:rotate(-90deg) translate(-6%)}}@keyframes ko-fall-right{0%{transform:rotate(0)}70%{transform:rotate(96deg) translate(6%)}85%{transform:rotate(86deg) translate(6%)}to{transform:rotate(90deg) translate(6%)}}.victory{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#2800008c,#0000 70%)}.victory-title{position:relative;font-family:var(--pixel, monospace);font-size:clamp(22px,5vw,44px);text-transform:uppercase;color:#b30000;letter-spacing:2px;text-align:center;line-height:1.3;text-shadow:0 0 2px #000,3px 3px 0 #2a0000,0 0 18px rgba(255,0,0,.65);-webkit-text-stroke:1px #3a0000;animation:victory-slam .6s cubic-bezier(.2,1.6,.4,1) both .5s}.victory-title:after{content:"";position:absolute;left:6%;right:6%;top:88%;height:46px;background:radial-gradient(circle at 8% 0,#8a0000 5px,transparent 6px) 0 0 / 100% 100%,linear-gradient(#9a0000,#9a0000) 10% 0 / 5px 34px no-repeat,linear-gradient(#9a0000,#9a0000) 27% 0 / 4px 18px no-repeat,linear-gradient(#9a0000,#9a0000) 46% 0 / 6px 42px no-repeat,linear-gradient(#9a0000,#9a0000) 63% 0 / 4px 24px no-repeat,linear-gradient(#9a0000,#9a0000) 81% 0 / 5px 30px no-repeat,linear-gradient(#9a0000,#9a0000) 94% 0 / 3px 14px no-repeat;border-radius:0 0 4px 4px;transform-origin:top;animation:blood-drip 1.6s ease-in both 1s}.victory-sub{font-family:var(--pixel, monospace);font-size:13px;color:var(--gold, #f5c542);text-shadow:2px 2px 0 #000;margin-top:40px;animation:victory-slam .5s ease both 1.2s}@keyframes victory-slam{0%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blood-drip{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.blood{position:absolute;bottom:4%;width:0;height:0;z-index:7;pointer-events:none}.blood-agentA{left:26%}.blood-agentB{left:74%}.blood-drop{position:absolute;left:0;top:-90px;width:var(--s);height:var(--s);background:radial-gradient(circle at 35% 30%,#e01b1b,#a30000 55%,#5c0000);border-radius:50%/60% 60% 40% 40%;opacity:0;animation-name:blood-fly;animation-timing-function:cubic-bezier(.25,.6,.5,1);animation-fill-mode:forwards}@keyframes blood-fly{0%{opacity:1;transform:translate(0) scale(.4)}55%{opacity:1;transform:translate(calc(var(--dx) * .75),var(--dy)) scale(1)}to{opacity:0;transform:translate(var(--dx),95px) scale(.6)}}.blood-splat{position:absolute;left:var(--x);top:0;width:var(--w);height:calc(var(--w) * .32);background:radial-gradient(ellipse at center,#9a0000 0%,#6e0000 60%,transparent 72%);border-radius:50%;transform:translate(-50%) scale(0);opacity:.9;animation:blood-pool .35s ease-out forwards}@keyframes blood-pool{to{transform:translate(-50%) scale(1)}}.blood-static .blood-drop{display:none}.blood-static .blood-splat{animation-duration:0s;animation-delay:0s!important}