.bsoon{position:relative;display:grid;width:100%;aspect-ratio:16/9;max-height:min(52vh,380px);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,#120a26,#0a0518 46%,#05030d);isolation:isolate;contain:paint}.bsoon__arena{position:absolute;z-index:0;inset:34% 0 0;overflow:hidden}.bsoon__grid{position:absolute;inset:0 -60%;background-image:repeating-linear-gradient(90deg,rgba(203,165,255,.95) 0 1px,transparent 1px 5%),repeating-linear-gradient(0deg,rgba(203,165,255,.8) 0 1px,transparent 1px 12%);transform:perspective(340px) rotateX(62deg);transform-origin:50% 0;animation:bsoon-crawl 6s linear infinite}.bsoon__arena:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(10,5,24,.92),rgba(10,5,24,.4) 16%,transparent 46%),radial-gradient(78% 120% at 50% 0,transparent 34%,rgba(5,3,13,.82) 100%)}.bsoon__horizon{position:absolute;z-index:2;top:0;right:6%;left:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,200,106,.42) 30%,rgba(255,243,212,.72) 50%,rgba(240,200,106,.42) 70%,transparent);box-shadow:0 0 26px 5px rgba(240,200,106,.16)}.bsoon__glow{position:absolute;z-index:1;top:-40%;left:50%;width:86%;height:84%;translate:-50% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(240,200,106,.42) 0,rgba(150,70,220,.22) 44%,transparent 72%);filter:blur(30px)}.bsoon__fighter{position:absolute;z-index:3;bottom:39%;display:grid;width:clamp(96px,20%,200px);justify-items:center;animation:bsoon-bob 3.6s ease-in-out infinite}.bsoon__fighter--ally{left:11%}.bsoon__fighter--foe{right:11%;animation-delay:-1.8s}.bsoon__art{width:100%;aspect-ratio:1;height:auto;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.75))}.bsoon__fighter--foe .bsoon__art{scale:-1 1}.bsoon__pad{position:absolute;bottom:8%;left:50%;width:108%;aspect-ratio:3;translate:-50% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6) 0,transparent 70%)}.bsoon__pad:after{content:"";position:absolute;inset:0;border:1px solid;border-radius:50%;animation:bsoon-ring 2.8s ease-out infinite}.bsoon__fighter--ally .bsoon__pad{color:#a877ff}.bsoon__fighter--foe .bsoon__pad{color:#ff8a63;animation-delay:-1.4s}.bsoon__nameplate{position:relative;margin-top:2px;padding:2px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(8,4,20,.72);color:rgba(255,255,255,.82);font-size:clamp(9px,1.5vw,12px);font-weight:640;letter-spacing:.04em;white-space:nowrap}.bsoon__vs{position:absolute;z-index:3;top:37%;left:50%;color:var(--gold);font-size:clamp(15px,3vw,26px);font-weight:800;letter-spacing:.14em;text-shadow:0 0 26px rgba(240,200,106,.75);translate:-50% -50%;animation:bsoon-vs 2.6s ease-in-out infinite}.bsoon__sweep{position:absolute;z-index:4;inset:0;background:linear-gradient(104deg,transparent 42%,rgba(255,255,255,.07) 50%,transparent 58%);animation:bsoon-sweep 6s ease-in-out infinite}.bsoon__scrim{z-index:4;height:52%;background:linear-gradient(180deg,transparent,rgba(5,3,13,.5) 34%,rgba(5,3,13,.9) 72%,rgba(5,3,13,.97))}.bsoon__plate,.bsoon__scrim{position:absolute;inset:auto 0 0}.bsoon__plate{z-index:5;display:grid;justify-items:center;padding:0 5% clamp(12px,3.5%,24px);text-align:center}.bsoon__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 7px;color:var(--gold);font-family:var(--font-serif);font-size:clamp(10px,2.2vw,13px);font-weight:700;letter-spacing:.24em;text-transform:uppercase}.bsoon__dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px 2px rgba(240,200,106,.7);animation:bsoon-pulse 1.9s ease-in-out infinite}.bsoon__line{margin:0;font-size:clamp(19px,4.2vw,34px);font-weight:700;letter-spacing:-.026em;text-shadow:0 2px 18px rgba(0,0,0,.8)}.bsoon__sub{max-width:44ch;margin:6px 0 0;color:rgba(255,255,255,.68);font-family:var(--font-serif);font-size:clamp(12px,2.6vw,15px);line-height:1.45}.bsoon__meter{position:relative;width:min(320px,78%);height:5px;margin-top:clamp(9px,2.2%,15px);overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}.bsoon__meter:after{content:"";position:absolute;inset:0;width:44%;border-radius:999px;background:linear-gradient(90deg,rgba(240,200,106,0),#f0c86a 45%,#fff0cd 70%,rgba(240,200,106,0));animation:bsoon-charge 2.6s cubic-bezier(.5,0,.5,1) infinite}@keyframes bsoon-crawl{to{background-position:0 0,0 12%}}@keyframes bsoon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes bsoon-ring{0%{opacity:.55;scale:.8}70%{opacity:0;scale:1.25}to{opacity:0;scale:1.25}}@keyframes bsoon-vs{0%,to{opacity:.72;scale:1}50%{opacity:1;scale:1.09}}@keyframes bsoon-sweep{0%,60%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bsoon-pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes bsoon-charge{0%{transform:translateX(-108%)}to{transform:translateX(304%)}}@media (max-width:460px){.bsoon{aspect-ratio:3/4;max-height:min(58vh,420px)}.bsoon__arena{inset:34% 0 0}.bsoon__grid{transform:perspective(240px) rotateX(64deg)}.bsoon__fighter{bottom:44%;width:33%}.bsoon__fighter--ally{left:4%}.bsoon__fighter--foe{right:4%}.bsoon__vs{top:37%}.bsoon__scrim{height:46%}}@media (orientation:landscape) and (max-height:560px){.bsoon{aspect-ratio:24/9;max-height:56vh}.bsoon__arena{inset:36% 0 0}.bsoon__fighter{bottom:34%;width:clamp(72px,15%,118px)}.bsoon__fighter--ally{left:7%}.bsoon__fighter--foe{right:7%}.bsoon__vs{top:38%}.bsoon__sub{display:none}.bsoon__scrim{height:62%}}@media (prefers-reduced-motion:reduce){.bsoon__dot,.bsoon__fighter,.bsoon__grid,.bsoon__meter:after,.bsoon__pad:after,.bsoon__sweep,.bsoon__vs{animation:none!important}.bsoon__meter:after{width:56%;transform:none}.bsoon__sweep{opacity:0}}.v11-battle{position:relative;inline-size:100%;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:#0b0813;isolation:isolate;contain:layout paint}@media (max-width:640px){.v11-battle{aspect-ratio:4/5;border-radius:12px}}.v11-battle__stage{position:absolute;inset:0;touch-action:pan-y}.v11-battle__stage canvas{display:block;inline-size:100%;block-size:100%}.v11-battle__poster{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 20%,#1c1230 0,#0b0813 70%);opacity:1;transition:opacity .6s ease;pointer-events:none}.v11-battle[data-near] .v11-battle__poster{background:url(/v11/battle-poster.jpg) 50%/cover no-repeat,radial-gradient(120% 90% at 50% 20%,#1c1230 0,#0b0813 70%)}.v11-battle[data-live=true] .v11-battle__poster{opacity:0}@media (prefers-reduced-motion:reduce){.v11-battle__poster{transition:none}}