/* Thirteen depth planes, from the shattered timeline to the floating dialogue. */
.super-cut-blast{position:absolute;inset:0;z-index:15;visibility:hidden;opacity:var(--blast-reveal,0);pointer-events:none;container-type:inline-size;background:#110824;perspective:1400px;overflow:hidden;isolation:isolate;--blast-anchor-x:40%;--blast-anchor-y:56%}
.team-scene[data-battle-state=super-cut] .super-cut-blast{visibility:visible}
.team-scene[data-battle-state=super-cut]>.battle-fighter-layer,.team-scene[data-battle-state=super-cut] .battle-hud,.team-scene[data-battle-state=super-cut] .battle-console{visibility:hidden}
.blast-depth-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(var(--blast-camera-x,0px),var(--blast-camera-y,0px),0);perspective:1400px}
.blast-depth-stage>[data-blast-layer]{position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(calc(var(--team-x,0)*var(--blast-parallax,0px)),calc(var(--team-y,0)*var(--blast-parallax,0px)*.6),var(--blast-depth,0px));pointer-events:none}
.blast-depth-stage>.blast-cosmos{inset:-16%}
.blast-cosmos{--blast-depth:-150px;--blast-parallax:0px;z-index:1;background:none;transform-origin:center}
.blast-cosmos img{width:100%;height:100%;object-fit:cover;opacity:1;filter:none;transform:scale(calc(1.04 + var(--blast-progress,0)*.03))}
.blast-cosmos:after{content:none}
.blast-frequency{--blast-depth:-100px;--blast-parallax:-17px;z-index:2;background:repeating-conic-gradient(from var(--blast-hue,0deg) at var(--blast-anchor-x) var(--blast-anchor-y),transparent 0 12deg,#9c4afa22 13deg 14deg,transparent 15deg 24deg,#52e5ff1a 25deg 26deg);opacity:calc(.35 + var(--blast-charge,0)*.55);mask-image:radial-gradient(ellipse at var(--blast-anchor-x) var(--blast-anchor-y),transparent 4%,#000 26%,transparent 76%)}
.blast-team-far{--blast-depth:-60px;--blast-parallax:-10px;z-index:3}
.blast-teammate{position:absolute;left:var(--reaction-left,15%);bottom:var(--reaction-bottom,22%);width:var(--reaction-width,21%);aspect-ratio:1;opacity:var(--reaction-reveal,0);transform:translate3d(calc(-50% + var(--reaction-x,0px)),var(--reaction-y,0px),var(--reaction-depth,0px)) scale(var(--reaction-scale,1));transform-origin:50% 80%}
.blast-teammate,.blast-editor img{background-color:transparent;box-shadow:none;mix-blend-mode:normal}
.blast-teammate img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 8px 9px #080015bf)}
.blast-teammate[data-blast-member=higgsfield]{--reaction-left:15%;--reaction-bottom:22%;--reaction-width:22%}
.blast-teammate[data-blast-member=elevenlabs]{--reaction-left:34%;--reaction-bottom:30%;--reaction-width:21%}
.blast-teammate[data-blast-member=openart]{--reaction-left:76%;--reaction-bottom:29%;--reaction-width:21%}
.blast-teammate[data-blast-member=tripo]{--reaction-left:92%;--reaction-bottom:22%;--reaction-width:25%}
.blast-reels{--blast-depth:-20px;--blast-parallax:4px;z-index:4;isolation:isolate;opacity:calc((.3 + var(--blast-charge,0)*.7)*(1 - var(--blast-dissolve,0)))}
.blast-reel{position:absolute;left:var(--blast-anchor-x);top:var(--blast-anchor-y);width:51%;aspect-ratio:1;border:2px solid var(--reel-color);border-radius:50%;box-shadow:0 0 11px var(--reel-color),inset 0 0 16px #aa51fc77;transform:translate(-50%,-50%) rotateZ(var(--reel-spin,0deg)) rotateX(var(--reel-tilt,58deg)) scale(var(--reel-scale,1));transform-style:preserve-3d}
.blast-reel-frame{position:absolute;left:50%;top:50%;width:13%;height:11%;border:1px solid #ffe99fbd;border-top:4px solid #ffe99f;border-bottom:4px solid #ffe99f;background:linear-gradient(135deg,var(--frame-color),#321559);box-shadow:0 0 8px var(--frame-color);transform:translate(-50%,-50%) rotate(var(--frame-angle)) translateY(-23cqw) rotateX(12deg);border-radius:2px}
.blast-team-near{--blast-depth:10px;--blast-parallax:12px;z-index:5}
/* A clear lower-left floor lane survives the ensemble fade and beam release. */
.blast-minimax-plane{--blast-depth:20px;--blast-parallax:4px;z-index:12}
.blast-teammate[data-blast-member=pixverse]{--reaction-left:9%;--reaction-bottom:-8%;--reaction-width:25%}
.blast-teammate[data-blast-member=magnific]{--reaction-left:26%;--reaction-bottom:-9%;--reaction-width:23%}
.blast-teammate[data-blast-member=reactor]{--reaction-left:78%;--reaction-bottom:-4%;--reaction-width:23%}
.blast-teammate[data-blast-member=tencentcloud]{--reaction-left:96%;--reaction-bottom:-4%;--reaction-width:24%}
.blast-aura{--blast-depth:25px;--blast-parallax:15px;z-index:6;mix-blend-mode:screen;background:radial-gradient(ellipse at 54% 62%,#fff4b036 0,#ff57f244 13%,#9d56ff50 25%,#47dcff22 35%,transparent 63%);opacity:calc((.35 + var(--blast-charge,0)*.65)*(1 - var(--blast-dissolve,0)));filter:hue-rotate(var(--blast-hue,0deg))}
.blast-editor{--blast-parallax:20px;transform-origin:54% 74%}
.blast-editor-charge{--blast-depth:55px;z-index:7}
.blast-editor img{position:absolute;left:54%;bottom:12%;width:52%;height:72%;object-fit:contain;object-position:center bottom;transform:translate3d(calc(-50% + var(--blast-editor-x,0px)),var(--blast-editor-y,0px),0) scale(var(--blast-editor-scale,1));transform-origin:50% 80%;filter:drop-shadow(0 0 2px #cceeff) drop-shadow(0 8px 17px #13002e)}
.blast-editor-charge{opacity:1}.super-cut-blast:is([data-blast-phase=release],[data-blast-phase=delete]) .blast-editor-charge{visibility:hidden}
.blast-orb{--blast-depth:80px;--blast-parallax:22px;z-index:8;opacity:calc((.2 + var(--blast-charge,0)*.8)*(1 - var(--blast-dissolve,0)));mix-blend-mode:screen}
.blast-orb:before{content:'';position:absolute;left:var(--blast-anchor-x);top:var(--blast-anchor-y);width:23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#e7fbff 9% 16%,#83e9ff 20%,#af69ff88 33%,#fa6bb766 43%,transparent 69%);box-shadow:0 0 36px #72dbff40;transform:translate(-50%,-50%) scale(calc(.4 + var(--blast-charge,0)*.6 + var(--blast-pulse,.5)*.08))}
.blast-editor-release{--blast-depth:95px;z-index:9;visibility:hidden}
.super-cut-blast:is([data-blast-phase=release],[data-blast-phase=delete]) .blast-editor-release{visibility:visible}
.blast-beam{--blast-depth:120px;--blast-parallax:24px;z-index:10;opacity:var(--blast-beam,0);mix-blend-mode:screen}
.blast-beam-envelope{position:absolute;left:-15%;top:var(--blast-anchor-y);width:calc(var(--blast-anchor-x) + 15%);height:32%;transform:translateY(-50%) scaleY(calc(.5 + var(--blast-beam,0)*.5));transform-origin:100% 50%;background:linear-gradient(180deg,transparent,#7446ff70 10%,#e969ffb0 25%,#4bf1f5e0 40%,#fff 47% 54%,#8effb4da 61%,#ffdc91a0 73%,#ee59c84d 85%,transparent);border-radius:50% 15% 15% 50%;filter:drop-shadow(0 0 12px #9f72ff);clip-path:polygon(0 0,100% 37%,100% 63%,0 100%)}
.blast-beam-envelope:before{content:'';position:absolute;inset:22% 0;background:repeating-linear-gradient(90deg,#ffffffa0 0 2px,transparent 3px 29px),linear-gradient(90deg,#ffa95860,#65ecffc0,#fff);background-position:var(--blast-flow,0px) 0;box-shadow:0 0 16px #b9f8ff;clip-path:polygon(0 0,100% 37%,100% 63%,0 100%)}
.blast-beam-envelope:after{content:'';position:absolute;inset:18% 0;border-block:3px dashed #ffe399;opacity:.65;transform:skewY(-2deg)}
.blast-shards{--blast-depth:140px;--blast-parallax:29px;z-index:11;overflow:hidden}
.blast-frame-shard{position:absolute;left:var(--shard-x,50%);top:var(--shard-y,50%);width:clamp(12px,2.3cqw,30px);aspect-ratio:1.5;border:1px solid #ffeeb9;border-block:3px dashed #ffeeb9;background:linear-gradient(135deg,var(--shard-color),#3f146d);box-shadow:0 0 7px var(--shard-color);opacity:var(--shard-alpha,0);transform:rotate(var(--shard-angle,0deg)) scale(var(--shard-scale,1))}
.blast-reel-frame>img,.blast-frame-shard>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit}
.blast-beam-origin{position:absolute;left:var(--blast-anchor-x);top:var(--blast-anchor-y);width:0;height:0}
.super-cut-blast[data-blast-breakout=true] .blast-beam-envelope{visibility:hidden}
/* A viewport projection of the same beam, including its in-panel origin. */
.blast-overflow-stage{position:fixed;inset:0;z-index:85;overflow:clip;pointer-events:none;contain:layout paint;opacity:var(--breakout-alpha,0)}
.blast-overflow-stage[hidden]{display:none}
.blast-overflow-stage>svg{display:block;width:100%;height:100%;overflow:visible}
.blast-breakout-shell{filter:drop-shadow(0 0 14px #9867ff) drop-shadow(0 0 24px #7ff2ff66)}
.blast-breakout-core{opacity:.48;filter:drop-shadow(0 0 9px #afffff)}
.blast-breakout-film{opacity:.38}
.blast-breakout-perforations{opacity:.7}
.blast-shockwaves{--blast-depth:170px;--blast-parallax:32px;z-index:12;mix-blend-mode:screen;overflow:hidden}
.blast-shock-ring{position:absolute;left:var(--blast-anchor-x);top:var(--blast-anchor-y);width:38%;aspect-ratio:1.3;border:2px solid var(--ring-color);border-radius:50%;box-shadow:0 0 14px var(--ring-color),inset 0 0 12px var(--ring-color);opacity:var(--shock-alpha,0);transform:translate(-50%,-50%) rotateY(30deg) scale(var(--shock-scale,1))}
.blast-speed-rays{position:absolute;inset:0}
.blast-speed-ray{position:absolute;left:var(--ray-x,50%);top:var(--ray-y,50%);width:18%;height:2px;background:linear-gradient(90deg,transparent,var(--ray-color),#fff);opacity:var(--ray-alpha,0);transform:translate(-50%,-50%) rotate(var(--ray-angle,0deg)) scaleX(var(--ray-scale,1));box-shadow:0 0 6px var(--ray-color)}
.blast-dialogue{--blast-depth:160px;--blast-parallax:clamp(0px,2cqw,24px);z-index:13;color:#fff;text-shadow:0 2px 0 #6e27aa,1px 4px 0 #401269,2px 7px 0 #21093e,4px 12px 13px #050213;transform-origin:74% 20%}
.blast-dialogue p{position:absolute;margin:0;width:max-content;max-width:40%;right:16%;top:16%;font:950 italic clamp(28px,4cqw,58px)/1.02 system-ui,sans-serif;letter-spacing:-.035em;transform:translate3d(0,calc((1 - var(--caption-reveal,0))*16px),0) scale(calc(.93 + var(--caption-reveal,0)*.07));opacity:var(--caption-reveal,0)}
.blast-dialogue p span{display:block}.blast-dialogue .blast-grunt{--caption-reveal:var(--blast-grunt,0);top:18%;font-size:clamp(32px,6cqw,78px);color:#fff;transform:rotate(-5deg) translateY(calc((1 - var(--caption-reveal,0))*12px))}
.blast-dialogue .blast-power-line{--caption-reveal:var(--blast-power-line,0);padding:0 0 10px 12px;border-left:3px solid #c49bff;background:linear-gradient(90deg,#241139b5,transparent)}
.blast-power-line em{display:block;font-style:normal;font-size:1.3em;color:#fff;text-shadow:0 2px 0 #8164b7,2px 5px 0 #3f1165,3px 9px 0 #170623,0 0 18px #a668fd88}
.blast-dialogue p,.blast-dialogue p span{color:#fff}
.blast-dialogue .blast-delete-line{--caption-reveal:var(--blast-delete-line,0);top:16%;width:25%;max-width:25%;font-size:clamp(18px,2.4cqw,32px);line-height:1.12}
.blast-delete-line strong{display:block;color:#fff;font-size:1.45em;text-shadow:0 2px 0 #6b7747,2px 5px 0 #292748,3px 9px 0 #170623}
.blast-move-name{position:absolute;bottom:20%;right:16%;margin:0;font:900 italic clamp(20px,2.7cqw,38px)/1.05 system-ui,sans-serif;color:#e7dcff;text-shadow:0 3px 0 #502a8f,2px 6px 0 #140726;letter-spacing:-.015em;text-align:right;transform:translate3d(calc(var(--team-x,0)*10px),0,15px);z-index:14;opacity:calc(var(--blast-reveal,0)*(1 - var(--blast-dissolve,0)*.6))}
.blast-move-name small{display:block;font:700 12px/1.4 ui-monospace,monospace;letter-spacing:.13em;color:#cdadff;margin-bottom:5px}
@media(max-width:1050px) and (min-width:761px){.blast-dialogue p{font-size:clamp(25px,4cqw,45px)}.blast-editor img{width:64%;height:95%}.blast-teammate{opacity:calc(var(--reaction-reveal,0)*.9)}}
@media(max-width:760px){
  .super-cut-blast{perspective:1500px;--blast-anchor-x:39%;--blast-anchor-y:62%}
  .blast-depth-stage{perspective:1500px}.blast-depth-stage>[data-blast-layer]{--blast-parallax:0px;transform:translateZ(calc(var(--blast-depth,0px)*.4))}
  .blast-cosmos img{object-position:48% center}.blast-editor img{width:116%;height:76%;left:55%;bottom:-2%;object-fit:contain}
  .blast-dialogue p{right:8%;top:7%;max-width:84%;font-size:clamp(28px,7.8cqw,42px);line-height:1.1}
  .blast-dialogue .blast-grunt{top:9%;font-size:clamp(30px,9.5cqw,54px)}.blast-dialogue .blast-delete-line{top:9%;width:max-content;max-width:84%;font-size:clamp(26px,7cqw,40px)}
  .blast-move-name{bottom:10%;right:12%;font-size:clamp(20px,6.1cqw,30px);transform:translateZ(12px)}.blast-move-name small{font-size:11px}
  .blast-team-far .blast-teammate{--reaction-width:32%;--reaction-bottom:37%}
  .blast-teammate[data-blast-member=higgsfield]{--reaction-left:12%}.blast-teammate[data-blast-member=elevenlabs]{--reaction-left:36%;--reaction-bottom:45%}
  .blast-teammate[data-blast-member=openart]{--reaction-left:71%;--reaction-bottom:45%}.blast-teammate[data-blast-member=tripo]{--reaction-left:90%}
  .blast-team-near .blast-teammate{--reaction-width:39%;--reaction-bottom:15%}
  .blast-teammate[data-blast-member=pixverse]{--reaction-left:10%}.blast-teammate[data-blast-member=magnific]{--reaction-left:29%;--reaction-bottom:26%}
  .blast-teammate[data-blast-member=reactor]{--reaction-left:77%;--reaction-bottom:28%}.blast-teammate[data-blast-member=tencentcloud]{--reaction-left:88%}
  .blast-reel{width:78%}.blast-reel-frame{transform:translate(-50%,-50%) rotate(var(--frame-angle)) translateY(-35cqw) rotateX(12deg)}
  .blast-orb:before{width:37%}.blast-beam-envelope{height:21%}.blast-shock-ring{width:72%}
}
@media(prefers-reduced-motion:reduce){
  .super-cut-blast,.blast-depth-stage{perspective:none}.blast-depth-stage,.blast-depth-stage>[data-blast-layer]{transform:none}
  .blast-editor img{transform:translateX(-50%)}.blast-teammate{transform:translateX(-50%)}
  .blast-frequency,.blast-speed-rays{display:none}.blast-dialogue p,.blast-dialogue .blast-grunt{transform:none}.blast-move-name{transform:none}
}
