.arena-flee-modal{isolation:isolate;position:fixed;box-sizing:border-box;width:min(880px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0 0 22px;overflow:auto;text-align:center;border:1px solid #8e795e;border-radius:14px;background:#0b0f14;color:#e4d8c9;box-shadow:0 24px 100px #000e}
.arena-flee-modal::backdrop{background:#04070ce8;backdrop-filter:blur(5px)}
.flee-accessible-title{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.arena-flee-scene{position:relative;isolation:isolate;width:min(100%,96dvh);aspect-ratio:3/2;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#65717b,#283039 50%,#0b0f14)}
.arena-flee-scene img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
/* Preserve the supplied artwork, including its title. The clipped traveler
   recedes into the mist and settles into the original complete illustration. */
.flee-landscape{-webkit-mask-image:linear-gradient(#000 32%,transparent 43%,transparent 78%,#000 88%);mask-image:linear-gradient(#000 32%,transparent 43%,transparent 78%,#000 88%)}
.flee-finish{opacity:0}
.flee-traveler{opacity:0;transform-origin:40% 78%;clip-path:polygon(32% 41%,35.5% 40.2%,36.2% 38.4%,37.8% 38%,38.8% 39.2%,39.4% 41.4%,42.4% 43%,42.8% 45%,43.9% 47%,43.3% 51.3%,44.6% 53.7%,47% 54%,47.6% 57%,49.3% 59%,51.3% 66.1%,49.5% 64%,49.7% 67.8%,47% 66.4%,51.8% 76.9%,51.8% 79%,50.2% 77.8%,45% 64.5%,44.2% 62.3%,43% 59.5%,42.2% 63.5%,43.2% 68.7%,40.8% 67.2%,40.2% 69.4%,38.5% 66.2%,37% 66.8%,36.8% 69.5%,38.7% 71.2%,37.6% 74.6%,38.6% 76.8%,36.1% 77.3%,35.4% 75%,35% 72.8%,34% 70%,33.3% 68%,32.4% 69.2%,33.2% 65.5%,30.7% 65.8%,30.1% 62%,29.8% 58%,30.4% 54.3%,29.6% 52.2%,30.7% 47.4%,29.7% 46.2%,31.4% 44%)}
.flee-mist{position:absolute;inset:35% -25% 8%;opacity:0;pointer-events:none;filter:blur(12px);background:radial-gradient(ellipse at 25% 65%,#b7c4ce66,transparent 42%),radial-gradient(ellipse at 78% 55%,#c3cbd355,transparent 43%)}
.flee-mist-front{inset:55% -30% 12%;background:radial-gradient(ellipse at 60% 65%,#e1e7ec88,transparent 55%);filter:blur(9px)}
.flee-vignette{position:absolute;inset:0;background:linear-gradient(transparent 75%,#0b0f14),linear-gradient(90deg,#0b0f1433,transparent 20%,transparent 80%,#0b0f1433);pointer-events:none}
.arena-flee-copy{padding:0 20px;visibility:hidden}.arena-flee-copy .eyebrow{color:#e1c39c;letter-spacing:.13em;font-size:clamp(11px,2.5vw,14px);margin:12px 0}.arena-flee-copy>p:last-child{font-size:clamp(14px,3.4vw,16px);line-height:1.6;color:#c4cbd1;margin:8px 0}
.arena-flee-modal>button{min-height:48px;min-width:180px;max-width:calc(100% - 32px);margin:16px auto 0;padding:10px 24px;border:1px solid #ac9170;border-radius:8px;background:#202731;color:#f4e1ca;font-size:16px;touch-action:manipulation}
.arena-flee-modal>button:focus-visible{outline:3px solid #edcc9d;outline-offset:4px}
.is-fleeing .flee-traveler{animation:arena-flee-retreat 3s ease-out both}.is-fleeing .flee-finish{animation:arena-flee-landscape 3s ease-out both}.is-fleeing .flee-mist-back{animation:arena-flee-mist 3s ease-in-out both}.is-fleeing .flee-mist-front{animation:arena-flee-mist 3s ease-in-out reverse both}
.arena-flee-modal.is-revealed .flee-finish{animation:none;opacity:1}.arena-flee-modal.is-revealed .flee-traveler,.arena-flee-modal.is-revealed .flee-mist{animation:none;opacity:0}.arena-flee-modal.is-revealed .arena-flee-copy{visibility:visible;animation:arena-flee-copy .4s ease-out both}
@keyframes arena-flee-retreat{0%{opacity:0;transform:translate(-1.5%,8%) scale(1.24)}10%{opacity:1}35%{transform:translate(-.6%,4%) scale(1.14) rotate(.5deg)}60%{transform:translate(.2%,2%) scale(1.07) rotate(-.4deg)}80%,100%{opacity:1;transform:none}}
@keyframes arena-flee-landscape{0%,63%{opacity:0}95%,100%{opacity:1}}
@keyframes arena-flee-mist{0%{opacity:0;transform:translateX(-14%) scale(.9)}30%,65%{opacity:.75}100%{opacity:0;transform:translateX(14%) scale(1.15)}}
@keyframes arena-flee-copy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:480px){.arena-flee-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding-bottom:18px}.arena-flee-copy{padding:0 14px}.arena-flee-modal>button{width:calc(100% - 32px)}}
@media(max-height:500px){.arena-flee-scene{width:min(100%,80dvh)}.arena-flee-copy .eyebrow{margin:6px 0}.arena-flee-copy>p:last-child{font-size:13px;margin:4px 0}.arena-flee-modal>button{margin-top:8px}.arena-flee-modal{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.arena-flee-modal *{animation:none!important;transition:none!important}.arena-flee-modal .flee-finish{opacity:1}.arena-flee-modal .flee-traveler,.arena-flee-modal .flee-mist{display:none}}