.arena-offline{border:1px solid #e3c18344;background:#c5a45d0b;border-radius:8px;padding:10px;color:#dccca6!important;font-size:10px!important}.arena-score{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;color:#b4d0c1;margin:20px 0 12px}.arena-score b{color:#e4b789;font-size:8px}.arena-stage{position:relative;display:flex;justify-content:space-around;align-items:center;min-height:260px;border:1px solid #b5d8c729;border-radius:15px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#76998b40,transparent 65%),linear-gradient(160deg,#071f30,#163b43);box-shadow:inset 0 -16px 20px #06172588}.arena-stage:after{content:'';position:absolute;bottom:16px;left:10%;right:10%;height:34px;border:1px solid #bcdbc52b;border-radius:50%;pointer-events:none}.arena-fighter{width:42%;position:relative;text-align:center;z-index:1}.arena-name{font-size:10px;font-weight:800;color:#deeee3;margin-top:12px}.arena-health{height:6px;overflow:hidden;background:#02151d;border:1px solid #d7ecd927;border-radius:5px;margin:8px auto 4px;max-width:140px}.arena-health i{display:block;height:100%;background:#cafa92;transition:width .35s}.arena-health.enemy i{background:#f2b19c}.arena-hp{font-size:8px;color:#a7c9c4}.arena-body{height:220px;position:relative}.arena-body svg{height:100%;max-width:100%;overflow:hidden!important;filter:drop-shadow(0 6px 8px #0008)}.arena-vs{font:700 16px Unbounded,Arial,sans-serif;color:#d2e8a4aa;position:absolute;left:50%;top:52%;translate:-50% -50%}.arena-intent{padding:13px 16px;margin:16px 0;border-left:3px solid #dfbc82;background:#e0c1850a}.arena-intent small{font-size:7px;letter-spacing:2px;color:#b2c7b9;display:block}.arena-intent b{display:block;margin-top:5px;font-size:14px;color:#f3d7aa}.arena-intent p{margin:6px 0 0;font-size:10px}.arena-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.arena-actions button{border:1px solid #b9db9b3d;background:#c0ec9310;border-radius:9px;padding:13px 4px;color:#d3f2b4;font-weight:800;font-size:11px;min-height:57px}.arena-actions button:hover{background:#b9e97e2b}.arena-actions small{display:block;font-size:7px;font-weight:400;margin-top:5px;color:#a4c3b2}.arena-feedback{min-height:30px;font-size:11px!important;color:#cee6bf!important}.arena-impact{position:absolute;top:50%;right:-10px;font-size:10px;font-weight:800;color:#d8ff95;text-shadow:0 0 14px #9eff67;animation:arenaFloat .8s ease-out both}.move-attack .arena-body{animation:arenaLunge .65s ease-in-out}.move-guard .arena-body{animation:arenaDodge .65s ease-in-out}.move-guard:after{content:'';position:absolute;inset:30% 5% 9%;border:2px solid #caff9b;border-radius:50%;animation:arenaShield .8s both}.move-counter .arena-body{animation:arenaCounter .8s ease-in-out}.bot-reply .arena-body{animation:arenaReply .8s ease-in-out}.arena-result{text-align:center;border:1px solid #bdd7d02b;padding:25px 12px;border-radius:15px;background:#132d37}.arena-result>span{font-size:9px;letter-spacing:2px;color:#b5cebc}.arena-result strong{display:block;font:600 27px Unbounded,sans-serif;margin:14px 0;color:#d9e8e1}.arena-result.win strong{color:#d8ff95;animation:arenaVictory .6s ease-out}.arena-result p{font-size:10px;margin-bottom:0}.arena-preview{display:flex;align-items:center;justify-content:center;height:230px;border-radius:14px;background:radial-gradient(ellipse,#94b17c25,transparent);overflow:hidden}.arena-preview>div{width:43%;height:100%}.arena-preview svg{height:100%;width:100%;overflow:hidden!important}.arena-preview>span{color:#b2cd90;font-weight:800}.arena-ticket{display:flex;justify-content:space-between;background:#d8ff950b;border:1px solid #d8ff9522;padding:13px;border-radius:9px;font-size:11px;color:#d8ff95}.arena-ticket span{color:#9cb9af}@keyframes arenaLunge{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(35px) rotate(7deg)}60%{transform:translateX(13px)}}@keyframes arenaDodge{0%,100%{transform:translateX(0)}40%{transform:translateX(-19px) rotate(-5deg)}}@keyframes arenaCounter{0%,100%{transform:translateX(0)}25%{transform:translateX(-14px)}55%{transform:translateX(40px) rotate(8deg)}}@keyframes arenaReply{0%,100%{transform:translateX(0)}25%{transform:translateX(-14px)}45%{transform:translateX(8px) rotate(4deg)}65%{transform:translateX(-5px)}}@keyframes arenaFloat{from{opacity:1;transform:translateY(8px) scale(.7)}to{opacity:0;transform:translateY(-45px) scale(1.2)}}@keyframes arenaShield{0%,100%{opacity:0}40%{opacity:.8;box-shadow:0 0 25px #b5ff662f}}@keyframes arenaVictory{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:720px){.arena-body{height:190px}.arena-stage{min-height:245px}.arena-actions button{font-size:10px}.arena-intent b{font-size:12px}.arena-result strong{font-size:23px}}@media(prefers-reduced-motion:reduce){.arena-stage *,.arena-preview *,.arena-result *{animation:none!important;transition:none!important}.arena-impact{display:none}}
/* Compact tactical state remains visible when cinematic layout hides the old score row. */
.arena-intent-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.arena-readiness{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #c5e7a855;border-radius:20px;background:#d9f3b715;font-size:11px;font-weight:800;color:#e1f2ca;letter-spacing:.2px}.arena-readiness[data-state="busy"]{color:#e9ceaa;border-color:#d9b78255;background:#d9b78212}.arena-actions button:disabled{opacity:.55;cursor:wait;transform:none!important}.arena-next-ticket{display:grid;gap:9px;margin:14px 0;padding:16px;border:1px solid #c8dfb536;border-radius:12px;background:linear-gradient(125deg,#1c3d42,#102b34)}.arena-next-ticket>b{font-size:14px;color:#e8efdb}.arena-next-ticket>span{font-size:12px;color:#bfd3c9}.arena-next-ticket progress{width:100%;height:7px;accent-color:#c4df94;border:0;border-radius:6px;overflow:hidden}.arena-next-ticket .primary{margin:3px 0 0!important}.arena-actions button:focus-visible{outline:2px solid #d8f3a6;outline-offset:3px}@media(max-width:600px){.arena-readiness{font-size:10px;padding:5px 8px}.arena-intent-top{gap:8px}.arena-next-ticket{padding:13px}}
.arena-actions kbd{display:inline-block;font-size:9px;font-family:inherit;font-weight:500;opacity:.65;margin-left:3px;border:1px solid currentColor;border-radius:3px;padding:1px 3px}@media(pointer:coarse){.arena-actions kbd{display:none}}