@media(max-width:720px){body{min-height:100dvh}main{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 72px) calc(env(safe-area-inset-right,0px) + 18px) calc(env(safe-area-inset-bottom,0px) + 62px) calc(env(safe-area-inset-left,0px) + 18px);transform:none}.reticle{inset:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 12px) calc(env(safe-area-inset-left,0px) + 10px)}.reticle i{width:16px;height:16px}.status{top:calc(env(safe-area-inset-top,0px) + 8px);font-size:9px;letter-spacing:.18em}.signal-key{width:44px;height:44px;margin:0 0 0 -12px}.status .lamp{width:6px;height:6px}.countdown{width:min(100%,420px);gap:clamp(34px,6.5vh,52px) clamp(14px,6vw,30px)}.value{font-size:clamp(60px,21vw,92px);line-height:.88;letter-spacing:0}.label{margin-top:15px;font-size:clamp(9px,2.7vw,11px);letter-spacing:.24em}.code{right:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);font-size:9px;letter-spacing:.18em;transform:translateX(50%);white-space:nowrap}.crt-glass{inset:2px;border-radius:18px/14px;box-shadow:inset 0 0 58px 14px rgba(0,0,0,.46),inset 0 0 12px rgba(0,117,187,.08),0 0 0 2px #000}.crt-glass:after{inset:1% 3% 58% 4%;opacity:.38}.grain{opacity:.04;animation-duration:.4s}.transmission{width:100vw;height:100dvh}.transmission[open]{align-items:stretch}.transmission-shell{width:calc(100vw - 12px);height:auto;max-height:calc(100dvh - 12px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:calc(6px + env(safe-area-inset-top,0px)) 6px calc(6px + env(safe-area-inset-bottom,0px));padding:56px 22px 32px;overscroll-behavior:contain}.transmission-close{top:7px;right:7px;width:44px;height:44px;font-size:24px}.transmission-shell:before{top:8px;left:8px}.transmission-shell:after{right:8px;bottom:8px}}
@media(max-width:360px){main{padding-right:14px;padding-left:14px}.countdown{gap:32px 10px}.value{font-size:clamp(56px,20vw,72px)}.label{font-size:9px;letter-spacing:.2em}.transmission-shell{width:calc(100vw - 8px);margin-right:4px;margin-left:4px;padding-right:18px;padding-left:18px}}
@media(max-height:520px) and (orientation:landscape){main{padding:56px 72px 46px}.countdown{display:flex;width:min(760px,88vw);gap:clamp(18px,4vw,42px)}.value{font-size:clamp(54px,10vw,82px)}.label{margin-top:12px}.status{top:4px}.code{bottom:14px}.crt-glass{border-radius:16px/12px}.transmission-shell{width:min(760px,calc(100vw - 16px));max-height:calc(100dvh - 12px)}}
.signal-key,.transmission-close{touch-action:manipulation}