/* Midnight glass, mint energy and violet shielding follow the approved arena.
   All movement is painted from the Feel bodies; this stylesheet has no tweens. */
.arena-launcher{display:flex;align-items:center;gap:12px;padding:16px 0;margin:12px 0;border-block:1px solid #a9e2da30}
.arena-launcher>div{flex:1;min-width:0}.arena-launch-kicker{font:500 .64rem var(--mono);letter-spacing:.14em;color:var(--cyan)}
.arena-launcher p{font-size:.74rem;color:#b2c6d1;line-height:1.65;margin-top:6px}
.arena-launcher button{flex:0 0 100px;padding:12px 10px;border-radius:12px;border:1px solid #83d8c66b;color:#caffef;background:#82f1d015;font-size:.8rem;line-height:1.5}
dialog.battle-arena-dialog{--arena-energy:0;width:min(1140px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #b7d5f0a1;border-radius:26px;color:#edf8ff;background:linear-gradient(125deg,#11343838,#080e1680 48%,#3c2f6238),#07101cd6;box-shadow:inset 0 1px 2px #ecffffb0,inset 0 -1px 3px #aeacff88,0 0 0 1px #7593cc2e,0 30px 100px #0009,0 0 48px #9577e41f;backdrop-filter:blur(30px);overflow:auto;overscroll-behavior:contain}
.battle-arena-dialog::backdrop{background:#03081490;backdrop-filter:blur(10px)}
.battle-arena-dialog button{transition:none;animation:none;min-height:44px}.battle-arena-dialog button:active{transform:none}
.arena-frame{position:relative;padding:32px 38px 24px;isolation:isolate;overflow:hidden}
.arena-frame:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#b7e5ff12,transparent 25% 70%,#b3a5ff13);z-index:-1}
.arena-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:2}
.arena-header>div:first-child{border-left:3px solid #78f0cf;padding-left:19px}
.arena-header h2{font:600 clamp(1.3rem,3vw,2.1rem)/1.2 var(--display);letter-spacing:.16em;color:#f3faff}
.arena-header p{font-size:1rem;letter-spacing:.2em;margin-top:10px;color:#c7dbe5}
.arena-header-actions{display:flex;align-items:center;gap:14px}
#arena-mode{font:400 .65rem var(--mono);letter-spacing:.13em;border:1px solid #a4b9d051;border-radius:20px;padding:9px 13px;color:#bdcddd;white-space:nowrap}
#arena-close{font:300 1.8rem/1 system-ui;background:transparent;color:#bfcede;width:44px;border-radius:50%;border:1px solid #b6ccdf30}
#arena-close:hover{background:#d4ecff14;color:white}
.arena-stage{position:relative;isolation:isolate;height:clamp(240px,32vw,350px);margin:8px -38px 0;overflow:hidden;background:radial-gradient(ellipse at 24% 90%,#1ad3b414,transparent 38%),radial-gradient(ellipse at 76% 80%,#8350fa21,transparent 40%)}
.arena-horizon{position:absolute;left:5%;right:5%;top:49%;height:2px;background:linear-gradient(90deg,transparent,#36c2ca77,#b59fffaa,#795cff66,transparent);box-shadow:0 0 25px 4px #8e5df549}
.arena-city{position:absolute;inset:21% 9% 49%;opacity:.48;background:repeating-linear-gradient(90deg,transparent 0 8px,#7256d33c 8px 11px,transparent 11px 18px,#56b4cd55 18px 20px,transparent 20px 27px);mask-image:linear-gradient(0deg,#000,transparent);clip-path:polygon(0 90%,4% 50%,7% 75%,11% 36%,14% 60%,18% 15%,21% 55%,25% 10%,29% 80%,32% 37%,36% 70%,41% 14%,45% 54%,49% 30%,53% 65%,56% 10%,60% 75%,64% 20%,68% 60%,72% 5%,76% 65%,80% 10%,84% 60%,89% 40%,94% 75%,100% 55%,100% 100%,0 100%)}
.arena-grid{position:absolute;inset:52% -40% -65%;background:linear-gradient(#76bfe64d 1px,transparent 1px),linear-gradient(90deg,#78a7dd3b 1px,transparent 1px);background-size:48px 48px;transform:perspective(240px) rotateX(58deg);transform-origin:center top;mask-image:linear-gradient(transparent,#000 25%,transparent 85%)}
.arena-platform{position:absolute;bottom:7%;width:29%;height:16%;border-radius:50%;border:2px solid currentColor;color:#78f0cf70;box-shadow:0 0 22px currentColor,inset 0 0 22px currentColor;background:repeating-radial-gradient(ellipse at center,transparent 0 22%,currentColor 23%,transparent 24% 31%);opacity:.75}
.arena-platform:before,.arena-platform:after{content:'';position:absolute;inset:9%;border:1px solid currentColor;border-radius:50%}.arena-platform:after{inset:-13%;border-style:dashed;opacity:.4}
.arena-platform-left{left:9%}.arena-platform-right{right:9%;color:#a893ff80}
.arena-fighter{position:absolute;width:22%;height:64%;left:12.5%;bottom:14%;display:grid;place-items:center;z-index:3;transform-origin:center bottom;will-change:transform}
.arena-fighter img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 14px #68f8d527);mix-blend-mode:screen}
#arena-unknown{font:600 6rem var(--mono);color:#78f0cf99;text-shadow:0 0 30px #78f0cf4d}
.arena-device{position:absolute;right:10.5%;bottom:13%;width:26%;height:72%;z-index:3;will-change:transform;display:grid;place-items:center}
.arena-device img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 22px #a283ed55)}
.arena-device-fallback{font:600 4rem var(--mono);color:#c9b7ff;border:8px double currentColor;border-radius:20%;padding:10px 25px;box-shadow:0 0 30px #b4a2ff44}
.arena-shield{position:absolute;right:6.5%;bottom:8%;width:33%;height:82%;color:#bdacff;filter:drop-shadow(0 0 8px #8653ff);z-index:4;pointer-events:none}
.arena-wave{position:absolute;top:47%;width:20%;height:20px;opacity:0;z-index:5;filter:drop-shadow(0 0 8px #a2fff4);transform-origin:center;will-change:transform,opacity}
.arena-trail{position:absolute;top:calc(47% - 10px);height:40px;width:47%;opacity:0;z-index:5;pointer-events:none;filter:drop-shadow(0 0 12px currentColor);clip-path:polygon(0 35%,16% 35%,16% 18%,34% 18%,34% 0,59% 0,59% 16%,84% 16%,84% 34%,100% 34%,100% 66%,84% 66%,84% 84%,59% 84%,59% 100%,34% 100%,34% 82%,16% 82%,16% 65%,0 65%)}
.arena-trail-tx{left:23%;transform-origin:left center;color:#8cfff0;background:repeating-linear-gradient(0deg,transparent 0 5px,#b7fff587 5px 7px,transparent 7px 9px),linear-gradient(90deg,transparent,#69f1d942,#b8fff3e6)}
.arena-trail-rx{right:23%;transform-origin:right center;color:#d4bdff;background:repeating-linear-gradient(0deg,transparent 0 5px,#ebd2ff87 5px 7px,transparent 7px 9px),linear-gradient(90deg,#e7d2ffe6,#aa79ed42,transparent)}
.arena-horizon{filter:brightness(calc(1 + var(--arena-energy)*2))}.arena-platform{filter:brightness(calc(1 + var(--arena-energy)*.65))}
.arena-wave-tx{left:22%;background:linear-gradient(90deg,transparent,#78f0cf88,#e2fff8);clip-path:polygon(0 30%,18% 30%,18% 0,72% 0,72% 17%,95% 17%,100% 50%,95% 83%,72% 83%,72% 100%,18% 100%,18% 70%,0 70%)}
.arena-wave-rx{right:22%;background:linear-gradient(90deg,#f4d8ff,#ba86ff,transparent);clip-path:polygon(0 50%,5% 17%,28% 17%,28% 0,82% 0,82% 30%,100% 30%,100% 70%,82% 70%,82% 100%,28% 100%,28% 83%,5% 83%)}
.arena-wave i{position:absolute;right:7%;top:22%;width:15%;height:56%;background:#ffe9b4;box-shadow:0 0 13px #ffe9b4}.arena-wave-rx i{right:auto;left:7%;background:#e1c7ff}
.arena-impact{position:absolute;left:68%;top:48%;width:70px;height:70px;margin:-35px;border:2px solid #d2c1ff;border-radius:50%;opacity:0;box-shadow:0 0 18px #bfaaff88,inset 0 0 14px #c4b6ff88;z-index:6;pointer-events:none}
.arena-impact:after{content:'';position:absolute;inset:-16px;border:1px solid #8cf9e3;border-radius:50%}
.arena-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;background:#cdb6ff;box-shadow:0 0 9px currentColor;color:#ba9eff}.arena-spark:nth-child(3n){background:#8cffe0;color:#8cffe0;width:4px;height:4px}.arena-spark:nth-child(4n){background:#ffda91;color:#ffda91;width:9px;height:9px}
.arena-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#02081414 3px 4px);z-index:7}
.arena-identities{display:grid;grid-template-columns:1fr 1fr;gap:24%;padding:0 6%;margin-top:6px}
.arena-identities>div{text-align:center;border:1px solid #b3d7e545;border-radius:16px;padding:10px 14px;background:linear-gradient(135deg,#b9fbe815,#c7a9ff0a);box-shadow:inset 0 1px #d7f6ff26;min-width:0;backdrop-filter:blur(12px)}
.arena-identities span{display:block;font-size:.61rem;letter-spacing:.12em;color:#a9beca;margin-bottom:4px}
.arena-identities strong{display:block;font-size:.86rem;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.arena-feedback{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:23px 0 0;font-size:.78rem;color:#bbccda;min-height:50px;text-align:center}
#arena-packets{font-size:.66rem;letter-spacing:.08em;color:#84baa9}
.battle-arena-dialog[data-phase=received] #arena-status{color:#a0f5d8}.battle-arena-dialog[data-phase=timeout] #arena-status,.battle-arena-dialog[data-phase=error] #arena-status{color:#f0c5a2}
.arena-footer{padding-top:22px;text-align:center}.arena-buttons{display:flex;align-items:center;justify-content:center;gap:28px}
#arena-preview{display:flex;align-items:center;justify-content:center;gap:12px;min-width:205px;padding:14px 24px;border:1px solid #b6ffe9;border-radius:50px;background:linear-gradient(#92ffe3,#42c7af);box-shadow:inset 0 1px 4px #fff7,0 0 22px #65e4c933;color:#052923;font-weight:600;font-size:1rem;letter-spacing:.05em}
#arena-preview svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#arena-preview:hover:not(:disabled){background:linear-gradient(#b2ffeb,#61dfc5)}
#arena-return{background:transparent;border-left:1px solid #b2c9d44d;padding:0 0 0 25px;color:#bfcfdc;font-size:.86rem}
#arena-note{font-size:.65rem;line-height:1.8;color:#93a9ba;margin:22px auto 0;max-width:660px}
@media(max-width:600px){
 dialog.battle-arena-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:20px}
 .arena-frame{padding:23px 18px 20px}.arena-header{gap:8px}.arena-header>div:first-child{padding-left:12px}.arena-header h2{font-size:1.1rem;letter-spacing:.12em}.arena-header p{font-size:.72rem;margin-top:8px}
 .arena-header-actions{gap:5px;align-items:flex-start}#arena-mode{font-size:.5rem;padding:7px 8px;letter-spacing:.06em}#arena-close{width:32px;min-height:32px;font-size:1.4rem}
 .arena-stage{height:245px;margin:8px -18px 0}.arena-fighter{width:26%;left:8.5%;height:58%}.arena-device{width:31%;right:7%;height:61%}.arena-shield{width:39%;right:3%;height:76%}
 .arena-wave{height:13px}.arena-platform{width:31%;height:12%}.arena-impact{width:44px;height:44px;margin:-22px}.arena-spark{width:4px;height:4px}
 .arena-identities{gap:8%;padding:0}.arena-identities>div{padding:9px 8px;border-radius:12px}.arena-identities strong{font-size:.74rem}.arena-identities span{font-size:.53rem}
 .arena-feedback{font-size:.72rem;gap:7px;padding-top:18px;min-height:55px}.arena-footer{padding-top:17px}.arena-buttons{gap:16px}#arena-preview{min-width:0;padding:12px 17px;font-size:.83rem;gap:8px}#arena-return{font-size:.73rem;padding-left:16px}
 #arena-note{font-size:.6rem;margin-top:18px}#arena-packets{font-size:.6rem}
}
@media(prefers-reduced-motion:reduce){.arena-fighter,.arena-device,.arena-wave{will-change:auto}.arena-wave,.arena-trail,.arena-impact{display:none}}
@media(prefers-reduced-transparency:reduce){dialog.battle-arena-dialog{background:#0b1727;backdrop-filter:none}.battle-arena-dialog::backdrop{background:#030814ef;backdrop-filter:none}.arena-identities>div{background:#17283b;backdrop-filter:none}}