:root{color-scheme:dark;--ink:#9cdaf3;--dim:#6c9eaf;--line:#294650;--bg:#081014;--glow:rgba(107,203,245,.22)}*{box-sizing:border-box}body{margin:0;background:#070a0b;color:var(--ink);font-family:'Courier New',monospace;font-size:14px;letter-spacing:.055em}.cabinet{max-width:1240px;margin:26px auto;padding:0 38px}.hardware,.controls{display:flex;align-items:center;justify-content:space-between;color:#86908d;font-size:11px;letter-spacing:.12em}.hardware{padding:0 8px 20px;font-weight:bold}.hardware>span:first-child{font-size:19px;letter-spacing:.25em}.hardware-sub{font-size:9px;letter-spacing:.15em;margin-left:20px}.power{display:flex;align-items:center;gap:9px}.power i{width:5px;height:5px;background:#b4dda3;border-radius:50%;box-shadow:0 0 9px #7bd359}.screen{position:relative;overflow:hidden;padding:25px 33px 16px;background:radial-gradient(ellipse at 50% 35%,#112028 0%,var(--bg) 80%);border:1px solid #263337;border-radius:15px;box-shadow:0 0 0 6px #0e1213,0 0 0 7px #202526,0 20px 80px #000,inset 0 0 70px #0008;text-shadow:0 0 8px var(--glow)}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0,#0002 1px,transparent 1px,transparent 3px);z-index:5;border-radius:15px}.system-line,.map-header,.screen-footer,.terminal-label{display:flex;justify-content:space-between;font-size:10px;color:var(--dim)}.system-line{padding-bottom:14px;border-bottom:1px solid var(--line)}.heading{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.eyebrow{font-size:10px;margin:0 0 12px;color:var(--dim);letter-spacing:.19em}h1{font-size:clamp(21px,3.3vw,37px);font-weight:normal;line-height:1.1;letter-spacing:.1em;margin:0}.defcon{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);width:78px;padding:9px 0 5px}.defcon span{font-size:10px;letter-spacing:.18em}.defcon strong{font-weight:normal;font-size:47px;line-height:1.2}.map-header{border-top:1px solid var(--line);padding:9px 0}.map{position:relative;aspect-ratio:1080/390;overflow:hidden;border:1px solid var(--line);background:#060f1480}.map img,.map svg{position:absolute;width:100%;height:100%;object-fit:fill;inset:0;opacity:.87}.map svg{opacity:1;overflow:visible;filter:drop-shadow(0 0 3px var(--glow))}.grid{position:absolute;inset:0;background-image:linear-gradient(#50788914 1px,transparent 1px),linear-gradient(90deg,#50788914 1px,transparent 1px);background-size:8.333% 20%}.map-label{position:absolute;font-size:9px;letter-spacing:.15em;background:#091318b0;padding:3px 5px;pointer-events:none}.usa{left:14%;top:34%}.ussr{left:65%;top:16%}.ocean{left:40%;top:41%;color:var(--dim);font-size:8px}.map-corner{position:absolute;bottom:13px;left:14px;font-size:9px;line-height:1.7;color:var(--dim)}.coordinates{position:absolute;bottom:13px;right:14px;color:var(--dim);font-size:9px}.telemetry{display:grid;grid-template-columns:1.3fr .7fr 1fr 1.4fr;border-bottom:1px solid var(--line);padding:14px 0 16px;gap:15px}.telemetry div{display:flex;gap:7px;flex-direction:column}.telemetry span{font-size:9px;color:var(--dim)}.telemetry b{font-size:12px;font-weight:normal}.terminal{padding:16px 0 8px}.terminal-label{margin-bottom:12px;letter-spacing:.12em}#log{height:119px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;line-height:1.55;font-size:13px}#log p{margin:0 0 4px;white-space:pre-wrap}#log .user{color:var(--dim)}#command-form{display:flex;gap:12px;align-items:center;margin-top:10px;border-bottom:1px solid var(--line);padding:8px 0}input{background:transparent;border:0;outline:0;color:var(--ink);font:inherit;width:100%;text-transform:uppercase;caret-color:var(--ink)}input::placeholder{color:#527480;font-size:11px}button{color:inherit;font:inherit;cursor:pointer;background:transparent;border:0}button:hover{color:#e0f6ff;text-shadow:0 0 8px var(--ink)}button:focus-visible,input:focus-visible{outline:1px dashed var(--ink);outline-offset:4px}#command-form button{white-space:nowrap;color:var(--dim);font-size:10px}.suggestions{min-height:33px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding-top:8px}.suggestions button{font-size:10px;padding:3px 0;color:var(--dim)}.suggestions button:before{content:'[ '}.suggestions button:after{content:' ]'}.screen-footer{border-top:1px solid var(--line);padding-top:12px;font-size:8px;letter-spacing:.13em}.controls{padding:22px 3px}.controls>span{font-weight:bold;font-size:12px}.serial{font-weight:normal;color:#7d8784}.project-links{display:flex;gap:18px;margin-left:auto;margin-right:24px}.project-links a{color:#919b99;text-decoration:none;font-size:9px;letter-spacing:.08em}.project-links a:hover{color:#e0f6ff;text-shadow:0 0 8px var(--ink)}.project-links a:focus-visible{outline:1px dashed var(--ink);outline-offset:4px}.controls div{display:flex;gap:20px}.controls button{font-size:9px;letter-spacing:.08em;color:#919b99}.blink{animation:blink 1.4s step-end infinite}@keyframes blink{50%{opacity:.2}}.flight{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:1000;stroke-dashoffset:1000;animation:flight 5s linear forwards}.flight.enemy{stroke:#e2ab83}.impact{fill:none;stroke:var(--ink);transform-box:fill-box;transform-origin:center;animation:impact 2s ease-out infinite}.impact.enemy{stroke:#e2ab83}@keyframes flight{to{stroke-dashoffset:0}}@keyframes impact{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(2)}}body.green{--ink:#a3e8a0;--dim:#74a876;--line:#2a472d;--bg:#09120b;--glow:#8bef8b33}body.green .map img{filter:sepia(1) saturate(2) hue-rotate(60deg)}.board{display:grid;grid-template-columns:repeat(3,50px);gap:3px;margin:12px 0}.board[hidden]{display:none}.board button{border:1px solid var(--line);height:50px;font-size:25px}.board button:disabled{cursor:default;opacity:1}.board button:hover:enabled{background:var(--line)}@media(min-width:1400px){.cabinet{margin-top:40px}}@media(max-width:650px){.cabinet{margin:15px auto;padding:0 13px}.screen{padding:18px 16px 14px;border-radius:9px}.hardware-sub,.map-header span:last-child,.ocean{display:none}.hardware{padding-bottom:15px}.hardware .power{font-size:8px}.system-line{font-size:8px}.heading{padding:20px 0}h1{font-size:22px}.eyebrow{font-size:8px}.defcon{width:56px}.defcon strong{font-size:36px}.map{aspect-ratio:1080/510}.map-label{font-size:6px}.map-corner,.coordinates{font-size:6px}.telemetry{grid-template-columns:1fr 1fr;gap:14px}.telemetry div{gap:4px}#log{font-size:12px;height:136px}.controls{align-items:flex-start;gap:10px;flex-wrap:wrap}.project-links{order:3;width:100%;margin:2px 0 0;justify-content:flex-end}.controls div{gap:13px;flex-wrap:wrap;justify-content:flex-end}.controls>span{white-space:nowrap;font-size:9px}.controls button{font-size:8px}.screen-footer{font-size:6px}.suggestions{gap:13px}.terminal-label{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}