:root{color-scheme:dark;--bg:#07131e;--panel:#0b202e;--line:#204353;--text:#e6f0f4;--muted:#8da9b8;--cyan:#74d9e1;--amber:#f3bd56;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 25%,#12354860,transparent 65%),var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:3px}button[hidden],[hidden]{display:none!important}.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:16px;font-weight:650;letter-spacing:5px;font-size:23px}.brand-mark{font-size:44px;color:var(--cyan);font-weight:300}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:3.5px;margin-top:7px}.header-right{display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.pill{border:1px solid var(--line);padding:9px 12px;border-radius:3px}main{max-width:1720px;margin:auto;padding:34px 4% 0}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:600;margin:0 0 12px}h1{font-weight:400;font-size:36px;line-height:1.16;letter-spacing:-1px;margin:0}h1 span{color:var(--muted)}.intro-copy{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.intro-copy strong{font-weight:400;color:#c9dde5}.workspace{display:grid;grid-template-columns:1fr 1fr 220px;gap:18px;align-items:start}.board-panel{background:linear-gradient(135deg,#0c2533,#091b29);border:1px solid var(--line);border-radius:6px;padding:18px 16px 14px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}h2{margin:0;font-size:16px;font-weight:500}.panel-heading h2{font-size:10px;color:var(--muted)}.panel-heading h2 span{font-size:17px;color:var(--text);margin-left:8px}.tag{color:var(--muted);font-size:8px;letter-spacing:1px}.amber{color:var(--amber)}.board{display:grid;grid-template-columns:20px repeat(10,minmax(0,1fr));grid-template-rows:20px repeat(10,minmax(0,1fr));aspect-ratio:1;position:relative}.board-row{display:contents}.axis{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted)}.cell{border:0;border-right:1px solid #234552;border-bottom:1px solid #234552;background:#10334355;color:var(--cyan);min-width:0;padding:0;position:relative;display:flex;align-items:center;justify-content:center;font-size:17px}.cell.top{border-top:1px solid #234552}.cell.left{border-left:1px solid #234552}button.cell:hover{background:#32616b66}.cell.selected{background:#9a692540;box-shadow:inset 0 0 0 1px var(--amber)}.cell.occupied{background:#91b3c54a}.cell.occupied:before{content:'';position:absolute;inset:25% 4%;background:#96b0bd;border-top:2px solid #bbcfda;border-radius:40% 30% 30% 40%}.cell.sub{box-shadow:inset 0 0 0 1px var(--cyan);background:#3b899b44}.cell.sub:before{background:var(--cyan);inset:20% 37%;border:0;border-radius:50%}.legend{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:var(--muted);margin-top:18px;min-height:14px}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:12px;height:7px;background:#96b0bd;border-radius:3px}.legend .legend-sub{background:var(--cyan)}.legend .legend-selected{background:#9a692540;border:1px solid var(--amber);height:10px;border-radius:0}.sidebar{display:flex;flex-direction:column;gap:14px}.status-card{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.status-card h2{font-size:19px;color:var(--cyan);letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.live-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%}.submarine{height:47px;display:flex;align-items:center;justify-content:center}.submarine span{display:block;position:relative;width:130px;height:16px;border-radius:80% 30% 40% 80%;background:linear-gradient(#8caebd,#284959)}.submarine span:after{content:'';position:absolute;width:23px;height:10px;left:58px;top:-8px;background:#638795;border-radius:4px 4px 0 0}.battery-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}.battery-label strong{font-weight:400;color:var(--cyan)}.battery{display:flex;gap:6px;margin-top:9px}.battery i{background:var(--cyan);height:5px;flex:1;border-radius:1px}.muted{font-size:10px;color:var(--muted);line-height:1.6;margin:12px 0 0}dl{margin:0;font-size:10px}dl div{display:flex;justify-content:space-between;margin-top:12px;gap:5px}dt{color:var(--muted)}dd{margin:0;text-align:right}ol{padding:0;margin:0;list-style:none}li{font-size:11px;line-height:1.65;color:#b4c9d4;padding:8px 0;border-bottom:1px solid var(--line)}li:last-child{border:0}.log-card{min-height:118px}.action-panel{display:flex;align-items:center;gap:18px;padding:18px 20px;background:#0b2331;border:1px solid var(--line);border-radius:6px;margin-top:20px}.mission-icon{width:55px;height:55px;border:1px solid #89703b;color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:36px;border-radius:4px}.mission-description{flex:1}.mission-description .eyebrow{margin-bottom:5px;color:var(--amber);font-size:9px}.mission-description h2{font-size:18px}.mission-description h2 span{font-size:10px;color:var(--muted);margin-left:8px}.mission-description p:last-child{font-size:11px;color:var(--muted);margin:6px 0 0}.primary,.secondary{padding:13px 18px;border-radius:4px;border:1px solid var(--line);white-space:nowrap;font-weight:600;font-size:12px}.primary{background:var(--amber);color:#18212a;border-color:var(--amber)}.primary span{margin-left:22px}.secondary{background:transparent;color:var(--muted)}.feedback{min-height:20px;font-size:12px;color:var(--cyan);margin:14px 0}.notice{border-left:3px solid var(--amber);padding:12px;background:#4a392744;font-size:12px}footer{display:flex;gap:20px;align-items:center;padding:18px 0 25px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:var(--muted)}footer>span{margin-right:auto}.text-button{background:none;border:0;color:var(--muted);padding:6px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}dialog{max-width:510px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:28px}dialog::backdrop{background:#020c15cc}dialog p{font-size:14px;line-height:1.7;color:#b4c9d4}dialog h2{font-size:24px}dialog form{display:flex;gap:12px;justify-content:flex-end}
@media(min-width:1550px){.workspace{grid-template-columns:1fr 1fr 245px}.board-panel{padding:22px}.status-card{padding:22px}.sidebar{gap:20px}.log-card{min-height:170px}}
@media(max-width:1150px){.workspace{grid-template-columns:1fr 1fr}.sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}.intro-copy{max-width:340px}.header-right{gap:10px}.status-card .submarine{height:30px}.log-card{min-height:0}}
@media(max-width:700px){.masthead{height:80px}.brand{font-size:17px;letter-spacing:3px}.header-right{display:none}.intro{display:block}.intro-copy{margin-top:18px}h1{font-size:30px}.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.action-panel{flex-wrap:wrap}.mission-description{min-width:60%}.action-panel .primary{flex:1}footer{flex-wrap:wrap}footer>span{width:100%}main{padding-top:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}