/* baseline reset (auto-injected) */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; min-height: 100vh; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
ul, ol { list-style: none; }
button { background: none; border: none; cursor: pointer; }
a { color: inherit; text-decoration: none; }

:root{--primary:#E50914;--accent:#FF4D5A;--bg:#05060A;--surface:#12141C;--text:#FFFFFF;--muted:#9AA0AE;--space-md:16px}html,body{background:var(--bg);color:var(--text)}.hidden{display:none !important}.body{position:relative;display:block;width:100%;height:100vh;height:100dvh;overflow:hidden;font-family:-apple-system,Roboto,Helvetica,sans-serif;cursor:pointer;background-color:var(--bg);-webkit-tap-highlight-color:transparent}.overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(5,6,10,.05) 0%,rgba(5,6,10,.45) 60%,rgba(5,6,10,.85) 100%)}.stage{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none;z-index:1}.spinner{width: clamp(84px,14vw,140px);height: clamp(84px,14vw,140px);pointer-events: none;user-select: none;-webkit-user-select: none;filter: none;animation: spin 0.9s linear infinite;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(255,255,255,.08) 60deg, #fff 300deg, #fff 345deg, transparent 360deg);
  border-radius: 50%;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - clamp(6px,1vw,10px)), #000 calc(100% - clamp(6px,1vw,10px) + 0.5px));
  mask: radial-gradient(farthest-side, transparent calc(100% - clamp(6px,1vw,10px)), #000 calc(100% - clamp(6px,1vw,10px) + 0.5px));
}.loading-label{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:center;overflow-wrap:anywhere}.modal{position:fixed;left:50%;bottom:clamp(96px,18vh,170px);transform:translateX(-50%);width:min(92vw,520px);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;z-index:2;background:none}.modal__text-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.modal__img{pointer-events:none;user-select:none;-webkit-user-select:none}.modal__img.bell{width:24px;height:24px;flex:none}.modal__text{min-width:0;overflow-wrap:anywhere;font-size:clamp(16px,2.4vw,20px);font-weight:600;line-height:1.35;text-shadow:0 2px 12px rgba(0,0,0,.9);text-wrap:balance}.modal__btns{display:flex;align-items:center;justify-content:center;gap:12px}.button{min-height:44px;min-width:44px;padding:0 18px;background:none;border:0;color:var(--muted);font:inherit;font-size:16px;font-weight:600;cursor:pointer;text-shadow:0 2px 8px rgba(0,0,0,.9);transition:transform .2s ease,opacity .2s ease}.button--primary{color:var(--text);text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:2px;text-underline-offset:6px}.button:hover{opacity:.85}.button:active{transform:scale(.96)}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.toolbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:44px 20px 16px;background:linear-gradient(to top,rgba(5,6,10,.9),rgba(5,6,10,0));pointer-events:none;z-index:1}.progress{position:absolute;left:20px;right:20px;bottom:64px;height:4px;border-radius:2px;background:rgba(255,255,255,.25)}.bar{width:11%;height:100%;border-radius:2px;background:var(--primary);box-shadow:0 0 10px rgba(229,9,20,.7)}.controls,.settings{display:flex;align-items:center;gap:12px;min-width:0}.control-img{width:24px;height:24px;flex:none;pointer-events:none;user-select:none;-webkit-user-select:none}.time{font-size:13px;color:var(--text);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:768px){.toolbar{padding:56px 32px 22px}.progress{left:32px;right:32px;bottom:76px}.controls,.settings{gap:20px}.control-img{width:28px;height:28px}.time{font-size:15px}}@media (prefers-reduced-motion:reduce){.spinner{animation: spin 0.9s linear infinite;
  height: clamp(84px,14vw,140px);
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(255,255,255,.08) 60deg, #fff 300deg, #fff 345deg, transparent 360deg);
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  filter: none;
  width: clamp(84px,14vw,140px);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - clamp(6px,1vw,10px)), #000 calc(100% - clamp(6px,1vw,10px) + 0.5px));
  mask: radial-gradient(farthest-side, transparent calc(100% - clamp(6px,1vw,10px)), #000 calc(100% - clamp(6px,1vw,10px) + 0.5px));
}.button{transition:none}}

.skip-ad {
  position: absolute;
  right: clamp(16px,6vw,48px);
  top: calc(50% + clamp(70px,12vw,110px));
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0,0,0,.8);
  background: none;
  border: 0;
  padding: 0;
  pointer-events: none;
  user-select: none;
  z-index: 2;
  left: auto;
  white-space: nowrap;
  transform: none;
}

.skip-ad__icon {
  width: 10px;
  height: 10px;
  flex: none;
}

html,
body {
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}