/* ===== Predator9 theme: ice-crystal holographic — navy, ice-blue, pastel pink, gold accents =====
   Loaded after style.css. To theme another site, swap this file only. */
:root{
  --gold:#f5c84c; --gold2:#e0a92a;
  --ice:#6fdcff; --pink:#ff9fd8; --navy:#060f24; --navy2:#0c1d45;
  --btn:linear-gradient(90deg,#ffb6e1 0%,#9fe6ff 100%); --btn-text:#0a1633;
  --card:rgba(120,190,255,.07); --line:rgba(160,215,255,.25); --muted:rgba(225,236,255,.75);
}
html{background:var(--navy)}
body::before{
  background:url('/img/bg-pd9.jpg') center/cover no-repeat,
  radial-gradient(ellipse at 50% -10%,rgba(111,220,255,.30),transparent 55%),
  radial-gradient(ellipse at 100% 100%,rgba(255,159,216,.18),transparent 50%),
  linear-gradient(160deg,#0c1d45 0%,#081634 45%,#050c1e 100%)}
.card{border-color:rgba(140,210,255,.28);background:rgba(10,24,60,.55)}
.hero-icon,.btn svg{color:var(--ice)}
.brand span{background:var(--btn);-webkit-background-clip:text;background-clip:text;color:transparent}
input{background:rgba(0,10,30,.35)} input:focus{outline-color:var(--ice)}
.btn.primary{background:var(--btn);color:var(--btn-text)}
.week,.est-box,.notif,.recent li{background:rgba(0,8,28,.45)}
.notif.hot{background:var(--btn);color:var(--btn-text)} .notif.hot .muted{color:#24345e}
.notif .mini{background:var(--navy);color:#fff}
.notif .bar i,.next-goal .bar i{background:var(--btn)}
.countdown{background:var(--btn);-webkit-background-clip:text;background-clip:text;color:transparent}
.recent li b{color:var(--ice)}
.reward{background:linear-gradient(180deg,rgba(12,30,74,.75),rgba(5,12,32,.9));border-color:rgba(140,210,255,.35)}
.reward img{background:var(--navy)}
.reward .cost{color:var(--gold)}
.reward .act .btn{background:var(--btn);color:var(--btn-text)}
.reward.ready{border-color:var(--ice);box-shadow:0 0 0 2px var(--ice),0 0 26px rgba(111,220,255,.45)}
.badge{background:var(--btn);color:var(--btn-text)}
.pos{color:#9fe6ff} .st.ok{background:rgba(111,220,255,.22)} .st.wait{background:rgba(245,200,76,.22)}
dialog .card{background:linear-gradient(160deg,#16306b,#081634)}
#toast{background:#0c1d45;border:1px solid rgba(140,210,255,.35)}
.livechat{background:var(--btn);color:var(--btn-text)}
.tabs button.on{background:rgba(111,220,255,.2)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(111,220,255,.5)}50%{box-shadow:0 0 0 8px rgba(111,220,255,0)}}
@keyframes flash{50%{box-shadow:0 0 0 3px var(--ice)}}

/* brand readable over the bright background corner */
.brand{background:rgba(6,15,36,.72);padding:8px 14px;border-radius:999px;border:1px solid rgba(140,210,255,.3);backdrop-filter:blur(6px);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.top .btn.ghost{background:rgba(6,15,36,.6);backdrop-filter:blur(6px)}


.game-card{border-color:rgba(140,210,255,.35);background:rgba(10,24,60,.55)}
#gameDlg .card{background:linear-gradient(160deg,#16306b,#081634)}
.ci-day.today{border-color:var(--ice);box-shadow:0 0 12px rgba(111,220,255,.5)}

.game-banner{border-color:rgba(140,210,255,.35)}
.ptabs{background:rgba(6,15,36,.7);border-color:rgba(140,210,255,.3)}