.hz-counter{--hz-blue:#5dcee4;--hz-ink:#101820;--hz-yellow:#ffeb59;background:var(--hz-blue);color:var(--hz-ink);min-height:100svh;font-family:Arial,Helvetica,sans-serif;line-height:1.4;isolation:isolate;overflow:hidden}
.hz-counter *{box-sizing:border-box}
.hz-counter [hidden]{display:none!important}
.hz-header{width:min(100% - 64px,1160px);margin:auto;padding:24px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hz-brand{display:block;width:116px;line-height:0;flex:none}
.hz-brand img{display:block;width:100%;height:auto}
.hz-back{font-size:14px;color:inherit;text-decoration:none;display:inline-flex;gap:12px;align-items:center;padding:10px 0}
.hz-back:hover{text-decoration:underline;text-underline-offset:5px}
.hz-main{width:min(100% - 32px,620px);margin:0 auto;padding:6px 0 24px;text-align:center}
.hz-title{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.12;letter-spacing:-.04em;font-weight:800}
.hz-subtitle{margin:10px 0 0;font-size:clamp(14px,1.7vw,17px);font-weight:400;text-wrap:balance}
.hz-bomb{position:relative;width:min(100%,460px);margin:20px auto 0;aspect-ratio:853/790}
.hz-bomb-image,.hz-window{display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none}
.hz-window{position:absolute;inset:0;pointer-events:none}
.hz-controls{width:min(100%,380px);margin:23px auto 0;display:grid;gap:12px}
.hz-button{font:inherit;font-weight:700;font-size:18px;line-height:1.2;border-radius:100px;min-height:56px;padding:16px 22px;border:2px solid transparent;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .12s;appearance:none;-webkit-appearance:none}
.hz-primary{background:var(--hz-yellow);color:#101820}
.hz-primary:hover{background:#fff17c}
.hz-primary:active{transform:translateY(1px)}
.hz-secondary{background:transparent;border-color:#17303a;color:inherit;font-size:16px;font-weight:400;min-height:49px;padding:12px 20px}
.hz-secondary:hover{background:rgba(255,255,255,.15)}
.hz-counter a:focus-visible,.hz-button:focus-visible{outline:3px solid #101820;outline-offset:5px}
.hz-button:disabled{cursor:default;opacity:.65}
.hz-note{margin:14px 0 0;font-size:12px;color:#214956}
.hz-counter[data-phase="finished"] .hz-note{font-weight:700;color:#101820;font-size:15px}
.hz-nojs{padding:16px;border:1px solid currentColor;border-radius:12px;margin:20px 0}
.hz-footer{font-size:12px;display:flex;justify-content:center;gap:20px;padding:6px 16px max(22px,env(safe-area-inset-bottom));color:#214956}
.hz-footer a{color:inherit;text-decoration:none;padding:8px 0}
.hz-footer a:hover{text-decoration:underline}
.hz-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.hz-header{width:calc(100% - 40px);padding-top:max(20px,env(safe-area-inset-top));padding-bottom:20px}.hz-brand{width:95px}.hz-back{font-size:12px}.hz-main{padding-top:8px;padding-bottom:20px}.hz-title{font-size:34px}.hz-subtitle{font-size:14px;margin-top:10px}.hz-bomb{width:100%;margin-top:22px}.hz-controls{margin-top:25px;gap:10px;width:calc(100% - 16px)}.hz-button{min-height:55px}.hz-secondary{min-height:47px}.hz-note{font-size:11px}.hz-footer{font-size:11px}}
@media(max-width:360px){.hz-title{font-size:30px}.hz-header{padding-top:14px;padding-bottom:14px}.hz-brand{width:84px}.hz-bomb{margin-top:18px}.hz-controls{margin-top:17px}.hz-subtitle{font-size:13px}}
@media(min-width:700px) and (max-height:800px){.hz-header{padding-top:14px}.hz-brand{width:95px}.hz-bomb{width:350px;margin-top:12px}.hz-title{font-size:40px}.hz-controls{margin-top:15px}.hz-main{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.hz-button{transition:none}}
/* Only this standalone counter is affected. */
.hz-bomb{isolation:isolate}
.hz-fx-art,.hz-fx-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;user-select:none}
.hz-fx-art{z-index:1}
.hz-window{z-index:2}
.hz-fx-canvas{z-index:3}
.hz-fx-ready .hz-bomb-image{visibility:hidden}
.hz-counter[data-fx="exploding"] .hz-fx-art,.hz-counter[data-fx="exploding"] .hz-window{animation:hz-fx-shock .38s ease-out both}
.hz-counter[data-fx="exploding"] .hz-primary:disabled{opacity:1;cursor:wait}
@keyframes hz-fx-shock{0%,100%{transform:translate(0,0)}18%{transform:translate(-4px,2px) rotate(-.6deg)}38%{transform:translate(4px,-2px) rotate(.6deg)}60%{transform:translate(-2px,1px)}80%{transform:translate(1px,0)}}
@media(prefers-reduced-motion:reduce){.hz-counter[data-fx="exploding"] .hz-fx-art,.hz-counter[data-fx="exploding"] .hz-window{animation:none}}