/* Clanker + Base retheme: purple (Clanker) to Base blue #0052FF accents */
:root{--cb-p:#8a5cff;--cb-p2:#6a3df0;--cb-b:#0052ff;--cb-grad:linear-gradient(135deg,#8a5cff 0%,#5a3dff 50%,#0052ff 100%)}
html body .btn.gold,html body .tabs a.play-nav{background:var(--cb-grad)!important;color:#fff!important;box-shadow:0 14px 36px -14px rgba(0,82,255,.8),inset 0 1px 0 rgba(255,255,255,.35)!important;border-color:#7d8bff!important}
.hy-shade{background:linear-gradient(180deg,rgba(40,20,110,.35),rgba(0,30,110,.35) 60%,rgba(8,10,30,.85))!important}
.cb-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:inherit;margin:4px 0}
.cb-b{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;font-weight:900;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.cb-cl{background:linear-gradient(135deg,#8a5cff,#6a3df0);box-shadow:0 0 18px rgba(138,92,255,.55)}
.cb-base{background:#0052ff;box-shadow:0 0 18px rgba(0,82,255,.55)}
.cb-base i{width:11px;height:11px;border-radius:50%;background:#fff;display:inline-block}
.ca-blk{background:linear-gradient(180deg,rgba(26,16,64,.9),rgba(6,14,48,.92))!important;border-color:rgba(122,110,255,.75)!important;box-shadow:0 0 0 1px rgba(11,13,20,.6),0 10px 30px rgba(0,0,0,.45),0 0 28px rgba(0,82,255,.3)!important}
.ca-lbl{color:#b9a8ff!important}.ca-v{border-color:#2a2f6a!important;color:#e6e9ff!important}
.ca-cp{background:var(--cb-grad)!important;border-color:#7d8bff!important;color:#fff!important}
.ca-go{color:#cfd8ff!important;border-color:rgba(0,82,255,.75)!important;background:rgba(0,82,255,.14)!important}
.ca-blk.soon .ca-v{cursor:default;user-select:none;text-align:center;font-family:inherit;font-weight:800;letter-spacing:.04em;color:#cfd8ff!important}
/* v2: CA live, animated blue/purple glowing border */
@property --cbA{syntax:"<angle>";initial-value:0deg;inherits:false}
#caBlock.ca-blk{border:2px solid transparent!important;background:linear-gradient(180deg,rgba(26,16,64,.94),rgba(6,14,48,.95)) padding-box,conic-gradient(from var(--cbA),#0052ff,#8a5cff,#0052ff,#8a5cff,#0052ff) border-box!important;animation:cbSpin 4s linear infinite,cbGlow 2.4s ease-in-out infinite alternate}
@keyframes cbSpin{to{--cbA:360deg}}
@keyframes cbGlow{from{box-shadow:0 0 18px rgba(0,82,255,.55),0 0 42px rgba(0,82,255,.25)}to{box-shadow:0 0 22px rgba(138,92,255,.7),0 0 52px rgba(138,92,255,.3)}}
#caBlock .ca-lbl{color:#fff!important;font-size:13.5px}
#caBlock .cb-badges{margin:0}#caBlock .cb-b{padding:4px 10px;font-size:11px}
@media(prefers-reduced-motion:reduce){#caBlock.ca-blk{animation:none}}
/* v3 FLASHY: Clanker purple + Base blue flagship theme */
:root{--p-bg:#04050f;--p-bg2:#070a1f;--cb-cy:#5ec8ff}
html body{background:radial-gradient(900px 600px at 15% 0%,rgba(0,82,255,.22),transparent 60%),radial-gradient(900px 700px at 90% 20%,rgba(138,92,255,.2),transparent 60%),radial-gradient(800px 600px at 50% 100%,rgba(60,40,200,.18),transparent 60%),linear-gradient(180deg,#070a1f,#04050f 40%)!important;background-attachment:fixed!important}
body::before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 30% at 20% 30%,rgba(0,82,255,.28),transparent 70%),radial-gradient(35% 30% at 80% 60%,rgba(138,92,255,.26),transparent 70%),radial-gradient(30% 25% at 50% 90%,rgba(94,200,255,.14),transparent 70%);filter:blur(30px);animation:cbAur 18s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(120,140,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,255,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%)}
@keyframes cbAur{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(4%,-3%,0) rotate(8deg)}100%{transform:translate3d(-4%,3%,0) rotate(-6deg)}}
header.top{background:rgba(6,8,26,.6)!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(110,120,255,.22)!important;box-shadow:0 1px 0 rgba(0,82,255,.25),0 10px 30px -18px rgba(0,82,255,.6)}
/* hero */
.hy-shade{background:linear-gradient(90deg,rgba(4,5,20,.78) 0%,rgba(10,10,50,.35) 45%,transparent 70%),linear-gradient(180deg,rgba(30,20,110,.25),rgba(0,30,120,.2) 55%,#04050f 100%)!important}
.hy-t2{background:linear-gradient(100deg,#ffffff 0%,#b8c8ff 25%,#5ec8ff 45%,#8a5cff 70%,#0052ff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 22px rgba(0,82,255,.55)) drop-shadow(0 0 40px rgba(138,92,255,.35))!important;animation:cbTxt 6s ease-in-out infinite alternate}
.hy-t1{color:#9fb6ff!important;text-shadow:0 0 14px rgba(0,82,255,.8)}
@keyframes cbTxt{to{background-position:100% 0}}
.hy-soon{border-color:rgba(138,92,255,.6)!important;box-shadow:0 0 16px rgba(138,92,255,.4);color:#dcd2ff!important}
.hy-prize{background:rgba(12,14,44,.55)!important;border:1px solid rgba(110,120,255,.35)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hy-x{background:rgba(12,14,44,.6)!important;border-color:rgba(110,120,255,.35)!important}
/* buttons: neon + shine */
html body .btn.gold,html body .btn.blue{position:relative;overflow:hidden;background:linear-gradient(120deg,#0052ff,#5a3dff 50%,#8a5cff)!important;color:#fff!important;border:1px solid rgba(170,180,255,.55)!important;box-shadow:0 0 0 1px rgba(0,82,255,.3),0 0 24px rgba(0,82,255,.55),0 0 48px rgba(138,92,255,.35),inset 0 1px 0 rgba(255,255,255,.35)!important;text-shadow:0 1px 6px rgba(0,0,40,.5);transition:transform .2s,box-shadow .2s}
html body .btn.gold::before,html body .btn.blue::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:cbShine 3.6s ease-in-out infinite;pointer-events:none}
html body .btn.gold:hover,html body .btn.blue:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,82,255,.4),0 0 34px rgba(0,82,255,.75),0 0 70px rgba(138,92,255,.5)!important}
@keyframes cbShine{0%,55%{left:-60%}85%,100%{left:130%}}
.hy-join{animation:cbPulse 2.6s ease-in-out infinite}
@keyframes cbPulse{50%{box-shadow:0 0 0 1px rgba(0,82,255,.4),0 0 36px rgba(0,82,255,.8),0 0 70px rgba(138,92,255,.55)}}
/* cards: glass + glowing borders */
.pk-card,.p-card,.step,.dm-step,.modal .box{background:linear-gradient(160deg,rgba(24,28,80,.55),rgba(8,10,34,.7))!important;border:1px solid rgba(120,130,255,.35)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(0,82,255,.12),0 20px 50px -25px rgba(0,82,255,.6),0 0 30px -10px rgba(138,92,255,.4)!important;transition:transform .25s,box-shadow .25s}
.pk-card:hover,.p-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(138,92,255,.6),0 0 40px rgba(0,82,255,.45),0 0 70px -10px rgba(138,92,255,.6)!important}
.pk-bot{filter:drop-shadow(0 0 14px rgba(94,140,255,.55))}
.sec-h h2,.pk-h3,.pk-head h2,.p-pill h2,.peek h2{background:linear-gradient(90deg,#fff,#9fb6ff 40%,#8a5cff 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kick,.pk-kick,.pk-tag{color:#8fb0ff!important}
.p-foot{background:rgba(4,5,18,.7)!important;border-top:1px solid rgba(110,120,255,.25)!important}
/* CA box near top: bigger */
#caBlock.ca-blk{max-width:600px}
@media(max-width:700px){body::before{filter:blur(20px);animation-duration:26s}.hy-t2{animation:none}}
@media(prefers-reduced-motion:reduce){body::before,.hy-t2,.hy-join,html body .btn.gold::before,html body .btn.blue::before{animation:none!important}}
/* v3b specificity fixes */
html body .hy-t2{background:linear-gradient(100deg,#ffffff 0%,#c4d2ff 22%,#5ec8ff 45%,#8a5cff 72%,#3d6bff 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 0 18px rgba(0,82,255,.6)) drop-shadow(0 0 36px rgba(138,92,255,.35))!important;text-shadow:none!important}
html body .pk-head h2,html body .sec-h h2,html body .dm-head h2,html body .pk-h3,html body .peek h2,html body #peekH{background:linear-gradient(90deg,#ffffff,#b4c4ff 45%,#9a7cff 85%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
html body .kick,html body .pk-kick,html body .pk-tag,html body .p-card-go,html body .sec-h .kick{color:#8fb0ff!important}
