.count-card{padding:22px 14px 18px;background:radial-gradient(ellipse at 50% 46%,#4e25184a,transparent 65%),linear-gradient(150deg,#192321,#0a100f);color:#f0dfbf;border:1px solid #af884957;box-shadow:inset 0 0 40px #030706,0 15px 40px #0004;text-align:center;isolation:isolate}.count-card:after{display:none}.count-card .count-label{font-size:10px;color:#dabb83;letter-spacing:.23em}.fire-dial{position:relative;width:min(100%,310px);aspect-ratio:1;margin:-2px auto -3px;background:radial-gradient(circle,#0a110fe8 0 43%,#0a110f22 63%,transparent 70%),url('assets/wheel.webp') center/78% no-repeat}.dial-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 4px #ed761a77)}.dial-flame{transform-origin:0 4px;animation:dial-flicker var(--speed) ease-in-out var(--delay) infinite alternate}.dial-center{position:absolute;inset:26% 12%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.dial-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#beaa84;white-space:nowrap}.count-card .clock{display:flex;gap:9px;margin:0;width:100%;justify-content:center;font-size:30px;line-height:1}.dial-unit{min-width:34px}.dial-unit b{font-family:var(--display);font-weight:800;text-shadow:0 0 16px #d9964c55}.dial-unit small{display:block;font:600 8px/1 var(--body);text-transform:uppercase;letter-spacing:.08em;color:#a68c66;margin-top:8px}.dial-date{font-size:9px;line-height:1.7;letter-spacing:.12em;color:#d5b97e}.dial-call{font:italic 13px/1.5 Georgia,serif;color:#ccb899}.count-card .link-btn{margin-top:8px;font-size:12px}.dial-ember{position:absolute;width:3px;height:5px;border-radius:50%;background:#ffd98a;box-shadow:0 0 9px #ff7c1e;left:23%;bottom:22%;animation:dial-ember 3.8s linear infinite;pointer-events:none}.dial-ember.e2{left:76%;animation-delay:-1.6s}.dial-ember.e3{left:54%;animation-delay:-2.8s}.episode-card{position:relative;overflow:hidden;background:linear-gradient(110deg,#0b1512f5,#18211de3),url('assets/tribal-council-camp.webp') center/cover;gap:18px}.episode-card:before{content:'';position:absolute;left:0;top:12%;bottom:12%;width:2px;background:linear-gradient(transparent,#ee9d43,transparent);box-shadow:0 0 17px #d78238}.episode-card .ep-number{font-size:54px}.episode-card h3{font-size:21px;margin-top:8px}.episode-until{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid #ad875036;font-size:10px;color:#b5a486;text-transform:uppercase;letter-spacing:.08em}.episode-until strong{font-size:19px;color:#efcb87;font-variant-numeric:tabular-nums}.count-card.last-day{border-color:#e48b48;box-shadow:inset 0 0 45px #ac361522,0 0 35px #e2751520}.last-day .dial-art{filter:drop-shadow(0 0 7px #f37b2999)}.last-day .dial-kicker{color:#ffb77c}.sealed .dial-flame{opacity:.25;animation:none}.sealed .dial-ember{display:none}.dial-locked{font-size:29px;line-height:1.05;color:#d9bb84}.hero-side{grid-template-rows:auto auto}
@keyframes dial-flicker{0%{transform:scale(.72,.8) rotate(-5deg);opacity:.66}45%{transform:scale(.91,1.07) rotate(4deg);opacity:.9}100%{transform:scale(.8,.92) rotate(-2deg);opacity:.76}}@keyframes dial-ember{0%{transform:translate(0,0);opacity:0}15%{opacity:.8}70%{opacity:.4}100%{transform:translate(18px,-150px);opacity:0}}
@media(prefers-reduced-motion:reduce){.dial-flame,.dial-ember{animation:none}.dial-ember{display:none}}

/* Live numerals sit over the four blank stone panels in the supplied scene. */
.count-card{container-type:inline-size;padding:16px 0;background:#080f11;border-color:#81623e80;overflow:hidden}
.count-card .count-label{font-size:14px;letter-spacing:.12em;padding:0 12px;color:#e2c598}
.island-countdown{position:relative;aspect-ratio:3/2;background:url('assets/countdown-island.webp') center/100% 100% no-repeat;margin-top:8px}
.island-countdown .dial-kicker{position:absolute;left:22%;right:13%;top:34.5%;text-align:center;font-size:clamp(8px,2.5cqi,16px);letter-spacing:.08em;color:#cfb38b}
.count-card .clock{position:absolute;left:21%;right:14%;top:42%;height:23%;width:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2%;font-size:clamp(22px,8cqi,60px);align-items:center}
.dial-unit{min-width:0;text-align:center}.dial-unit b{color:#d9bb8c;text-shadow:1px 2px 2px #000;font-variant-numeric:tabular-nums}.dial-unit small{font-size:clamp(8px,2.4cqi,14px);letter-spacing:.02em;margin-top:5px;color:#d2b58b}
.island-countdown .dial-date{position:absolute;top:72%;left:17%;right:10%;font-size:clamp(8px,2.3cqi,14px);color:#d1b68d;text-shadow:0 2px 4px #000}
.count-card .dial-call{padding:0 14px;font-size:14px;margin-top:4px}.count-card .link-btn{font-size:14px}
.clock .dial-locked{grid-column:1/-1;font-size:clamp(20px,6cqi,44px)}.count-card.last-day{box-shadow:0 0 28px #e275152b}

/* One integrated surface: art fades into the card, all supporting copy sits below it. */
.count-card{padding:0 0 20px;background:#081113;box-shadow:inset 0 0 25px #0005,0 12px 28px #0003}
.island-countdown{aspect-ratio:1.85;margin:0;background-size:100% auto;background-position:center top;mask-image:linear-gradient(#000 0 82%,transparent 100%);overflow:hidden}
.island-countdown .dial-kicker{top:42.4%;font-size:clamp(9px,2.55cqi,17px);letter-spacing:.05em;font-weight:600;text-shadow:0 1px 4px #000}
.count-card .clock{top:51.8%;height:28.4%}.countdown-details{position:relative;margin-top:-4px;padding:0 16px}.countdown-details .dial-date{display:block;font-size:12px;letter-spacing:.07em;line-height:1.7;color:#cbb792}.countdown-details .dial-call{padding:0;margin-top:12px;font-size:15px}.countdown-details .link-btn{margin-top:12px}
.countdown-fire{position:absolute;left:0;top:0;width:100%;height:123.34%;background:url('assets/countdown-island.webp') center/100% 100% no-repeat;pointer-events:none;will-change:transform,opacity;animation:countdown-burn 1.6s ease-in-out infinite alternate;transform-origin:12% 27%;mask-image:radial-gradient(ellipse 9% 20% at 12% 12%,#000 40%,transparent 90%)}
.countdown-fire.fire-right{transform-origin:94% 31%;mask-image:radial-gradient(ellipse 8% 18% at 94% 18%,#000 40%,transparent 90%);animation-delay:-.7s;animation-duration:1.2s}
@keyframes countdown-burn{0%{transform:scale(1,.96) skewX(-.6deg);opacity:.65;filter:brightness(1.05)}45%{opacity:.95;filter:brightness(1.4)}100%{transform:scale(1.025,1.04) skewX(.6deg);opacity:.9;filter:brightness(1.15)}}
@media(prefers-reduced-motion:reduce){.countdown-fire{animation:none;will-change:auto}}
