*{box-sizing:border-box}
:root{--bg:#050505;--text:#f2f2f2;--muted:#525252}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}
body{display:grid;place-items:center;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
.countdown{width:100%;display:grid;place-items:center}
.time{display:flex;align-items:flex-start;justify-content:center;gap:22px}
.unit{width:150px;text-align:center}
.unit strong{display:block;font-size:clamp(64px,7vw,118px);line-height:.9;font-weight:650;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.unit span{display:block;margin-top:15px;color:var(--muted);font-size:10px;line-height:1;font-weight:700;letter-spacing:.18em}
.time>i{padding-top:2px;color:#292929;font-size:clamp(58px,6.2vw,102px);line-height:.9;font-style:normal;font-weight:300}
@media(max-width:900px){.time{gap:10px}.unit{width:95px}.unit span{margin-top:10px;font-size:8px}}
@media(max-width:520px){.time{gap:5px}.unit{width:72px}.unit strong{font-size:42px}.time>i{font-size:38px}.unit span{font-size:6px;letter-spacing:.12em}}


/* Interaction blocking */
html,body,.countdown,.time,.unit,.unit strong,.unit span{
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  -ms-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}

body{
  cursor:default;
}