/* Cookie Gyms: luminous arena, character silhouettes, tactile command deck. */
#retailer-arena{width:min(860px,calc(100vw - 24px));background:#071b38;color:#fff;border:1px solid #569feb80;border-radius:24px;max-height:94dvh}
#retailer-arena::backdrop{background:#020e27bd;backdrop-filter:blur(9px)}
#retailer-arena>.close{background:#0b2f57;color:#b9e7ff;border:1px solid #759dcc70;top:13px;right:13px;z-index:10}
#retailer-arena button:focus-visible,#retailer-arena a:focus-visible,#retailer-arena summary:focus-visible{outline:3px solid #ffda7b;outline-offset:4px}
.gym-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:#8de7ff}
.gym-heading{padding:25px 65px 0 28px;position:relative;z-index:2}.gym-heading h2{font:800 25px/1.15 Outfit;margin:10px 0;color:white}.gym-heading>p{font-size:14px;line-height:1.5;color:#aac7e4;margin:7px 0}
.gym-lobby{background:radial-gradient(ellipse at 70% 20%,#104786,#071b38 62%)}
.gym-intro{height:335px;position:relative;display:flex;align-items:center;gap:20px;padding:0 40px;isolation:isolate;overflow:hidden}
.arena-leader-art{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 14px #00122270);animation:gym-leader-idle 4s ease-in-out infinite}
.gym-intro>.arena-leader-art{height:325px;width:42%;position:relative;z-index:2;align-self:flex-end}
.gym-leader-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 28% 70%,color-mix(in srgb,var(--leader-tone),transparent 62%),transparent 55%)}
.gym-leader-copy{flex:1;min-width:0;z-index:2}.gym-rank{font-size:12px;letter-spacing:1.5px;font-weight:800;color:var(--leader-tone)}
.gym-leader-copy h3{font:900 46px/.95 Outfit;margin:15px 0;color:#fff;letter-spacing:-1.5px}.gym-leader-copy>b{font:600 18px Outfit;color:var(--leader-tone)}.gym-leader-copy>p{font-size:16px;line-height:1.5;color:#c1d7f1;max-width:240px}.gym-specialty{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #82bee954;background:#163860;border-radius:10px;font-size:14px;color:white;gap:8px}
.gym-floor{position:absolute;bottom:-15px;left:4%;width:50%;height:85px;border:2px solid var(--leader-tone);border-radius:50%;box-shadow:0 0 35px var(--leader-tone),inset 0 0 30px #0782cb55;opacity:.5;transform:rotate(-6deg);z-index:0}
.gym-lobby-controls{position:relative;padding:23px 28px 25px;background:#0b2546;border-top:1px solid #4ca2d13b}
.gym-prizes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;color:#9bbbdc;font-size:13px}.gym-prizes>b{display:block}.gym-prizes span{padding:10px;border-right:1px solid #ffffff16}.gym-prizes span:last-child{border:0}.gym-prizes b{display:block;color:#fff;font:800 24px Outfit;margin-bottom:5px}
#retailer-arena #arena-gps-status{background:#ffffff09;border:1px solid #ffffff12;color:#b8d4ef;font-size:14px;margin:18px 0 14px}#retailer-arena #arena-gps-status.in-range{background:#073d38;color:#91f4cb}
#retailer-arena .gym-primary{background:linear-gradient(105deg,#098eff,#0756e3);color:#fff;font:800 18px Outfit;padding:16px;border:1px solid #58b7ff;border-radius:13px;box-shadow:0 5px 0 #003a8b,0 8px 25px #037cff25;transition:filter .2s,transform .2s;cursor:pointer}#retailer-arena .gym-primary:hover{filter:brightness(1.15)}#retailer-arena .gym-primary:active{transform:translateY(3px);box-shadow:0 2px 0 #003a8b}
#retailer-arena .arena-secondary>a,#retailer-arena .arena-secondary>button{background:#12365b;border-color:#4b7ca955;color:#c7e8ff}
.gym-how{border-top:1px solid #52799840;padding:14px 0;color:#b8d4ef;font-size:14px;line-height:1.6}.gym-how summary{cursor:pointer;font-weight:700;color:#d8eaff}.gym-how p{margin:12px 0}.gym-fine{color:#9ab5d2;font-size:13px;line-height:1.6}.gym-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.gym-roster>div{border:1px solid #68a6cd33;border-radius:12px;background:#ffffff05;text-align:center;padding:10px}.gym-roster img{height:135px;width:100%}.gym-roster b{display:block;font-size:13px;color:#d6e9ff}#retailer-arena .guest-btn{color:#a7d8ff}
.gym-fight{overflow:hidden;background:#071c38}.gym-fight-header{padding:22px 65px 12px 25px;background:linear-gradient(120deg,#0b2f56,#072142)}.gym-fight-header h2{font:800 23px/1.2 Outfit;margin:9px 0 15px;color:white}.gym-turn{display:flex;gap:12px;justify-content:space-between;align-items:center;color:#b0cce5;font-size:13px}.gym-turn b{font-size:12px;letter-spacing:1px;color:#85e8ff}.gym-battlefield{height:345px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 27%,#1575aa70,transparent 60%),linear-gradient(174deg,#072947 15%,#14557b 64%,#092448 65%)}
.gym-battlefield:before{content:'';position:absolute;inset:40% -30% -70%;background:repeating-linear-gradient(90deg,transparent 0 65px,#65cefc15 66px 67px),repeating-linear-gradient(0deg,transparent 0 48px,#65cefc1a 49px 50px);transform:perspective(280px) rotateX(58deg);z-index:-1}.gym-battlefield:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -25px 28px #071c38;pointer-events:none}
.gym-health{position:absolute;width:41%;z-index:5;padding:11px 13px;background:#041c37e8;border:1px solid #5184ac6b;border-radius:13px;box-shadow:0 6px 20px #02142a33}.gym-health>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.gym-health b{font:700 16px Outfit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gym-health span{font-size:12px;white-space:nowrap;color:#afd6ea}.gym-health-track{height:7px;border-radius:10px;background:#ffffff15;overflow:hidden}.gym-health-track>i{display:block;height:100%;background:var(--hp);box-shadow:0 0 10px var(--hp);transition:width .45s}
.enemy-health{right:20px;top:12px}.player-health{left:20px;bottom:13px}.gym-enemy-trainer{position:absolute;right:4%;top:65px;width:23%;height:210px;opacity:.93;z-index:1}.gym-enemy-trainer img{width:100%;height:100%}.gym-opponent-line{position:absolute;right:25%;top:80px;max-width:180px;font-size:13px;color:#bbdcef;font-style:italic;text-align:center;padding:9px 12px;border:1px solid #a1e3ff20;background:#092d4cbb;border-radius:10px;z-index:2}.gym-player-trainer{position:absolute;left:0;bottom:43px;width:110px;height:185px;opacity:.7}.gym-player-trainer svg{width:100%;height:100%}
.gym-platform{position:absolute;height:49px;border:2px solid #5ad4ff6b;border-radius:50%;background:#0ca6e820;box-shadow:inset 0 0 14px #57d5ff38,0 0 20px #01c4ff25}.enemy-platform{right:20%;top:209px;width:180px;transform:rotate(-6deg)}.player-platform{left:13%;bottom:64px;width:220px;transform:rotate(-6deg)}
.gym-cookie{position:absolute;z-index:3;filter:drop-shadow(0 0 15px #50d3ff75);animation:gym-cookie-float 3s ease-in-out infinite}.gym-cookie img{width:100%;height:100%;object-fit:contain}.enemy-cookie{width:135px;height:135px;top:115px;right:22%;transform:rotate(-13deg)}.player-cookie{width:177px;height:177px;left:16%;bottom:66px;animation-delay:-1.5s}
.gym-command{padding:18px 25px 21px;position:relative;background:linear-gradient(#0d2c50,#071b37);border-top:1px solid #2a668e}.gym-announcer{min-height:55px}.gym-announcer>b{font:800 22px Outfit;display:block;color:white}.gym-announcer>span{display:block;font-size:14px;color:#b7cee7;margin-top:5px;line-height:1.45}
.gym-attacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.gym-attacks button{border:1px solid color-mix(in srgb,var(--move),transparent 30%);border-radius:14px;background:linear-gradient(135deg,#184976,#0c2444);box-shadow:0 4px 0 #03132b;color:#fff;padding:12px 6px;cursor:pointer;transition:transform .18s,background .18s;display:grid;grid-template-columns:45px 1fr;align-items:center;text-align:left;column-gap:5px}.gym-attacks button>span{font-size:40px;grid-row:1/3;text-align:center;color:var(--move)}.gym-attacks b{font:800 19px Outfit}.gym-attacks small{font-size:12px;color:#b3cde3}.gym-attacks button:hover:enabled{transform:translateY(-3px);background:#194f7b}.gym-attacks button:active:enabled{transform:translateY(2px)}.gym-attacks button:disabled{opacity:.4;cursor:default}
.gym-steady{display:flex;gap:8px;align-items:center;font-size:14px;color:#c3ddf4}.gym-steady input{width:18px;height:18px;accent-color:#38c3ff}.gym-steady>span{font-size:12px;color:#91afcc;margin-left:auto}.gym-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.gym-footer button{background:none;border:0;padding:8px 0;color:#afd4ed;font-size:14px;cursor:pointer}.gym-footer>span{font-size:11px;letter-spacing:1px;color:#7a9cbd}
.gym-power{margin:18px 0}.gym-power-track{position:relative;height:19px;background:#041a31;border:1px solid #346f9a;border-radius:20px;overflow:hidden}.gym-power-track>span{position:absolute;left:40%;width:20%;height:100%;background:#9bffd4;box-shadow:0 0 20px #9bffd4}.gym-power-track>i{position:absolute;left:0;top:0;height:100%;width:5px;background:white;box-shadow:0 0 7px white;animation:gym-aim 1.6s linear infinite}.gym-power p{font-size:13px;color:#b0cde6;text-align:center;margin:9px 0 12px}.gym-power.steady .gym-power-track>i{animation:none;left:50%}.gym-log{margin-top:12px;color:#8db5d4;font-size:13px}.gym-log summary{cursor:pointer}.gym-log p{margin:8px 0;color:#b6cfe2;font-size:13px}
.gym-projectile{position:absolute;width:85px;height:85px;z-index:7;pointer-events:none;filter:drop-shadow(0 0 14px #b1f7ff)}.gym-projectile img{width:100%;height:100%;object-fit:contain}.player-shot{left:27%;top:56%;animation:gym-shot 1.25s ease-in both}.enemy-shot{right:27%;top:40%;animation:gym-counter 1.25s ease-in both}.move-0 .player-shot img{animation:gym-spin .3s linear infinite}.move-1 .player-shot{filter:drop-shadow(0 8px 4px white) drop-shadow(0 18px 12px #b2ecff);animation-name:gym-dunk}.move-2 .player-shot img{animation:gym-crunch .3s ease-in-out infinite}
.gym-hit-ring{position:absolute;width:100px;height:100px;left:calc(50% - 50px);top:42%;border:4px solid #b0ffff;border-radius:50%;z-index:6;box-shadow:0 0 30px #78d7ff,inset 0 0 20px white;animation:gym-impact 1.25s ease-out both}.gym-hit-text{position:absolute;left:0;right:0;top:38%;z-index:9;text-align:center;font:900 italic 35px Outfit;color:#fff0b6;text-shadow:0 3px 0 #164484,0 0 20px #078bff;animation:gym-hit-label 1.25s ease-out both}.gym-particles{position:absolute;left:50%;top:55%;z-index:8}.gym-particles i{position:absolute;width:7px;height:7px;background:#d4ffff;border-radius:2px;--angle:calc(var(--i)*30deg);animation:gym-particle 1.25s ease-out both}
.is-clashing .gym-cookie.taking-hit{animation:gym-hurt 1.25s ease-out}.is-clashing .gym-enemy-trainer{animation:gym-command 1.25s ease}.gym-reward{display:flex;align-items:center;gap:20px;padding:20px;margin:16px 0;background:#2583a81c;border:1px solid #78cef746;border-radius:14px}.gym-reward strong{font:900 30px Outfit;color:#a3ffe2;white-space:nowrap}.gym-reward span{font-size:14px;line-height:1.5;color:#b8d8ed}.gym-victory-rays{position:absolute;inset:-90%;z-index:-1;background:repeating-conic-gradient(from 0deg,#8ffff018 0deg 12deg,transparent 12deg 28deg);animation:gym-spin 30s linear infinite}.is-victory .player-cookie{filter:drop-shadow(0 0 28px #afffe5)}
.radar-arena-label>span{display:flex;align-items:center;gap:8px}.radar-leader-mini{width:36px;height:45px;object-fit:contain;object-position:top;border-radius:8px;background:#e5f2ff}.retailer-arena-pin .arena-pin-leader{width:49px;height:64px;object-fit:contain;filter:drop-shadow(0 0 6px #1bcfff)}
@keyframes gym-leader-idle{50%{transform:translateY(-5px) rotate(.6deg)}}@keyframes gym-cookie-float{50%{translate:0 -8px;rotate:4deg}}@keyframes gym-aim{0%,100%{left:0}50%{left:calc(100% - 5px)}}@keyframes gym-spin{to{transform:rotate(360deg)}}@keyframes gym-crunch{50%{transform:scale(1.2,.85) rotate(12deg)}}
@keyframes gym-shot{0%,15%{opacity:0;transform:translate(-60px,45px) rotate(0)}30%{opacity:1}60%{opacity:1;transform:translate(90px,-35px) rotate(420deg)}80%,100%{opacity:0;transform:translate(150px,-65px) rotate(580deg)}}
@keyframes gym-dunk{0%,15%{opacity:0;transform:translate(-40px,35px)}30%{opacity:1}48%{transform:translate(45px,-100px) rotate(180deg)}65%{opacity:1;transform:translate(100px,-10px) rotate(300deg)}85%,100%{opacity:0;transform:translate(120px,20px)}}
@keyframes gym-counter{0%,15%{opacity:0;transform:translate(65px,-35px)}30%{opacity:1}60%{opacity:1;transform:translate(-85px,30px) rotate(-400deg)}80%,100%{opacity:0;transform:translate(-140px,65px) rotate(-580deg)}}
@keyframes gym-impact{0%,48%{opacity:0;transform:scale(.1)}60%{opacity:1}100%{opacity:0;transform:scale(2.7)}}@keyframes gym-hit-label{0%,48%{opacity:0;transform:scale(.5)}65%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1) translateY(-12px)}}@keyframes gym-particle{0%,48%{opacity:0;transform:rotate(var(--angle)) translateX(0)}60%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(125px) rotate(160deg)}}@keyframes gym-hurt{0%,45%,100%{translate:0}55%,70%{translate:12px 0;filter:brightness(2)}62%,77%{translate:-12px 0;filter:brightness(.7)}}@keyframes gym-command{40%{transform:translateX(-10px) rotate(-3deg)}}
@media(max-width:600px){#retailer-arena{width:calc(100vw - 12px);max-height:96dvh;border-radius:18px}.gym-heading{padding:22px 55px 0 20px}.gym-heading h2{font-size:23px}.gym-heading>p{font-size:13px}.gym-intro{height:275px;padding:0 15px;gap:7px}.gym-intro>.arena-leader-art{width:44%;height:270px}.gym-leader-copy h3{font-size:35px}.gym-leader-copy>b{font-size:16px}.gym-leader-copy>p{font-size:14px}.gym-specialty{font-size:12px;padding:7px}.gym-rank{font-size:10px;letter-spacing:1px}.gym-lobby-controls{padding:17px}.gym-prizes{gap:3px;font-size:12px}.gym-prizes b{font-size:20px}.gym-prizes span{padding:8px 4px}.gym-fight-header{padding:18px 54px 12px 17px}.gym-fight-header h2{font-size:20px}.gym-kicker{font-size:10px;letter-spacing:1.3px}.gym-turn{font-size:11px;gap:7px}.gym-turn b{font-size:11px}.gym-battlefield{height:290px}.gym-health{width:49%;padding:9px 10px}.gym-health b{font-size:14px}.gym-health span{font-size:10px}.enemy-health{top:12px;right:12px}.player-health{left:12px;bottom:13px}.gym-enemy-trainer{width:27%;height:172px;right:1%;top:70px}.gym-opponent-line{font-size:11px;right:28%;top:74px;max-width:125px;padding:7px}.enemy-cookie{width:100px;height:100px;top:124px;right:27%}.player-cookie{width:140px;height:140px;left:13%;bottom:56px}.enemy-platform{width:125px;top:197px;right:25%;height:32px}.player-platform{width:155px;left:11%;bottom:65px;height:37px}.gym-player-trainer{width:75px;height:135px;bottom:56px;left:-8px}.gym-command{padding:16px}.gym-announcer>b{font-size:21px}.gym-announcer>span{font-size:13px}.gym-attacks{gap:8px;margin:15px 0}.gym-attacks button{grid-template-columns:1fr;text-align:center;padding:9px 3px}.gym-attacks button>span{grid-row:auto;font-size:29px;line-height:1.1}.gym-attacks b{font-size:18px;margin-top:5px}.gym-attacks small{font-size:11px;margin-top:4px}.gym-hit-text{font-size:28px}.gym-reward{padding:14px;gap:12px}.gym-reward strong{font-size:27px}.gym-roster img{height:115px}.gym-roster{gap:6px}.gym-roster>div{padding:6px}.gym-projectile{width:65px;height:65px}.gym-fight .gym-primary{padding:14px}.gym-steady>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){#retailer-arena *,#retailer-arena *:before,#retailer-arena *:after{animation:none!important;transition:none!important}.gym-projectile,.gym-particles,.gym-hit-ring{display:none}.gym-hit-text{opacity:1}.gym-power:not(.steady) .gym-power-track>i{left:50%}}
.gym-health-track>i{animation:gym-health-set .5s ease-out}@keyframes gym-health-set{from{width:var(--hp-from)}}
@media(max-width:600px){.player-cookie{left:4%;width:130px;height:130px;bottom:58px}.enemy-cookie{right:18%;width:90px;height:90px;top:113px}.player-platform{left:3%;width:155px}.enemy-platform{right:15%;width:118px;top:183px}.gym-opponent-line{top:74px;right:30%;max-width:135px}.gym-player-trainer{opacity:.5}}
@media(prefers-reduced-motion:reduce){.gym-health-track>i{animation:none}}
.store-gym-leader{float:right;width:110px;height:165px;object-fit:contain;margin:-8px -10px 0 12px;filter:drop-shadow(0 5px 10px #041d46)}.store-arena-invite:after{content:'';display:block;clear:both}.store-arena-invite .collect-btn{position:relative}