/* ==========================================================================
   STARTER PACK — janela de compra "Relicário Dourado" (29/09, opção A escolhida)
   Só visual: os textos, o item e as recompensas saem do mesmo showStarterRewardModal()
   do game.js. Luz gira devagar atrás do item; nada de tremer a tela.
   ========================================================================== */
#starterRewardModal{background:radial-gradient(circle at 50% 40%,rgba(60,44,12,.55),rgba(4,6,10,.92) 70%)!important}
#starterRewardModal .starter-reward-card{position:relative;width:min(500px,calc(100vw - 28px))!important;padding:22px 28px 20px!important;border-radius:18px!important;border:1px solid #d7a94a!important;
 background:radial-gradient(circle at 50% 22%,rgba(255,206,110,.16),transparent 38%),linear-gradient(180deg,#1d1810 0%,#11100c 55%,#0c0d10 100%)!important;
 scrollbar-width:thin;scrollbar-color:#6b5423 transparent;box-shadow:0 0 0 4px #0d0b07,0 0 0 5px rgba(215,169,74,.45),0 40px 120px rgba(0,0,0,.85),0 0 70px rgba(230,176,62,.22)!important;animation:srEntrar .45s cubic-bezier(.2,.9,.3,1.15) both}
#starterRewardModal .starter-reward-card::before,#starterRewardModal .starter-reward-card::after{content:"";position:absolute;width:14px;height:14px;top:10px;border:2px solid #e8bd5c;transform:rotate(45deg);background:#1a150c;box-shadow:0 0 10px rgba(232,189,92,.5)}
#starterRewardModal .starter-reward-card::before{left:10px}#starterRewardModal .starter-reward-card::after{right:10px}
#starterRewardModal .starter-reward-overline{display:inline-block;padding:6px 18px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(232,189,92,.18),transparent);border-top:1px solid rgba(232,189,92,.35);border-bottom:1px solid rgba(232,189,92,.35);color:#f1cd78;font-size:calc(10px * var(--text-scale, 1));letter-spacing:2.2px}
#starterRewardModal .starter-reward-rays{position:relative;width:160px;height:140px;margin:2px auto 0;background:none;border-radius:50%}
#starterRewardModal .starter-reward-rays::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,213,110,.20) 0 6deg,transparent 6deg 15deg);-webkit-mask:radial-gradient(circle,#000 25%,transparent 70%);mask:radial-gradient(circle,#000 25%,transparent 70%);animation:srGirar 26s linear infinite}
#starterRewardModal .starter-reward-rays::after{content:"";position:absolute;left:50%;bottom:8px;width:120px;height:26px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,210,110,.55),rgba(255,180,60,.12) 55%,transparent 72%)}
#starterRewardModal .starter-reward-rays img{position:relative;z-index:1;width:104px;height:104px;filter:drop-shadow(0 0 18px rgba(255,214,120,.55)) drop-shadow(0 14px 12px rgba(0,0,0,.6));animation:srItem .6s .15s cubic-bezier(.2,.9,.3,1.3) both}
#starterRewardModal .starter-reward-card h2{margin:2px 0 0;font-size:calc(26px * var(--text-scale, 1));line-height:1.2;color:#f6d47e;text-shadow:0 2px 0 rgba(0,0,0,.65),0 0 18px rgba(240,195,90,.28);text-wrap:balance}
#starterRewardModal .starter-reward-rarity{display:inline-block;margin:8px auto 10px;padding:5px 14px;border:1px solid #3f9f76;background:linear-gradient(145deg,rgba(25,94,67,.35),#15211c);color:#8affc5;font-size:calc(10px * var(--text-scale, 1));letter-spacing:1.4px}
#starterRewardModal .sr-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 12px}
#starterRewardModal .sr-chip{padding:5px 9px;border-radius:8px;border:1px solid #3a3326;background:#17150f;color:#e9e1c7;font-size:calc(11.5px * var(--text-scale, 1));font-weight:800}
#starterRewardModal .sr-chip.wide{flex-basis:100%;font-weight:700}
#starterRewardModal .sr-chip.bonus{border-color:#6b5423;background:linear-gradient(180deg,#2a2112,#1a150c);color:#ffd36e}
#starterRewardModal .sr-track:empty{display:none}
#starterRewardModal .sr-track{display:flex;align-items:center;justify-content:center;gap:0;margin:2px auto 12px}
#starterRewardModal .sr-track i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #4a4130;background:#15130e;color:#6e6552;font:900 calc(10px * var(--text-scale, 1)) Georgia,serif;font-style:normal}
#starterRewardModal .sr-track b{width:22px;height:2px;background:#3a3326}
#starterRewardModal .sr-track i.ok{border-color:#e2b758;background:linear-gradient(180deg,#f4d27a,#b8862c);color:#1b1408}
#starterRewardModal .sr-track b.ok{background:#c99b3e}
#starterRewardModal .sr-track i.agora{box-shadow:0 0 0 3px rgba(242,201,106,.25),0 0 16px rgba(242,201,106,.6)}
#starterRewardModal .sr-track i.prox{border-color:#8affc5;color:#8affc5;animation:srPulsar 1.8s ease-in-out infinite}
#starterRewardModal .starter-reward-status{padding:10px 12px;border:1px solid #3a3326;border-left:3px solid #e2b758;border-radius:10px;background:#141310;color:#bdb5a0;font-size:calc(11px * var(--text-scale, 1))}
#starterRewardModal .starter-reward-status strong{color:#f3d58a}
#starterRewardModal .starter-reward-status.equipped{border-color:#2f6a51;border-left-color:#6ff0b0;background:#12211a;color:#a4e8c3}
#starterRewardModal .starter-reward-next{display:flex;flex-direction:column;gap:3px;margin-top:10px;padding:11px 14px;border-radius:10px;border:1px dashed rgba(138,255,197,.45);background:linear-gradient(90deg,rgba(40,120,90,.14),rgba(40,120,90,.04));text-align:center}
#starterRewardModal .starter-reward-next.hidden{display:none}
#starterRewardModal .starter-reward-next-label{color:#8affc5;font-size:calc(9.5px * var(--text-scale, 1));font-weight:900;letter-spacing:1.4px}
#starterRewardModal .starter-reward-next strong{color:#fff;font-size:calc(14px * var(--text-scale, 1))}
#starterRewardModal .starter-reward-actions{grid-template-columns:1fr 1.3fr;gap:10px;margin-top:16px}
#starterRewardModal .starter-reward-actions button{min-height:46px;border-radius:10px;font-size:calc(11px * var(--text-scale, 1));letter-spacing:1.2px;font-weight:950}
#starterRewardModal #starterRewardInventoryButton{background:transparent;border:1px solid #8a6a2c;color:#f1cd78}
#starterRewardModal #starterRewardCloseButton{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffd978,#d9a23c 55%,#b27c24);color:#1d1406;box-shadow:0 6px 18px rgba(217,162,60,.35),inset 0 1px 0 rgba(255,255,255,.5)}
#starterRewardModal #starterRewardCloseButton::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);animation:srBrilho 2.8s 1s ease-in-out infinite}
@keyframes srEntrar{from{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:none}}
@keyframes srItem{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes srGirar{to{transform:rotate(360deg)}}
@keyframes srPulsar{50%{box-shadow:0 0 12px rgba(138,255,197,.55)}}
@keyframes srBrilho{0%{left:-60%}40%,100%{left:130%}}
@media(max-width:560px){#starterRewardModal .starter-reward-card{padding:16px 16px 14px!important}#starterRewardModal .starter-reward-overline{font-size:calc(9px * var(--text-scale, 1));letter-spacing:1.4px;padding:5px 12px}#starterRewardModal .starter-reward-rays{width:120px;height:112px}#starterRewardModal .starter-reward-rays img{width:80px;height:80px}#starterRewardModal .starter-reward-card h2{font-size:calc(21px * var(--text-scale, 1))}#starterRewardModal .starter-reward-rarity{margin:6px auto 8px}#starterRewardModal .sr-chip{padding:4px 8px;font-size:calc(10.5px * var(--text-scale, 1))}#starterRewardModal .sr-chips{gap:4px;margin-bottom:10px}#starterRewardModal .sr-track:empty{display:none}
#starterRewardModal .sr-track{margin-bottom:10px}#starterRewardModal .sr-track i{width:24px;height:24px}#starterRewardModal .sr-track b{width:14px}#starterRewardModal .starter-reward-status{font-size:calc(10px * var(--text-scale, 1));padding:8px 10px}#starterRewardModal .starter-reward-next{padding:8px 10px;margin-top:8px}#starterRewardModal .starter-reward-next strong{font-size:calc(12.5px * var(--text-scale, 1))}#starterRewardModal .starter-reward-actions{margin-top:12px}#starterRewardModal .starter-reward-actions button{min-height:42px;font-size:calc(10px * var(--text-scale, 1));letter-spacing:.6px;padding:8px}}

/* Tela baixa (celular deitado): o cartão rola por dentro (responsivo.css); aqui a arte encolhe junto. */
@media(max-height:600px){#starterRewardModal .starter-reward-card{padding:14px 18px 14px!important}#starterRewardModal .starter-reward-rays{width:110px;height:96px}#starterRewardModal .starter-reward-rays img{width:66px;height:66px}#starterRewardModal .starter-reward-card h2{font-size:calc(20px * var(--text-scale, 1))}}
@media (prefers-reduced-motion:reduce){#starterRewardModal .starter-reward-card,#starterRewardModal .starter-reward-rays img,#starterRewardModal .starter-reward-rays::before,#starterRewardModal .sr-track i.prox,#starterRewardModal #starterRewardCloseButton::after{animation:none!important}}