:root{font-family:Tahoma,'Segoe UI',sans-serif;color:#172025;background:#008080;font-size:12px;--silver:#c6c6c6;--navy:#000080;--green:#a8d6b1}*{box-sizing:border-box}body{margin:0;padding:28px 28px 16px;background:radial-gradient(ellipse at 70% 0,#159796,transparent 65%),#007a7b;min-height:100vh}button,select,input{font:inherit}button,select{background:var(--silver);color:#15191c;border:2px solid;border-color:#fff #444 #444 #fff;border-radius:0;min-height:29px;padding:5px 12px;cursor:pointer}button:active{border-color:#444 #fff #fff #444;transform:translateY(1px)}button:disabled{color:#777;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px dotted #000;outline-offset:2px}.desktop-brand{max-width:1420px;margin:0 auto 20px;display:flex;gap:12px;color:#e1ffff;align-items:center;font:bold 19px monospace}.desktop-brand div>span{display:block;font:9px monospace;letter-spacing:2px;margin-top:5px}.desktop-brand small{margin-left:auto;font:10px monospace;letter-spacing:1px}.desktop-icon{font-size:37px;text-shadow:2px 2px #003c41}.window{max-width:1420px;margin:auto;padding:4px;background:var(--silver);border:2px solid;border-color:#fff #333 #333 #fff;box-shadow:10px 12px 0 #003f414d}.titlebar{background:linear-gradient(90deg,#000078,#1456a4);color:white;display:flex;align-items:center;justify-content:space-between;min-height:29px;padding:3px 5px;font-weight:bold}.window-controls{display:flex;gap:3px}.window-controls b{color:#121212;background:#c6c6c6;border:2px outset #eee;text-align:center;width:20px;height:20px;line-height:14px}.menubar{display:flex;align-items:center;border-bottom:1px solid #888;height:30px}.menubar button{border:0;background:none;min-height:25px;padding:4px 12px}.menu-right{margin-left:auto;margin-right:10px;color:#666;font:bold 11px monospace}.toolbar{display:flex;gap:8px;padding:10px 8px;align-items:center;flex-wrap:wrap}.toolbar label{margin-left:auto;display:flex;align-items:center;gap:8px}.command-banner{margin:0 8px;background:linear-gradient(105deg,#182723,#263b34 65%,#17231f);color:#d7e0cf;border:2px inset #eee;display:flex;align-items:center;gap:32px;padding:24px 28px;position:relative;overflow:hidden}.command-banner:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#0002 4px);pointer-events:none}.eyebrow{font:10px monospace;letter-spacing:2px;margin:0 0 7px;color:#8ba396}h1{font:900 clamp(38px,5vw,62px)/1 'Arial Black',Impact,sans-serif;letter-spacing:-3px;margin:0;text-shadow:3px 3px #080f0c}h1 span{color:#c6ae6d}.tagline{font:12px monospace;color:#a7b6aa;margin:9px 0 0}.mission{margin-left:auto;text-align:right;font-family:monospace}.mission span{font-size:9px;letter-spacing:2px;color:#8ba396}.mission strong{display:block;font-size:21px;color:#c4dbbb;margin:8px 0}.mission small{color:#a7b6aa}.radar{width:100px;height:100px;border:1px solid #6c9d7670;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,transparent 0,transparent 22px,#6c9d7630 23px,transparent 24px),linear-gradient(90deg,transparent 49%,#6c9d7630 50%,transparent 51%),linear-gradient(transparent 49%,#6c9d7630 50%,transparent 51%)}.radar i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 270deg,#99cd934d 360deg);animation:sweep 7s linear infinite}.radar b{position:absolute;left:65%;top:26%;width:4px;height:4px;background:#b5e69e;box-shadow:0 0 9px #b5e69e}@keyframes sweep{to{transform:rotate(360deg)}}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;padding:14px 8px}.deployment{display:flex;gap:6px;align-items:center;margin:0 0 12px}.deployment div{margin-right:auto}.deployment strong{display:block;font-size:12px}.deployment span{display:block;font-size:10px;color:#505858;margin-top:5px}.primary{background:#183e34;color:#f0f4e7}.boards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.board-panel{min-width:0;background:#172b2c;border:2px inset #eee;color:#9db4af}.board-panel header{padding:10px 11px;display:flex;align-items:center;justify-content:space-between;background:#253836;border-bottom:1px solid #4d6159}.board-panel h2{font:bold 11px monospace;letter-spacing:1px;margin:0}.board-panel header span{font:9px monospace}.board-panel footer{font:10px monospace;min-height:32px;padding:9px 10px;background:#1d302e}.board-wrap{position:relative}canvas{display:block;width:100%;touch-action:manipulation}.board-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;background:#0c201fcc;pointer-events:none}.board-cover span{font-size:50px;color:#668677}.board-cover strong{font:11px monospace;letter-spacing:2px}.board-cover small{font:10px monospace}.fleet-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px}.fleet-strip button{padding:8px 5px;text-align:left;min-width:0}.fleet-strip strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-strip small{font:9px monospace;color:#58605d;display:block;margin-top:5px}.fleet-strip button.selected{background:#dfe4d9;outline:1px dotted #222;outline-offset:-5px}.panel{border:2px inset #eee;margin-bottom:12px;background:#b9bfba}.panel h2{font:bold 10px monospace;letter-spacing:1px;background:#a8b1a9;margin:0;padding:10px;border-bottom:1px solid #8e9b90}.readout{background:#172722;margin:10px;padding:10px 13px;display:flex;align-items:center;gap:14px;color:#b8d59c;border:2px inset #777;font:10px monospace}.readout>span{font:bold 42px monospace;line-height:1}.readout strong{display:block;margin-top:7px;font-size:11px}.stats{display:flex;justify-content:space-around;font:8px monospace;color:#535f55}.stats div{text-align:center}.stats strong{display:block;font-size:21px;color:#233d2c;margin:4px 0 5px}.status-message{font:11px/1.6 monospace;padding:0 12px;min-height:55px}.log-panel{background:#152622;color:#afc5b4}.log-panel h2{background:#2a3e33;color:#b4c8b7}.live-dot{float:right;color:#8da}.log-panel ol{list-style:none;margin:0;padding:12px;height:145px;overflow:auto;font:10px/1.8 monospace}.log-panel li{border-bottom:1px solid #ffffff0a;padding:3px 0}.shipyard-card{padding:16px;border:1px solid #858e84;background:#b3b8ac}.shipyard-card>span{font:8px monospace;letter-spacing:2px;color:#59644f}.shipyard-card h3{font:bold 19px monospace;margin:9px 0}.shipyard-card p{font:10px/1.7 monospace;color:#53604f}.shipyard-card button{width:100%;margin-top:5px}.statusbar{display:flex;gap:3px;font:10px monospace}.statusbar span{border:1px inset #eee;padding:5px 8px}.statusbar span:first-child{flex:1}.desktop-footer{max-width:1420px;margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;color:#b9dddd;font:9px monospace;letter-spacing:1px}.desktop-footer button{font:10px monospace;background:transparent;color:#d6f1ed;border:1px solid #80b4b0}dialog{background:var(--silver);border:2px outset white;padding:3px;max-width:800px;width:calc(100% - 28px);color:#1d2824;max-height:92vh;overflow:auto;box-shadow:10px 12px 0 #0005}dialog::backdrop{background:#001c258a}dialog .titlebar button{min-height:20px;padding:0 5px;line-height:16px}.dialog-body{padding:22px}.dialog-body>h2{font:bold 24px monospace;margin:10px 0}.dialog-body>p{line-height:1.6}.yard-layout{display:grid;grid-template-columns:140px 1fr;gap:18px;margin-top:20px}.yard-ships{display:flex;flex-direction:column;gap:7px}.yard-ships button{text-align:left}.yard-ships button.selected{background:#dce8d2}#preview{background:#162d29;border:2px inset #eee;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px}.form-grid input,.form-grid select{width:100%;height:32px}.form-grid input{border:2px inset #eee;padding:5px;background:#eef0e5}.check{display:block;margin-top:15px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px}.dialog-actions span{font-size:10px;color:#536053}#info{max-width:560px}#infoBody{font-size:13px;line-height:1.7}#infoBody h2{font-size:24px}#infoBody a{color:#000080}#confirm{max-width:420px}body.amber .command-banner,body.amber .board-panel,body.amber .panel{filter:sepia(.4)}@media(max-width:1100px){body{padding:15px}.workspace{grid-template-columns:minmax(0,1fr) 195px}.radar{display:none}.board-panel header{display:block}.board-panel header span{display:block;margin-top:4px}.deployment{flex-wrap:wrap}.deployment div{width:100%}.status-message{font-size:10px}}@media(max-width:760px){body{padding:8px}.desktop-brand{margin:3px 3px 12px}.desktop-brand small{display:none}.workspace{display:block;padding:10px 5px}.command-banner{padding:18px 14px;margin:0 4px;gap:12px}.mission strong{font-size:14px}.mission span{font-size:8px}.tagline{font-size:10px}.toolbar{gap:5px;padding:8px 4px}.toolbar button{padding:5px 8px}.toolbar label{margin-left:0;font-size:10px}.boards{gap:8px}.board-panel h2{font-size:10px}.board-panel footer{font-size:9px}.board-cover strong{font-size:8px;letter-spacing:0}.board-cover small{display:none}.fleet-strip{gap:3px}.fleet-strip strong{font-size:9px}.fleet-strip small{font-size:8px}aside{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.panel{margin:0}.shipyard-card{display:none}.log-panel ol{height:182px}.readout{margin:7px}.status-message{min-height:45px}.statusbar{font-size:8px}.statusbar span{padding:5px}.desktop-footer>span{font-size:7px}.yard-layout{grid-template-columns:1fr}.yard-ships{display:grid;grid-template-columns:repeat(3,1fr)}.dialog-body{padding:14px}.dialog-actions{flex-wrap:wrap}.dialog-actions span{display:none}}@media(max-width:430px){.boards{grid-template-columns:1fr}.board-panel header{display:flex}.board-panel header span{margin:0}.board-cover strong{font-size:12px}.board-cover small{display:block}.mission small{font-size:9px}.board-panel canvas{max-height:360px;object-fit:contain;background:#102724}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}