@font-face{font-family:Adventure;src:url("signal.ttf") format("truetype");font-display:swap}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html{background:#000;color:#e8f0f8;font-synthesis:none}html.is-locked,html.is-locked body{overflow:hidden}body{min-height:100svh;margin:0;overflow:hidden;background:#000;font-family:Adventure,"Arial Narrow",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(0,28,63,.4),transparent 48%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,100% 4px;opacity:.72}main{position:relative;display:grid;place-content:center;min-height:100svh;padding:clamp(28px,5vw,72px);isolation:isolate}.reticle{position:absolute;inset:clamp(18px,3vw,38px);pointer-events:none}.reticle i{position:absolute;width:22px;height:22px;border-color:#0075bb;opacity:.46}.reticle i:nth-child(1){top:0;left:0;border-top:1px solid;border-left:1px solid}.reticle i:nth-child(2){top:0;right:0;border-top:1px solid;border-right:1px solid}.reticle i:nth-child(3){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.reticle i:nth-child(4){bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.status,.code{position:absolute;margin:0;color:#6f8499;font:400 10px/1.2 Adventure,"Arial Narrow",sans-serif;letter-spacing:.22em;text-transform:uppercase}.status{top:clamp(24px,4.3vw,51px);left:50%;display:flex;align-items:center;transform:translateX(-50%);white-space:nowrap}.signal-key{display:grid;place-items:center;width:28px;height:28px;margin:0 2px 0 -8px;padding:0;border:0;background:transparent;cursor:crosshair}.status .lamp{display:block;width:5px;height:5px;background:#008dd2;box-shadow:0 0 12px #008dd2;animation:pulse 2.4s steps(1,end) infinite}.signal-key:hover .lamp,.signal-key:focus-visible .lamp{box-shadow:0 0 5px #eaf4ff,0 0 18px #008dd2}.signal-key:focus-visible{outline:1px solid rgba(0,117,187,.65);outline-offset:-4px}.code{right:clamp(30px,5vw,58px);bottom:clamp(30px,5vw,58px)}.code span{color:#008dd2}.countdown{display:flex;align-items:flex-start;justify-content:center;gap:clamp(16px,4.2vw,78px);width:min(1320px,90vw)}.unit{position:relative;display:grid;justify-items:center;min-width:0}.unit:not(:last-child):after{content:"";position:absolute;top:18%;right:clamp(-41px,-2.2vw,-12px);width:1px;height:43%;background:linear-gradient(transparent,#001c3f,transparent);opacity:.9}.value{position:relative;display:block;color:#eaf4ff;font-size:clamp(58px,10.2vw,154px);font-weight:400;line-height:.82;letter-spacing:.015em;text-align:center;text-shadow:0 0 18px rgba(0,117,187,.18);font-variant-numeric:tabular-nums;white-space:nowrap}.value:before,.value:after{content:attr(data-value);position:absolute;inset:0;pointer-events:none;opacity:0}.value:before{color:#0075bb;text-shadow:2px 0 #0075bb}.value:after{color:#d7efff;text-shadow:-2px 0 #001c3f}.countdown.is-glitching .value:before{opacity:.72;transform:translate(-3px,1px);clip-path:polygon(0 14%,100% 14%,100% 35%,0 35%);animation:slice-a 130ms steps(2,end) 2}.countdown.is-glitching .value:after{opacity:.62;transform:translate(3px,-1px);clip-path:polygon(0 58%,100% 58%,100% 78%,0 78%);animation:slice-b 160ms steps(2,end) 2}.label{margin-top:clamp(18px,2.4vw,32px);color:#71869a;font:400 clamp(8px,.75vw,11px)/1 Adventure,"Arial Narrow",sans-serif;letter-spacing:.32em;text-transform:uppercase}.breach{position:relative}.breach:after{content:attr(data-plain);position:absolute;inset:0;color:#dceeff;font-family:"Arial Narrow",Arial,sans-serif;font-weight:400;letter-spacing:inherit;text-align:inherit;white-space:nowrap;pointer-events:none;opacity:0}.breach.is-font-glitch{color:transparent;text-shadow:none}.breach.is-font-glitch span{color:transparent}.breach.is-font-glitch:after{opacity:.92;text-shadow:-2px 0 #0075bb,2px 0 #001c3f;clip-path:polygon(0 4%,100% 4%,100% 38%,0 38%,0 52%,100% 52%,100% 92%,0 92%);animation:font-breach 180ms steps(2,end)}.transmission{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#eaf4ff;font-family:Adventure,"Arial Narrow",sans-serif;overflow:hidden}.transmission[open]{display:grid;place-items:center;animation:transmission-in 180ms steps(3,end)}.transmission::backdrop{background:rgba(0,3,7,.91);backdrop-filter:blur(2px);animation:backdrop-in 180ms linear}.transmission-shell{position:relative;width:min(820px,calc(100vw - 40px));max-height:min(86svh,900px);padding:clamp(32px,5vw,56px);overflow:auto;border:1px solid rgba(0,117,187,.42);background:linear-gradient(135deg,rgba(0,28,63,.2),transparent 32%),#020406;box-shadow:0 0 0 1px rgba(0,28,63,.34),0 24px 80px rgba(0,0,0,.8),0 0 60px rgba(0,117,187,.08);scrollbar-color:#001c3f #020406}.transmission-shell:before,.transmission-shell:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none}.transmission-shell:before{top:10px;left:10px;border-top:1px solid #0075bb;border-left:1px solid #0075bb}.transmission-shell:after{right:10px;bottom:10px;border-right:1px solid #0075bb;border-bottom:1px solid #0075bb}.transmission-close{position:absolute;top:12px;right:13px;z-index:2;width:30px;height:30px;padding:0;border:0;background:transparent;color:#6f8499;font:400 20px/1 Adventure,"Arial Narrow",sans-serif;cursor:pointer}.transmission-close:hover,.transmission-close:focus-visible{color:#eaf4ff;text-shadow:-2px 0 #0075bb,2px 0 #001c3f}.transmission-close:focus-visible{outline:1px solid #0075bb;outline-offset:1px}#news-canvas{display:block;max-width:100%;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grain{position:fixed;inset:-50%;pointer-events:none;z-index:10;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:grain .25s steps(2,end) infinite}@keyframes pulse{0%,76%,100%{opacity:.9}77%,82%{opacity:.12}}@keyframes slice-a{0%{transform:translate(-3px,1px)}50%{transform:translate(4px,-2px)}100%{transform:translate(-1px,0)}}@keyframes slice-b{0%{transform:translate(3px,-1px)}50%{transform:translate(-5px,1px)}100%{transform:translate(1px,0)}}@keyframes font-breach{0%{transform:translate(-2px,0);filter:blur(0)}35%{transform:translate(3px,-1px);filter:blur(.3px)}70%{transform:translate(-1px,1px);filter:blur(0)}100%{transform:translate(1px,0)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,4%)}100%{transform:translate(-2%,-3%)}}@keyframes transmission-in{0%{opacity:0;transform:translateX(-5px)}50%{opacity:.55;transform:translateX(3px)}100%{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@media(max-width:720px){.countdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 20px;width:min(430px,84vw)}.value{font-size:clamp(68px,22vw,100px)}.unit:not(:last-child):after{display:none}.label{margin-top:18px}.code{right:50%;transform:translateX(50%)}.transmission-shell{width:calc(100vw - 24px);max-height:90svh;padding:38px 22px 30px}}@media(max-width:360px){.countdown{gap:36px 12px}.value{font-size:clamp(56px,21vw,74px)}}@media(prefers-reduced-motion:reduce){.grain,.status .lamp,.value:before,.value:after,.breach:after,.transmission[open],.transmission::backdrop{animation:none!important}.grain{display:none}}
