/* main-block.css — блок элементов для размещения в зоне (целиком, без дробления зоны).
   Два отдельных div: часы (центр зоны right), реклама (низ зоны). */
.main-block{
  position:relative;
  backface-visibility:hidden;
  pointer-events:auto;
  height:100%;
  width:100%;
  box-sizing:border-box;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  min-height:0;
}
/* блок часов — строго по центру зоны right (геометрический центр) */
.mb-clock{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  display:flex;
  align-items:center;
  justify-content:center;
  border:var(--bw) solid #ff9f0a;
  border-radius:14px;
  padding:12px 20px;
}
.mb-clock .time{
  font:600 clamp(40px,12vw,120px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
  color:#ffffff;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
/* блок рекламы — прижат к низу зоны right */
.mb-ad{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  border:var(--bw) solid #30d158;
  border-radius:10px;
}
/* кнопка настроек — отдельный блок вверху, привязан к стороне зоны */
.mb-settings{
  position:absolute;
  top:12px;
  width:60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:33px;
  color:#e9e9ea;
  background:transparent;
  border:var(--bw) solid #ff9f0a;
  border-radius:14px;
  cursor:pointer;
  pointer-events:auto;
  z-index:10;
  opacity:0;
  visibility:hidden;
  transition:opacity .4s ease, visibility .4s ease;
}
.mb-settings.show{ opacity:1; visibility:visible; }
.mb-settings.side-right{ right:12px; }
.mb-settings.side-left{ left:12px; }
.mb-settings.active{ background:transparent; }
.mb-ad .ad-text{
  font:400 11px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
  color:rgba(255,255,255,.4);
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* подпись версии под кнопкой настроек */
.mb-version{
  display:none;
  position:absolute;
  top:80px;
  font-size:11px;
  font-weight:600;
  color:rgba(255,255,255,.55);
  letter-spacing:.04em;
  pointer-events:none;
  z-index:10;
}
.mb-version.side-right{ right:12px; }
.mb-version.side-left{ left:12px; }