/* RarePull Safari - site-wide catch mini-game. Scoped under .rp-safari to avoid
   clashing with the main site styles. Palette matches RarePull (navy/purple/gold). */
.rp-safari{
  --rps-panel:#1a1030; --rps-panel2:#241640; --rps-ink:#ECE7FF; --rps-muted:#9b8fc4;
  --rps-line:rgba(255,255,255,.12); --rps-purple:#7C3AED; --rps-purplite:#A472F6;
  --rps-gold:#FBBF24; --rps-cyan:#22D3EE; --rps-good:#34d399; --rps-bad:#fb7185;
  --rps-pix:"Press Start 2P",ui-monospace,monospace;
}
.rp-safari *{box-sizing:border-box;}
.rp-safari img{image-rendering:pixelated;}

/* caught pill */
.rps-pill{position:fixed; left:14px; bottom:calc(14px + var(--rps-lift,0px) + env(safe-area-inset-bottom,0px)); z-index:9000; transition:bottom .25s ease;
  display:none; align-items:center; gap:8px; background:var(--rps-panel); border:1px solid var(--rps-line);
  border-radius:999px; padding:9px 14px; font-family:var(--rps-pix); font-size:10px; color:var(--rps-ink); cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.4);}
.rps-pill.on{display:inline-flex;}
.rps-pill b{color:var(--rps-gold);}

/* wild on page */
.rps-wild{position:fixed; right:18px; bottom:calc(88px + var(--rps-lift,0px) + env(safe-area-inset-bottom,0px)); z-index:9001;
  display:flex; flex-direction:column; align-items:center; gap:6px; opacity:0; transform:translateY(14px);
  transition:opacity .5s ease, transform .5s ease; pointer-events:none;}
.rps-wild.show{opacity:1; transform:translateY(0); pointer-events:auto;}
.rps-nudge{font-family:var(--rps-pix); font-size:8px; background:rgba(10,6,20,.92); border:1px solid var(--rps-line);
  color:var(--rps-gold); padding:6px 9px; border-radius:999px; max-width:72vw; text-align:center; line-height:1.6;}
.rps-mon{position:relative; cursor:pointer;}
.rps-mon img{height:72px; width:auto; animation:rps-bob 1.3s ease-in-out infinite; filter:drop-shadow(0 6px 7px rgba(0,0,0,.55));}
.rps-wild.leg .rps-mon img{filter:drop-shadow(0 0 9px var(--rps-gold));}
.rps-wild.shiny .rps-mon img{filter:drop-shadow(0 0 8px var(--rps-cyan));}
.rps-spark{position:absolute; top:-4px; right:-6px; font-size:13px; animation:rps-tw .9s infinite;}
.rps-x{position:absolute; top:-6px; left:-8px; width:18px; height:18px; border-radius:50%; border:1px solid var(--rps-line);
  background:var(--rps-panel); color:var(--rps-muted); font-size:11px; line-height:16px; text-align:center; cursor:pointer;}
@keyframes rps-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes rps-tw{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

/* modals */
.rps-modal{position:fixed; inset:0; background:rgba(6,4,14,.74); display:flex; align-items:center; justify-content:center;
  padding:16px; z-index:9100;}
.rps-modal[hidden]{display:none;}

/* catch card */
.rps-catch{position:relative; width:100%; max-width:360px; background:linear-gradient(180deg,var(--rps-panel2),var(--rps-panel));
  border:1px solid var(--rps-line); border-radius:16px; padding:18px; text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.6); font-family:var(--rps-body,inherit);}
.rps-catch h3{font-family:var(--rps-pix); font-size:11px; margin:0 0 12px; color:var(--rps-ink);}
.rps-stage{position:relative; height:176px; border-radius:12px; overflow:hidden; display:flex; align-items:flex-end; justify-content:center;
  background:#1a2a1f; background-size:cover; background-position:center bottom;
  box-shadow:inset 0 0 0 1px var(--rps-line), inset 0 -46px 46px rgba(0,0,0,.4);}
