/* Beta countdown plate (countdown.js). Loads after the inline landing skin; uses its --bframe / --anchor
   variables (defined on .s2) and the cinematic palette (--c-*, --fd, --fb, --fs).
   `[hidden]` is spelled out here: this project has no global .hidden/[hidden] rule that survives a display
   declaration (see feedback_menu_css_important_breaks_hidden). */
.cd[hidden],.cd [hidden]{display:none!important}
.cd{--cd-gold:#f6e3a1;--cd-edge:rgba(201,151,63,.55);
  position:relative;z-index:5;box-sizing:border-box;width:min(560px,100% - 32px);margin:0 auto 18px;padding:10px 10px 8px;
  /* Oyunun kendi ince altın köşe süslü çerçevesi (anasayfa ui-kit/frame-9slice.png). */
  border:20px solid transparent;border-image:url(ui-kit/frame-9slice.png) 52 / 20px / 0 stretch;
  background:linear-gradient(180deg,rgba(34,22,12,.9),rgba(11,7,4,.94));background-clip:border-box;
  box-shadow:0 26px 60px rgba(0,0,0,.75),0 0 60px rgba(224,89,30,.12);
  color:var(--c-text);text-align:center;text-shadow:0 1px 2px #000}
.cd::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,rgba(224,89,30,.22),transparent 62%)}
.cd > *{position:relative}
.cd-count{display:grid;gap:12px;justify-items:center}
.cd .st-kicker{justify-content:center;margin:0}
.cd .st-kicker::after{flex-basis:44px;background:linear-gradient(90deg,#e0591e,transparent)}
.cd-clock{display:flex;align-items:stretch;justify-content:center;gap:clamp(6px,1.6vw,14px);width:100%}
.cd-cell{display:grid;gap:6px;justify-items:center;align-content:center;flex:1 1 0;max-width:112px;min-width:0;padding:10px 4px 9px;
  border:1px solid var(--cd-edge);border-radius:2px;
  background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(32,20,10,.55));
  box-shadow:inset 0 0 0 1px rgba(239,226,196,.06),inset 0 -10px 18px rgba(224,89,30,.07),0 6px 12px rgba(0,0,0,.55)}
.cd-num{display:block;font:900 clamp(28px,3.1vw,44px)/1 var(--fd);letter-spacing:.02em;font-variant-numeric:tabular-nums lining-nums;
  color:var(--cd-gold);text-shadow:0 2px 0 #5c4416,0 0 18px rgba(240,170,60,.28)}
.cd-lab{display:block;max-width:100%;padding-block:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  --sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;
  font:600 var(--font-caption, 13.538462px)/1.45 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--c-muted)}
.cd-sep{flex:none;align-self:center;display:grid;gap:9px;width:5px}
.cd-sep::before,.cd-sep::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--c-ember-hi);box-shadow:0 0 8px rgba(255,154,60,.7)}
.cd-when{margin:0;font:italic 500 var(--font-body, 16px)/1.3 var(--fs);color:var(--c-muted);text-wrap:balance}
.cd-done{display:grid;gap:10px;justify-items:center}
.cd-done-title{margin:0;font:900 clamp(26px,2.6vw,36px)/1.1 var(--fd);color:var(--cd-gold);text-shadow:0 2px 0 #5c4416,0 10px 30px rgba(0,0,0,.9)}
.cd-done-text{margin:0;font:italic 500 var(--font-subtitle, 18.461538px)/1.3 var(--fs);color:var(--c-parch)}
/* Açılış bildirimi: tıklanamaz, yalnız uyarı (düğme değil). */
.cd-notice{margin:6px 0 0;padding:9px 26px;border:1px solid var(--cd-edge);background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(239,226,196,.06);
  font:700 var(--font-body, 16px)/1.2 var(--fd);letter-spacing:.22em;text-transform:uppercase;color:var(--cd-gold);text-shadow:0 1px 0 #5c4416;
  pointer-events:none;user-select:none;cursor:default}
.cd-live{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Desktop: the plate floats on the sea between the story column and the login board. */
@media (min-width:1001px){
  #outside.s2 .cd{position:absolute;margin:0;width:auto;max-width:600px;
    top:276px;left:calc(max(24px,calc((100% - 1280px)/4)) + 372px + clamp(40px,4.5vw,72px));
    right:max(24px,calc((100% - 1280px)/4))}
}
@media (min-width:1001px) and (max-width:1439px){
  /* Under the login board (its height changes with the language, so keep clear of it), story nudged down. */
  #outside.s2 .cd{top:276px;padding:6px 8px 6px;border-width:15px;border-image-width:15px}
  html.cd-on #outside .s2-story{top:440px}
  .cd-clock{gap:6px}
  .cd-sep{width:3px;gap:7px}
  .cd-sep::before,.cd-sep::after{width:3px;height:3px}
  .cd-count{gap:7px}
  .cd-cell{padding:5px 4px 4px;gap:2px}
  .cd-num{font-size:30px}
  .cd-when{font-size:var(--font-caption, 13.538462px)}
}
@media (min-width:1440px){
  #outside.s2 .cd{top:104px;right:calc(max(24px,calc((100% - 1280px)/4)) + 344px + 36px)}
}
/* Phones and tablets: in flow, right above the hanging board. */
@media (max-width:1000px){
  /* The board's chains end behind the plate, so it reads as one hanging sign. */
  #outside.s2 .cd{margin:0 auto 44px;width:min(400px,100% - 32px)}
}
@media (max-width:480px){
  #outside.s2 .cd{padding:6px 4px 6px;border-width:13px;border-image-width:13px}
  .cd-count{gap:8px}
  .cd-clock{gap:6px}
  .cd-sep{display:none}
  .cd-cell{padding:6px 2px 4px;gap:2px}
  .cd-num{font-size:30px}
  .cd-cell{container-type:inline-size}
  .cd-lab{letter-spacing:0;text-transform:none;font-size:12px;font-size:min(12px,14cqi)}
  .cd .st-kicker{letter-spacing:.2em}
  .cd .st-kicker::after{display:none}
}

/* Beta is open: the register button is the thing to press. */
html.beta-open #regBtn{filter:brightness(1.12) saturate(1.1);animation:cd-beat 1.6s ease-in-out infinite}
html.beta-open #regBtn::after{animation-duration:2.2s}
@keyframes cd-beat{50%{filter:brightness(1.3) saturate(1.2)}}
.cd[data-state="open"]::before{background:radial-gradient(ellipse at 50% 120%,rgba(224,89,30,.4),transparent 66%)}

/* Calm mode: the system preference and the site's own pause button both stop the pulsing. */
@media (prefers-reduced-motion:reduce){
  html.beta-open #regBtn{animation:none;filter:brightness(1.15) saturate(1.1)}
  html.beta-open #regBtn::after{animation:none}
}
html.scene-paused.beta-open #regBtn{animation:none;filter:brightness(1.15) saturate(1.1)}
html.scene-paused.beta-open #regBtn::after{animation:none}