/* Exact-character boxing ring update — 2026-08-07 */
.exact-ring{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#1888ff 0%,#48c9ff 43%,#103f9b 100%);border:5px solid rgba(255,255,255,.78);box-shadow:0 32px 70px rgba(19,35,104,.32),inset 0 0 0 2px rgba(22,61,158,.15)}
.exact-ring::before,.exact-ring::after{content:"";position:absolute;z-index:1;top:-10%;width:42%;height:64%;pointer-events:none;opacity:.6;filter:blur(1px)}
.exact-ring::before{left:-11%;background:conic-gradient(from 170deg at 20% 5%,transparent 0 40%,rgba(255,247,188,.72) 43% 48%,transparent 52% 100%);transform:rotate(-7deg)}
.exact-ring::after{right:-11%;background:conic-gradient(from 190deg at 80% 5%,transparent 0 40%,rgba(255,247,188,.72) 43% 48%,transparent 52% 100%);transform:rotate(7deg)}
.ring-sky{position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 16% 19%,rgba(255,255,255,.96) 0 3%,transparent 3.5%),radial-gradient(circle at 80% 22%,rgba(255,255,255,.8) 0 2%,transparent 2.5%),radial-gradient(circle at 64% 13%,rgba(255,237,126,.95) 0 1%,transparent 1.5%),linear-gradient(180deg,#0877ea 0%,#4fc9ff 54%,#2469c7 100%)}
.ring-sky::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.78) 0 2px,transparent 2.5px);background-size:84px 84px;opacity:.28}
.ring-crowd{position:absolute;z-index:2;left:0;right:0;bottom:16%;height:27%;background:radial-gradient(circle at 4% 82%,#2747a0 0 9px,transparent 10px),radial-gradient(circle at 13% 76%,#536de0 0 8px,transparent 9px),radial-gradient(circle at 22% 86%,#203b8f 0 9px,transparent 10px),radial-gradient(circle at 33% 73%,#3c61d0 0 8px,transparent 9px),radial-gradient(circle at 46% 84%,#17378c 0 10px,transparent 11px),radial-gradient(circle at 59% 76%,#486bd3 0 8px,transparent 9px),radial-gradient(circle at 71% 86%,#1e3d95 0 10px,transparent 11px),radial-gradient(circle at 84% 73%,#4e6fd7 0 9px,transparent 10px),radial-gradient(circle at 95% 84%,#203c8e 0 10px,transparent 11px);background-size:128px 72px;opacity:.86;filter:blur(.4px)}
.ring-ropes{position:absolute;z-index:5;left:-2%;right:-2%;bottom:22%;height:27%;pointer-events:none}.ring-ropes i{position:absolute;left:0;right:0;height:7px;border-radius:999px;background:#fff;box-shadow:0 2px 0 rgba(20,54,112,.42)}.ring-ropes i:nth-child(1){top:3%;background:#ef3d42}.ring-ropes i:nth-child(2){top:45%}.ring-ropes i:nth-child(3){top:86%;background:#2c64df}
.ring-floor{position:absolute;z-index:3;left:-8%;right:-8%;bottom:-18%;height:48%;border-radius:50% 50% 0 0/36% 36% 0 0;background:radial-gradient(ellipse at center,#fff 0 13%,#f6cf40 13.4% 33%,#ff7043 33.4% 46%,#2f70df 46.4% 100%);box-shadow:inset 0 14px 25px rgba(255,255,255,.42)}
.ring-floor span{position:absolute;left:50%;top:20%;width:22%;aspect-ratio:1;transform:translateX(-50%) rotate(45deg);background:rgba(255,255,255,.94);clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}
.ring-title-art,.ring-spaceship,.ring-referee,.ring-fighter{position:absolute;z-index:7;display:block;object-fit:contain;filter:drop-shadow(0 12px 11px rgba(10,35,85,.19))}
.ring-title-art{z-index:6;width:36%;height:39%;left:32%;top:1%;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(255,255,255,.65))}
.ring-spaceship{z-index:8;width:26%;right:1.5%;top:1%;animation:ringFloat 3.2s ease-in-out infinite}
.ring-referee{width:14%;left:43%;bottom:20%;z-index:8;animation:refBob 2.8s ease-in-out infinite}
.ring-fighter{bottom:14%;z-index:9;transform-origin:50% 85%}
.ring-floppy{width:35%;left:3%;animation:floppyBounce 2.3s ease-in-out infinite}
.ring-flash{width:35%;right:2%;animation:flashBounce 2.3s ease-in-out infinite}
.exact-ring-hero{min-height:570px;border-radius:34px}
.exact-ring-hero .ring-title-art{width:37%;left:31.5%;top:-1%}
.exact-ring-hero .ring-spaceship{width:25%;right:0;top:0}
.exact-ring-hero .ring-referee{width:13%;left:44%;bottom:23%}
.exact-ring-hero .ring-floppy{width:36%;left:0;bottom:12%}
.exact-ring-hero .ring-flash{width:36%;right:-1%;bottom:12%}
.exact-art-chip{z-index:12;left:18px;bottom:18px;max-width:250px}
.exact-ring-feature{height:590px;border-radius:34px;background:linear-gradient(180deg,#1487f5,#58d0ff 52%,#1553ad)}
.exact-ring-feature .ring-title-art{width:33%;left:33.5%;top:1%}
.exact-ring-feature .ring-spaceship{width:24%;right:2%;top:0}
.exact-ring-feature .ring-referee{width:15%;left:auto;right:5%;bottom:18%}
.exact-ring-feature .ring-floppy{width:35%;left:31%;bottom:13%}
.exact-ring-feature .ring-flash{width:34%;right:auto;left:0;bottom:13%}
.exact-ring-feature .arena11-actions{z-index:14}
@keyframes ringFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(12px) rotate(1deg)}}
@keyframes refBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes floppyBounce{0%,100%{transform:translateX(0) rotate(-2deg)}50%{transform:translateX(14px) rotate(1deg)}}
@keyframes flashBounce{0%,100%{transform:translateX(0) rotate(1deg)}50%{transform:translateX(-14px) rotate(-1deg)}}
.reduce-motion .ring-spaceship,.reduce-motion .ring-referee,.reduce-motion .ring-floppy,.reduce-motion .ring-flash{animation:none!important}
@media (prefers-reduced-motion:reduce){.ring-spaceship,.ring-referee,.ring-floppy,.ring-flash{animation:none!important}}
@media(max-width:1050px){.exact-ring-hero{min-height:600px}.ring-title-art{width:34%;left:33%}.exact-ring-hero .ring-floppy,.exact-ring-hero .ring-flash{width:35%}.exact-ring-feature{height:560px}}
@media(max-width:720px){.exact-ring-hero{min-height:430px;border-radius:25px}.exact-ring-feature{height:430px;border-radius:25px}.ring-title-art,.exact-ring-hero .ring-title-art,.exact-ring-feature .ring-title-art{width:43%;left:28.5%;top:1%}.ring-spaceship,.exact-ring-hero .ring-spaceship,.exact-ring-feature .ring-spaceship{width:29%;right:-2%;top:3%}.exact-ring-hero .ring-referee{width:16%;left:42%;bottom:24%}.exact-ring-hero .ring-floppy{width:39%;left:-5%;bottom:12%}.exact-ring-hero .ring-flash{width:39%;right:-5%;bottom:12%}.exact-ring-feature .ring-referee{width:18%;right:0;bottom:19%}.exact-ring-feature .ring-floppy{width:40%;left:29%;bottom:14%}.exact-ring-feature .ring-flash{width:39%;left:-4%;bottom:14%}.ring-ropes{bottom:24%;height:25%}.exact-art-chip{font-size:.76rem;max-width:210px}}
@media(max-width:460px){.exact-ring-hero{min-height:340px}.exact-ring-feature{height:350px}.ring-title-art,.exact-ring-hero .ring-title-art,.exact-ring-feature .ring-title-art{width:47%;left:26.5%}.ring-spaceship,.exact-ring-hero .ring-spaceship,.exact-ring-feature .ring-spaceship{width:31%;right:-4%}.exact-ring-hero .ring-referee{width:18%;left:41%;bottom:24%}.exact-ring-hero .ring-floppy{width:43%;left:-7%;bottom:14%}.exact-ring-hero .ring-flash{width:43%;right:-7%;bottom:14%}.exact-ring-feature .ring-referee{width:20%;right:-2%}.exact-ring-feature .ring-floppy{width:44%;left:27%}.exact-ring-feature .ring-flash{width:43%;left:-7%}.exact-art-chip{display:none}.ring-ropes i{height:5px}.arena11-actions button{padding:9px 12px;font-size:.8rem}}