@media(max-width:720px){body{min-height:100dvh}main{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 70px) calc(env(safe-area-inset-right,0px) + 20px) calc(env(safe-area-inset-bottom,0px) + 62px) calc(env(safe-area-inset-left,0px) + 20px);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;touch-action:manipulation}.status .lamp{width:6px;height:6px}.countdown{display:grid;grid-template-columns:1fr;width:min(340px,84vw);gap:0}.unit{display:grid;grid-template-columns:minmax(74px,.8fr) minmax(152px,1.35fr);align-items:center;justify-items:stretch;min-height:clamp(76px,12.5vh,98px);border-bottom:1px solid rgba(0,28,63,.72)}.unit:first-child{border-top:1px solid rgba(0,28,63,.72)}.unit:not(:last-child):after{display:none}.value{grid-row:1;grid-column:2;width:100%;font-size:clamp(50px,14vw,64px);line-height:.82;letter-spacing:0;text-align:right;justify-self:end}.label{grid-row:1;grid-column:1;justify-self:start;margin:0;font-size:clamp(9px,2.7vw,11px);line-height:1.15;letter-spacing:.2em;text-align:left}.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,.42),inset 0 0 12px rgba(0,117,187,.08),0 0 0 2px #000}.crt-glass:after{inset:1% 3% 58% 4%;opacity:.34}.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;touch-action:manipulation}.transmission-shell:before{top:8px;left:8px}.transmission-shell:after{right:8px;bottom:8px}}
@media(max-width:360px){main{padding-right:16px;padding-left:16px}.countdown{width:min(296px,88vw)}.unit{grid-template-columns:minmax(68px,.75fr) minmax(136px,1.3fr);min-height:72px}.value{font-size:clamp(46px,13.5vw,54px)}.label{font-size:9px;letter-spacing:.16em}.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:54px 68px 44px}.countdown{display:flex;width:min(760px,86vw);gap:clamp(18px,4vw,42px)}.unit{display:grid;grid-template-columns:1fr;justify-items:center;min-height:0;border:0}.unit:first-child{border:0}.value{grid-row:auto;grid-column:auto;width:auto;font-size:clamp(48px,9vw,72px);text-align:center;justify-self:center}.label{grid-row:auto;grid-column:auto;justify-self:center;margin-top:10px;text-align:center}.status{top:2px}.code{bottom:12px}.crt-glass{border-radius:16px/12px}.transmission-shell{width:min(760px,calc(100vw - 16px));max-height:calc(100dvh - 12px)}}