.rps-platform{position:absolute; left:50%; bottom:22px; transform:translateX(-50%); width:150px; height:32px; border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.5), transparent 72%);}
.rps-target{position:absolute; left:50%; bottom:40px; transform:translateX(-50%);}
.rps-target img{height:104px; width:auto; animation:rps-bob 1.3s ease-in-out infinite; filter:drop-shadow(0 5px 4px rgba(0,0,0,.55));}
.rps-ball{position:absolute; left:50%; top:112%; width:30px; height:30px; border-radius:50%; transform:translate(-50%,-50%);
  background:linear-gradient(#ee1515 0 44%,#111 44% 56%,#f6f6f6 56% 100%); box-shadow:0 0 0 2px #111; z-index:3;}
.rps-ball:after{content:""; position:absolute; left:50%; top:50%; width:9px; height:9px; transform:translate(-50%,-50%); border-radius:50%; background:#f6f6f6; box-shadow:0 0 0 2px #111;}
.rps-ball.throw{transition:top .55s cubic-bezier(.3,-.4,.5,1.2);}
.rps-ball.wobble{animation:rps-wob .4s ease-in-out 3;}
@keyframes rps-wob{0%,100%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-18deg)}75%{transform:translate(-50%,-50%) rotate(18deg)}}
.rps-msg{font-family:var(--rps-pix); font-size:9px; line-height:1.7; min-height:18px; margin-top:12px; letter-spacing:.5px; color:var(--rps-ink);}
.rps-msg.good{color:var(--rps-good)} .rps-msg.bad{color:var(--rps-bad)} .rps-msg.shiny{color:var(--rps-cyan)} .rps-msg.leg{color:var(--rps-gold)}
.rps-btn{font-family:var(--rps-pix); font-size:9px; cursor:pointer; border-radius:10px; padding:11px 14px; border:1px solid var(--rps-line); background:var(--rps-panel); color:var(--rps-ink); margin:12px 4px 0;}
.rps-btn.primary{background:linear-gradient(135deg,var(--rps-purple),var(--rps-gold)); color:#120b22; border-color:transparent;}

/* pokedex */
.rps-dex{background:var(--rps-panel); border:1px solid var(--rps-line); border-radius:16px; width:100%; max-width:640px; max-height:86vh; overflow:auto; padding:18px; box-shadow:0 24px 60px rgba(0,0,0,.6);}
.rps-dex-top{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap;}
.rps-dex-top h3{font-family:var(--rps-pix); font-size:13px; margin:0; color:var(--rps-ink);}
.rps-dex-top .sub{color:var(--rps-muted); font-size:12px;}
.rps-filters{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px;}
.rps-chip{font-family:var(--rps-pix); font-size:8px; letter-spacing:.5px; padding:7px 9px; border-radius:999px; border:1px solid var(--rps-line); background:var(--rps-panel2); color:var(--rps-muted); cursor:pointer;}
.rps-chip[aria-pressed="true"]{color:var(--rps-ink); border-color:var(--rps-purplite);}
.rps-chip .sw{display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:5px;}
.rps-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(78px,1fr)); gap:9px;}
.rps-slot{background:var(--rps-panel2); border:1px solid var(--rps-line); border-radius:10px; padding:7px 4px 8px; text-align:center; position:relative;}
.rps-slot .cell{height:50px; display:flex; align-items:center; justify-content:center;}
.rps-slot img{height:46px; width:auto;}
.rps-slot.locked img{filter:brightness(0) saturate(0) opacity(.42);}
.rps-slot .n{font-size:9.5px; color:var(--rps-muted); margin-top:3px; line-height:1.25; word-break:break-word;}
.rps-slot .d{font-family:var(--rps-pix); font-size:6.5px; color:var(--rps-muted);}
.rps-slot .tag{position:absolute; top:5px; left:5px; width:8px; height:8px; border-radius:50%;}
.rps-tcommon{background:#6b7280} .rps-tuncommon{background:var(--rps-cyan)} .rps-trare{background:var(--rps-purplite)} .rps-tlegendary{background:var(--rps-gold)}
.rps-slot.legendary{box-shadow:inset 0 0 0 1px rgba(251,191,36,.5)}
.rps-note{color:var(--rps-muted); font-size:12px; margin:10px 0 0; line-height:1.5;}
@media (prefers-reduced-motion: reduce){ .rp-safari *{animation:none!important;} .rps-ball.throw{transition:none;} }
@media (max-width:480px){
  .rps-wild{right:12px;} .rps-mon img{height:62px;}
  .rps-pill{font-size:9px; padding:8px 11px;}
  .rps-catch{max-width:94vw;} .rps-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));}
}