:root{color:#d7efe8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05090b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}.game-shell{background:#05090b;width:100vw;height:100svh;position:relative;overflow:hidden}.playtest-gate-shell{background:linear-gradient(#89f7d00b 1px,#0000 1px) 0 0/96px 96px,linear-gradient(90deg,#89f7d00b 1px,#0000 1px) 0 0/96px 96px,radial-gradient(circle at 50% 35%,#236d654d,#0000 42%),#020808;place-items:center;padding:24px;display:grid}.playtest-gate-card{color:#d7efe8;background:#000c0ce6;border:1px solid #89f7d073;gap:20px;width:min(430px,100vw - 32px);padding:22px;display:grid;box-shadow:0 0 34px #0000007a}.playtest-gate-kicker,.playtest-gate-form label{color:#89f7d0;letter-spacing:0;text-transform:uppercase;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.playtest-gate-card h1{color:#f7d889;margin:6px 0 8px;font-size:24px;line-height:1.1}.playtest-gate-card p{color:#d7efe8c7;margin:0;font-size:13px;line-height:1.45}.playtest-gate-build{color:#d7efe87a;margin-top:10px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.playtest-gate-form{gap:10px;display:grid}.playtest-gate-form input{color:#f6eed0;background:#03110ff2;border:1px solid #89f7d073;border-radius:2px;min-height:38px;padding:0 10px;font:15px ui-monospace,SFMono-Regular,Consolas,monospace}.playtest-gate-form button{color:#071411;cursor:pointer;background:#f7d889;border:1px solid #f7d889a6;border-radius:2px;min-height:38px;font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.playtest-gate-error{color:#ff8f70;font-size:12px}.game-canvas{z-index:0;cursor:crosshair;background:#05090b;width:100%;height:100%;display:block;position:absolute;inset:0}.tdc-panel{color:#d7efe8;background:#020809db;border:1px solid #89f7d07a;grid-template-columns:1fr;gap:10px;width:min(390px,100vw - 32px);max-height:calc(100svh - 48px);padding:14px;font-size:12px;display:grid;position:absolute;bottom:16px;right:16px;overflow:auto;box-shadow:0 0 24px #0000006b}.tdc-workflow{z-index:3;color:#d7efe8;gap:6px;font-size:12px;display:grid;position:absolute;bottom:16px;left:416px;right:372px}.tdc-workflow-wide{right:16px}.tdc-workflow-minimal{opacity:.72}.workflow-card{background:#020809e6;border:1px solid #89f7d07a;width:100%;height:178px;padding:10px;overflow:hidden;box-shadow:0 0 24px #0000006b}.workflow-card-header{color:#89f7d0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.workflow-card-header .tdc-secondary{min-height:22px;padding:0 10px}.workflow-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px;height:calc(100% - 34px);display:grid}.workflow-card-identify{height:164px}.workflow-card-fix{height:218px}.workflow-card-speed{height:184px}.workflow-card-aspect{height:174px}.workflow-bar{grid-template-columns:repeat(4,minmax(136px,1fr));gap:8px;display:grid}.workflow-step{color:#d7efe8;min-height:58px;font:inherit;text-align:left;cursor:pointer;background:#071411f0;border:1px solid #89f7d052;border-radius:2px;gap:3px;padding:7px;display:grid}.workflow-step.is-open{background:#181b12f0;border-color:#f7d889e6}.workflow-step strong{text-overflow:ellipsis;white-space:nowrap;color:#d7efe8db;overflow:hidden}.sub-control-panel{z-index:3;color:#d7efe8;background:#020809d1;border:1px solid #89f7d061;gap:6px;width:332px;padding:10px;font-size:12px;display:grid;position:absolute;top:16px;right:16px}.button-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sub-control-panel button,.tdc-side-panel button,.tdc-workflow button{color:#d7efe8;min-width:0;min-height:26px;font:inherit;cursor:pointer;background:#071411;border:1px solid #89f7d061;border-radius:2px}.tdc-workflow button:disabled{cursor:not-allowed;opacity:.45}.tdc-side-panel{z-index:3;color:#d7efe8;background:#020809db;border:1px solid #89f7d061;grid-auto-rows:min-content;gap:6px;width:332px;padding:9px;font-size:12px;display:grid;position:absolute;top:302px;bottom:16px;right:16px;overflow:hidden auto}.tdc-side-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tdc-side-header .tdc-group-title{min-width:0}.tdc-side-header button{min-height:24px;padding:0 8px}.overlay-toggle{z-index:5;color:#89f7d0;min-height:30px;font:inherit;text-transform:uppercase;cursor:pointer;background:#071411eb;border:1px solid #89f7d080;border-radius:2px;padding:0 12px;position:absolute}.map-zoom-controls{z-index:4;color:#d7efe8d1;text-align:center;pointer-events:auto;gap:4px;width:72px;font-size:10px;display:grid;position:absolute;top:calc(50% - 24px);left:16px;transform:translateY(-50%)}.map-zoom-title{color:#89f7d0c7;text-transform:uppercase;font-size:9px;line-height:1.1}.map-zoom-controls button{color:#89f7d0;min-height:32px;font:inherit;cursor:pointer;background:#071411eb;border:1px solid #89f7d06b;border-radius:2px;font-size:16px;font-weight:700}.map-zoom-controls button:disabled{cursor:not-allowed;opacity:.42}.map-zoom-controls button.is-selected{color:#05090b;background:#f7d889;border-color:#f7d889e6}.map-zoom-controls div{background:#020809b8;border:1px solid #89f7d033;padding:3px 4px}.tactical-zoom-controls{grid-template-columns:auto auto auto auto auto;align-items:center;width:auto;min-height:30px;display:grid;top:12px;left:calc(50% - 470px);transform:none}.tactical-zoom-controls .map-zoom-title{min-width:52px}.tactical-zoom-controls button{min-width:34px;min-height:28px}.tactical-zoom-controls div{min-width:72px;padding:5px 6px}.periscope-toggle{top:16px;left:50%;transform:translate(-50%)}.tdc-panel-toggle{width:90px;top:302px;right:16px}.patrol-return-toggle{width:144px;min-height:30px;padding:0 8px;top:16px;left:170px;transform:none}.world-map-toggle{top:16px;left:16px}.patrol-intel-log{z-index:4;color:#d7efe8;pointer-events:auto;background:#020809d1;border:1px solid #89f7d057;gap:7px;width:clamp(376px,34vw,640px);max-height:min(420px,100svh - 300px);padding:9px;display:grid;position:absolute;top:56px;left:16px;box-shadow:0 0 18px #0000004d}.patrol-intel-log-lines{color:#d7efe8c7;gap:5px;font:clamp(9px,.56vw,10px)/1.32 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;overflow:hidden}.patrol-intel-log-lines span{overflow-wrap:anywhere;white-space:normal;min-width:0}.patrol-mission-card{z-index:4;color:#d7efe8;pointer-events:auto;background:#020809d1;border:1px solid #f7d88957;gap:5px;width:clamp(280px,24vw,420px);padding:9px;font-size:11px;display:grid;position:absolute;top:184px;left:16px}.patrol-mission-card strong{color:#f7d889;text-transform:uppercase}.patrol-mission-card span{color:#d7efe8c7}.debug-export-panel{z-index:12;color:#d7efe8;pointer-events:auto;background:#020809db;border:1px solid #89f7d06b;gap:6px;padding:10px;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;position:absolute;box-shadow:0 0 18px #0000004d}.patrol-debug-export{width:260px;top:176px;left:16px}.tactical-debug-export{width:210px;top:154px;left:16px}.debug-export-actions{gap:6px;margin-top:8px;display:grid}.tactical-resource-card{width:190px}.tactical-deck-gun-card{width:250px}.tactical-resource-grid{color:#d7efe8d1;gap:5px;font-size:11px;display:grid}.tactical-resource-gauges{z-index:5;color:#d7efe8;text-transform:uppercase;background:#000c0cc7;border:1px solid #89f7d059;align-items:flex-end;gap:8px;padding:8px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:332px;left:16px}.tactical-log-card{z-index:4;color:#d7efe8;background:#000c0cc7;border:1px solid #89f7d059;gap:6px;width:384px;max-height:150px;padding:8px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;top:452px;left:16px}.tactical-log-card strong{color:#89f7d0;text-transform:uppercase}.tactical-log-card .tactical-log-list{max-height:112px}.tactical-resource-gauge{justify-items:center;gap:4px;display:grid}.tactical-resource-gauge strong{color:#f7d889;font-size:9px;font-weight:700;line-height:1}.tactical-resource-bar{background:#011212e6;border:1px solid #89f7d059;width:13px;height:88px;position:relative;overflow:hidden}.tactical-resource-fill{position:absolute;bottom:0;left:0;right:0}.tactical-resource-fill-fuel{background:linear-gradient(#89f7d0eb,#3edcccd1)}.tactical-resource-fill-battery{background:linear-gradient(#ffec9ff5,#f7d889e0)}.tactical-hull-condition{border-left:1px solid #89f7d02e;align-self:stretch;gap:4px;min-width:82px;padding:4px 6px;display:grid}.tactical-hull-condition strong{font-size:12px}.tactical-hull-sound strong{color:#89f7d0}.tactical-hull-light strong{color:#f7d889}.tactical-hull-damaged strong,.tactical-hull-heavy strong{color:#ff9b68}.tactical-hull-critical strong{color:#ff6b6b}.deck-gun-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.deck-gun-controls button:first-child,.deck-gun-controls button:nth-child(2){grid-column:span 2}.combat-deck-gun-controls{grid-template-columns:1fr}.combat-deck-gun-controls button:first-child{grid-column:1}.world-map-card{z-index:6;color:#d7efe8;background:#020809f0;border:1px solid #89f7d08f;grid-template-rows:auto minmax(0,1fr);width:min(900px,100vw - 48px);height:min(620px,100svh - 72px);padding:10px;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 34px #00000094}.world-map-card-header{color:#89f7d0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.world-map-card button,.patrol-bottom-bar button{color:#d7efe8;min-height:26px;font:inherit;cursor:pointer;background:#071411;border:1px solid #89f7d061;border-radius:2px}.world-map-canvas{background:#071411;border:1px solid #89f7d033;width:100%;height:100%;min-height:0;display:block}.patrol-bottom-bar{z-index:4;color:#d7efe8;pointer-events:auto;grid-template-columns:repeat(2,188px);gap:8px;width:384px;font-size:12px;display:grid;position:absolute;bottom:16px;left:16px}.patrol-status-strip{background:#020809d6;border:1px solid #89f7d052;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:6px 10px;min-height:54px;padding:6px 10px;display:grid;box-shadow:0 0 18px #00000042}.patrol-status-strip span,.patrol-status-strip strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.patrol-status-strip strong{color:#89f7d0;text-transform:uppercase}.patrol-status-strip .patrol-warning{color:#f47d65}.patrol-compact-card{background:#020809d1;border:1px solid #89f7d061;gap:6px;min-height:0;padding:9px;display:grid;box-shadow:0 0 18px #00000052}.patrol-card-header,.patrol-card-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.patrol-card-header{color:#89f7d0;text-transform:uppercase}.patrol-card-row{color:#d7efe8d1;flex-wrap:wrap;justify-content:flex-start}.patrol-card-row strong,.patrol-card-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.patrol-speed-row{gap:5px;display:grid}.patrol-meter-row{color:#d7efe8c7;align-items:center;gap:3px;display:grid}.patrol-meter-row strong{color:#f7d889;font-size:15px}.patrol-meter-row .target-reached{color:#f7d889;font-weight:700}.time-scale-control{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px;display:grid}.simulation-speed-card{z-index:4;color:#d7efe8;background:#020809d1;border:1px solid #89f7d061;grid-template-columns:1fr;gap:5px;width:92px;min-height:108px;padding:6px;font-size:12px;display:grid;position:absolute;box-shadow:0 0 18px #00000052}.simulation-speed-card-patrol{width:140px;top:50%;right:16px;transform:translateY(-50%)}.simulation-speed-card-patrol .time-scale-control{grid-template-columns:24px minmax(0,1fr) 24px}.simulation-speed-card-patrol .time-scale-control strong{white-space:nowrap;font-size:10px}.simulation-speed-card-patrol .tdc-help{text-align:center;grid-column:1/-1;font-size:9px;line-height:1.18}.simulation-speed-card-patrol .patrol-warning{color:#f47d65}.simulation-speed-card-patrol .time-scale-control span{text-align:center}.simulation-speed-card-tactical{z-index:3;grid-template-columns:1fr;align-items:center;width:136px;min-height:96px;padding:5px;top:58px;left:16px;transform:none}.simulation-speed-card-tactical .tdc-group-title{font-size:9px;line-height:1.1}.simulation-speed-card-tactical .time-scale-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%}.simulation-speed-card-tactical .time-scale-control span{text-align:center}.simulation-speed-card button{color:#d7efe8;min-height:24px;font:inherit;cursor:pointer;background:#071411;border:1px solid #89f7d061;border-radius:2px}.simulation-speed-card .pause-button{grid-column:1/-1;min-height:22px;padding:2px;font-size:10px}.simulation-speed-card .tdc-group-title{grid-column:1/-1;font-size:10px;line-height:1.1}.simulation-speed-card-tactical .tdc-help{text-align:center;grid-column:1/-1;font-size:9px;line-height:1.15}.simulation-speed-card-tactical .pause-button{grid-column:1/-1;min-width:0}.tactical-bottom-bar .patrol-speed-row,.tactical-bottom-bar .patrol-depth-stack{grid-auto-rows:minmax(28px,auto)}.tactical-bottom-bar .speed-step-button{color:#89f7d0}.tactical-optics-track-button{z-index:5;color:#89f7d0;text-transform:uppercase;cursor:pointer;background:#020809db;border:1px solid #89f7d06b;border-radius:2px;min-width:86px;min-height:24px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:244px;right:282px}.tactical-optics-track-button.is-selected{color:#05090b;background:#f7d889;border-color:#f7d889e6}.time-scale-control span{color:#f7d889db;text-transform:uppercase}.time-scale-control strong{color:#f7d889e6;text-align:center;text-transform:uppercase;grid-column:span 1}.time-scale-control button.is-selected{color:#05090b;background:#f7d889;border-color:#f7d889e6}.patrol-depth-stack{gap:5px;display:grid}.patrol-speed-row button.is-selected,.patrol-depth-stack button.is-selected,.patrol-optics-magnification button.is-selected{color:#05090b;background:#f7d889;border-color:#f7d889e6}.patrol-depth-readout{text-align:center;gap:1px;min-width:0;display:grid}.patrol-depth-readout strong{color:#f7d889}.patrol-depth-readout span{text-overflow:ellipsis;white-space:nowrap;color:#d7efe8b8;font-size:11px;overflow:hidden}.patrol-port-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.patrol-engage-popover{z-index:6;color:#f7d889;letter-spacing:0;text-transform:uppercase;cursor:pointer;background:#05090be0;border:1px solid #f7d889c7;border-radius:3px;min-height:24px;padding:4px 9px;font:700 10px/1 ui-monospace,monospace;position:absolute;transform:translate(12px,-50%);box-shadow:0 0 18px #00000075}.patrol-engage-popover:hover,.patrol-engage-popover:focus-visible{color:#05090b;background:#f7d889}.patrol-optics-launcher{top:16px;left:50%;transform:translate(-50%)}.patrol-optics-launcher:disabled{cursor:not-allowed;opacity:.48}.patrol-optics-viewport{z-index:5;color:#d7efe8;background:#020809eb;border:1px solid #89f7d085;grid-template-rows:auto minmax(0,1fr) auto;width:min(646px,100vw - 456px);min-width:360px;height:min(332px,100svh - 270px);min-height:204px;display:grid;position:absolute;top:52px;right:16px;box-shadow:0 0 34px #0000008f}.patrol-optics-header{color:#89f7d0;text-transform:uppercase;grid-template-columns:auto auto minmax(120px,1fr) auto;align-items:center;gap:8px;min-height:29px;padding:5px 7px;font-size:10px;display:grid}.patrol-optics-header span,.patrol-optics-header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.patrol-optics-header button,.patrol-optics-magnification button{color:#d7efe8;min-height:21px;font:inherit;cursor:pointer;background:#071411;border:1px solid #89f7d061;border-radius:2px;font-size:10px}.patrol-optics-canvas{background:#06131a;width:100%;height:100%;min-height:0;display:block}.patrol-optics-magnification{grid-template-columns:repeat(2,36px);gap:4px;display:grid;position:absolute;bottom:8px;right:8px}.patrol-optics-track-button{z-index:6;color:#89f7d0;text-transform:uppercase;cursor:pointer;background:#020809db;border:1px solid #89f7d06b;border-radius:2px;min-width:86px;min-height:24px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.patrol-optics-track-button.is-selected{color:#05090b;background:#f7d889;border-color:#f7d889e6}.optic-slew-button{z-index:6;color:#89f7d0;cursor:pointer;pointer-events:auto;background:#020809d1;border:1px solid #89f7d06b;border-radius:2px;place-items:center;width:30px;height:46px;font:700 22px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;position:absolute}.optic-slew-button:hover,.optic-slew-button:focus-visible{color:#f7d889;border-color:#f7d889db}.optic-slew-left{top:50%;left:8px;transform:translateY(-50%)}.optic-slew-right{top:50%;right:8px;transform:translateY(-50%)}.tactical-optic-slew{z-index:4;position:absolute;top:154px}.tactical-optic-slew-left{right:606px}.tactical-optic-slew-right{right:22px}.tactical-optic-slew-up,.tactical-optic-slew-down{right:302px}.tactical-optic-slew-up{top:44px}.tactical-optic-slew-down{top:246px}.patrol-contact-card .tdc-help{font-size:11px;line-height:1.2}.patrol-status-panel,.patrol-contact-panel,.patrol-port-panel{z-index:3;color:#d7efe8;background:#020809d6;border:1px solid #89f7d061;gap:7px;padding:10px;font-size:12px;display:none;position:absolute}.patrol-status-panel{width:360px;top:16px;right:16px}.patrol-contact-panel{width:360px;top:210px;right:16px}.patrol-port-panel{width:420px;bottom:16px;left:16px}.patrol-status-panel button,.patrol-contact-panel button,.patrol-port-panel button{color:#d7efe8;min-height:28px;font:inherit;cursor:pointer;background:#071411;border:1px solid #89f7d061;border-radius:2px}.patrol-contact-panel button:disabled{cursor:not-allowed;opacity:.45}.depth-control{background:#0411149e;border:1px solid #89f7d02e;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;padding:6px;display:grid}.depth-control div{text-align:center;gap:2px;display:grid}.depth-control strong{color:#f7d889;font-size:14px}.depth-control span{color:#d7efe8c7;font-size:11px}.tdc-side-section{border-top:1px solid #89f7d02e;gap:5px;min-height:0;padding-top:7px;display:grid}.combat-panel-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;display:grid}.combat-panel-tabs button{height:30px;min-height:30px;padding:4px 8px}.combat-panel-tabs button.is-selected{color:#061312;background:#f7d889;border-color:#f7d889}.selected-target-strip{color:#d7efe8d1;grid-template-columns:1fr;gap:3px}.tdc-side-section strong{color:#89f7d0;text-transform:uppercase}.tdc-side-row{color:#d7efe8d1;grid-template-columns:minmax(82px,auto) minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:18px;display:grid}.tdc-side-row span:last-child{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;overflow:hidden}.deck-gun-aim-pad{grid-template-rows:repeat(2,minmax(0,auto));grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:3px 0;display:grid}.deck-gun-aim-pad button{min-height:28px}.deck-gun-range-pad{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.deck-gun-range-pad button{min-height:24px;font-size:11px}.deck-gun-aim-up,.deck-gun-aim-down{grid-column:2}.deck-gun-aim-up{grid-row:1}.deck-gun-aim-left{grid-area:2/1}.deck-gun-aim-down{grid-row:2}.deck-gun-aim-right{grid-area:2/3}.tdc-side-warnings{max-height:72px;overflow:hidden}.tactical-log-list{gap:5px;max-height:168px;display:grid;overflow:hidden}.tactical-log-entry{color:#d7efe8c7;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:7px;font-size:10px;line-height:1.3;display:grid}.tactical-log-entry span:first-child{color:#89f7d0bd;text-align:right}.tactical-log-entry span:last-child{overflow-wrap:anywhere;min-width:0}.tactical-log-entry-warning{color:#f7d889e6}.tactical-log-entry-critical{color:#ff9a7af2}.tube-selector{grid-template-columns:repeat(2,1fr)}.aspect-diagram{background:#030a0b9e;border:1px solid #89f7d02e;min-height:82px;position:relative}.aspect-diagram-los{border-left:1px solid #89f7d059;position:absolute;top:10px;bottom:14px;left:50%}.aspect-diagram-sub{color:#89f7d0db;font-size:10px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.aspect-diagram-target{width:120px;height:70px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.aspect-diagram-ship{background:#f7d8891f;border:2px solid #f7d889;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aspect-diagram-arrow{transform-origin:50%;border-top:2px solid #89f7d0;width:68px;height:0;position:absolute;top:50%;left:50%}.aspect-diagram-arrow:after{content:"";border-top:2px solid #89f7d0;border-right:2px solid #89f7d0;width:9px;height:9px;position:absolute;top:-5px;right:-1px;transform:rotate(45deg)}.secondary-tool{border:1px solid #89f7d02e;grid-column:1/-1;padding:8px}.secondary-tool summary{cursor:pointer;color:#f7d889;text-transform:uppercase}.recognition-book{z-index:12;color:#d7efe8;width:min(420px,100vw - 32px);font-size:12px;position:absolute;top:16px;left:16px}.recognition-book:not(.is-open){width:max-content}.recognition-toggle{color:#89f7d0;height:30px;font:inherit;text-transform:uppercase;cursor:pointer;background:#071411eb;border:1px solid #89f7d080;border-radius:2px}.recognition-panel{background:#020809e0;border:1px solid #89f7d07a;max-height:min(540px,100svh - 328px);margin-top:8px;padding:10px;overflow:hidden;box-shadow:0 0 24px #0000006b}.recognition-heading,.recognition-entry-header{text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;display:flex}.recognition-heading{color:#89f7d0;grid-template-columns:1fr minmax(86px,auto) minmax(92px,auto) auto;display:grid}.recognition-heading label{color:#89f7d0b8;gap:3px;font-size:10px;display:grid}.recognition-heading select,.recognition-close{color:#d7efe8;min-width:0;height:26px;font:inherit;background:#071411;border:1px solid #89f7d061}.recognition-entry-header span{color:#f7d889}.recognition-panel p{color:#d7efe8d1;margin:8px 0 10px;line-height:1.4}.recognition-card{color:#d7efe8;width:100%;font:inherit;text-align:left;cursor:pointer;background:#050e0deb;border:1px solid #89f7d04d;border-radius:2px;gap:8px;padding:10px;display:grid}.recognition-card.is-selected{background:#181b12f0;border-color:#f7d889e6}.reference-silhouette{background:#030a0bbd;border:1px solid #89f7d02e;width:100%;height:96px}.reference-silhouette-sprite{background:linear-gradient(#264c62c7,#5f7e808c 52%,#0b2a2cd1 53%);place-items:center;display:grid;position:relative;overflow:hidden}.reference-silhouette-sprite img{z-index:1;object-fit:contain;filter:saturate(.82)brightness(.92)contrast(1.06);pointer-events:none;-webkit-user-select:none;user-select:none;max-width:96%;max-height:88px;position:relative}.reference-sprite-horizon{background:#d7efe83d;height:1px;position:absolute;top:52%;left:8px;right:8px}.reference-silhouette .sea-line,.reference-silhouette .ship-deck,.reference-silhouette .ship-mast{stroke:#d7efe89e;stroke-width:2px;vector-effect:non-scaling-stroke}.reference-silhouette .sea-line{stroke:#89f7d033}.reference-silhouette .ship-hull{fill:#8ca49b;stroke:#d7efe8;stroke-width:2px;vector-effect:non-scaling-stroke}.reference-silhouette .ship-draft{fill:#4a696673;stroke:#89f7d02e;stroke-width:1px;vector-effect:non-scaling-stroke}.reference-silhouette .ship-superstructure,.reference-silhouette .ship-hatch{fill:#c7d8d2}.recognition-stats{grid-template-columns:repeat(5,1fr);gap:8px;margin:0;display:grid}.recognition-stats div{gap:2px;display:grid}.recognition-stats dt{color:#89f7d0b8;text-transform:uppercase}.recognition-stats dd{margin:0}.recognition-notes{color:#d7efe8c7;margin:0;padding-left:16px;line-height:1.35}.recognition-actions{grid-template-columns:1fr 1.4fr 1fr;gap:6px;display:grid}.recognition-actions button,.recognition-select{color:#d7efe8;min-height:28px;font:inherit;cursor:pointer;background:#10251f;border:1px solid #89f7d061}.recognition-select{border-color:#f7d889b8}.recognition-empty{color:#f47d65;border:1px solid #f47d656b;padding:12px}.tdc-panel label{text-transform:uppercase;gap:4px;min-width:0;display:grid}.tdc-panel input,.tdc-panel select,.tdc-panel button{color:#d7efe8;min-width:0;height:30px;font:inherit;background:#071411;border:1px solid #89f7d061;border-radius:2px}.tdc-panel input,.tdc-panel select{padding:0 8px}.tdc-panel button{cursor:pointer;text-transform:uppercase;color:#05090b;background:#89f7d0}.tdc-panel button:disabled{cursor:not-allowed;opacity:.45}.tdc-panel .tdc-secondary,.tdc-secondary{color:#d7efe8;background:#10251f}.tdc-group{border-top:1px solid #89f7d02e;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;display:grid}.tdc-group-title,.tdc-readout,.observation-readouts,.aob-presets{grid-column:1/-1}.tdc-group-title{color:#89f7d0;text-transform:uppercase}.tdc-readout{color:#d7efe8d1}.tdc-readout.warning-readout{color:#f47d65}.observation-readouts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.observation-mark{background:#030a0b9e;border:1px solid #89f7d038;gap:2px;min-height:84px;padding:8px;display:grid}.observation-mark strong{color:#f7d889;text-transform:uppercase}.range-controls{grid-column:1/-1;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:4px;display:grid}.workflow-card .tdc-help{font-size:11px;line-height:1.2}.fix-section{background:#030a0b9e;border:1px solid #89f7d02e;align-content:center;gap:3px;padding:5px;display:grid}.range-controls input{width:100%}.segmented{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented button{color:#d7efe8;text-transform:none;background:#10251f}.segmented button.is-selected{color:#05090b;background:#f7d889;border-color:#f7d889e6}.status-badge{color:#d7efe8d1;text-transform:uppercase;border:1px solid #89f7d04d;align-items:center;min-height:18px;padding:1px 6px;display:inline-flex}.status-fresh,.status-selected,.status-available,.status-observation,.status-live,.status-bearing-plot,.status-length-timed{color:#89f7d0;border-color:#89f7d0b3}.status-aging,.status-manual{color:#f7d889;border-color:#f7d889b8}.status-stale,.status-missing,.status-unavailable{color:#f47d65;border-color:#f47d65a8}.readiness-grid{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.readiness-grid div{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.warning-list{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.warning-list span{color:#f47d65;border:1px solid #f47d6575;padding:2px 5px;font-size:10px}.aspect-helper{background:#030a0b9e;border:1px solid #89f7d02e;grid-column:1/-1;height:46px;position:relative}.aspect-helper span:first-child{border-top:1px solid #89f7d042;position:absolute;top:22px;left:18px;right:18px}.aspect-line{transform-origin:0;border-top:2px solid #f7d889;width:78px;position:absolute;top:50%;left:50%}.aspect-toward{transform:rotate(90deg)}.aspect-slight-angle{transform:rotate(60deg)}.aspect-diagonal{transform:rotate(35deg)}.aspect-broadside{transform:rotate(0)}.aspect-away-diagonal{transform:rotate(-35deg)}.aspect-away{transform:rotate(-80deg)}.aob-presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.aob-presets button{color:#d7efe8;text-transform:none;background:#10251f;height:34px;padding:0 6px}.aob-presets button.is-selected{color:#05090b;background:#f7d889;border-color:#f7d889e6}.tdc-row,.tdc-help,.tdc-outcome{grid-column:1/-1}.tdc-header,.tdc-outcome{justify-content:space-between;gap:8px;display:flex}.tdc-header{color:#89f7d0}.tdc-outcome{color:#d7efe8d1;flex-wrap:wrap}.tdc-help{color:#f7d889db;line-height:1.35}.compact-identify-card{grid-template-columns:1.3fr 1fr 1fr minmax(180px,auto) minmax(150px,auto);align-items:center}.compact-identify-card .tdc-readout{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-identify-card button{align-self:center}.compact-aspect-card{grid-template-columns:minmax(340px,1fr) 250px 300px;align-items:stretch;column-gap:12px;width:min(1220px,100%);margin:0 auto}.compact-readout-column,.compact-card-controls,.compact-action-column,.compact-center-note{align-content:center;gap:3px;display:grid}.compact-readout-column{min-width:0}.compact-action-column{grid-template-columns:1fr;align-content:center;gap:5px;display:grid}.compact-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:4px;display:grid}.compact-speed-card{grid-template-columns:1fr 1fr 1.18fr;align-items:stretch;column-gap:10px}.compact-speed-card .tdc-readout,.compact-speed-card button{min-height:24px}.compact-center-note{color:#f7d889db;border:1px solid #89f7d029;min-height:0;padding:5px;line-height:1.25}.compact-fix-card{grid-template-columns:minmax(150px,.8fr) minmax(260px,1.15fr) minmax(220px,.95fr);align-items:start;column-gap:10px}.compact-card-footer{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;min-height:16px;overflow:hidden}.bracket-dpad{grid-template-rows:repeat(3,24px);grid-template-columns:repeat(3,30px);justify-content:center;gap:3px;display:grid}.stadimeter-action-section .primary-action{align-self:end}.compact-speed-card .primary-action{grid-column:1/-1}.bracket-dpad button{min-height:24px;padding:0;font-weight:700}.bracket-dpad-center{background:#89f7d014;border:1px solid #89f7d02e}.primary-action{color:#05090b!important;background:#f7d889!important;border-color:#f7d889b8!important}.compact-warning span{padding:1px 5px}@media (width<=760px){.recognition-book{width:calc(100vw - 16px);top:8px;left:8px}.recognition-book.is-open{width:min(380px,100vw - 16px)}.recognition-panel{max-height:min(560px,100svh - 210px)}.tdc-panel{width:calc(100vw - 16px);max-height:44svh;bottom:8px;right:8px}.tdc-panel label{font-size:11px}.tdc-group{grid-template-columns:repeat(2,1fr)}.tdc-workflow{bottom:8px;left:8px;right:8px}.tdc-workflow-wide{right:8px}.workflow-card{height:172px}.workflow-card-fix{height:228px}.workflow-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fix-section,.aspect-diagram{grid-column:1/-1}.compact-aspect-card,.compact-speed-card,.compact-identify-card,.compact-fix-card{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-action-column{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.workflow-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-control-panel{width:min(300px,100vw - 16px);top:8px;right:8px}.tdc-side-panel{width:min(300px,100vw - 16px);top:170px;bottom:188px;right:8px}.periscope-toggle{top:8px}.map-zoom-controls{width:62px;left:8px}.tdc-panel-toggle{top:170px;right:8px}.patrol-bottom-bar{grid-template-columns:repeat(2,minmax(0,160px));width:min(328px,100vw - 16px);font-size:11px;bottom:8px;left:8px}.patrol-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.patrol-port-card{grid-column:1/-1}.patrol-intel-log{width:min(420px,100vw - 16px);top:48px;left:8px}.patrol-mission-card{width:min(320px,100vw - 16px);top:178px;left:8px}.patrol-debug-export{width:min(260px,100vw - 16px);top:168px;left:8px}.simulation-speed-card-patrol{right:8px}.patrol-optics-launcher{top:8px}.patrol-optics-viewport{width:calc(100vw - 16px);min-width:0;height:min(280px,100svh - 300px);top:36px;right:8px}.tactical-optic-slew-left{left:8px}.tactical-optic-slew-right{right:8px}.patrol-optics-header{grid-template-columns:1fr auto}.patrol-status-panel,.patrol-contact-panel{width:min(320px,100vw - 16px);right:8px}.patrol-status-panel{top:8px}.patrol-contact-panel{top:205px}.patrol-port-panel{width:min(380px,100vw - 16px);bottom:8px;left:8px}}.port-visit-backdrop{z-index:80;pointer-events:auto;background:#0007097a;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.port-visit-modal{color:#d7efe8;background:#020c0df0;border:1px solid #89f7d094;width:min(860px,100vw - 48px);max-height:calc(100vh - 64px);padding:18px;box-shadow:0 0 0 1px #f7d8891f,0 18px 60px #00000073}.port-visit-header,.port-visit-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.port-visit-header{border-bottom:1px solid #89f7d033;padding-bottom:12px}.port-visit-header h2{letter-spacing:0;color:#89f7d0;margin:4px 0;font-size:24px}.port-visit-header p,.port-visit-footer span{color:#d7efe8bd;margin:0;font-size:12px}.port-visit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.port-visit-section{background:#00161694;border:1px solid #89f7d03d;flex-direction:column;gap:8px;min-height:128px;padding:12px;display:flex}.port-visit-section h3{color:#f7d889;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:13px}.port-visit-section span{color:#d7efe8c7;font-size:11px;line-height:1.35}.port-visit-section button{margin-top:auto}.mission-offer{background:#02080961;border:1px solid #89f7d02e;gap:5px;padding:7px;display:grid}.mission-offer strong{color:#d7efe8;text-transform:uppercase;font-size:11px}.mission-offer button{margin-top:0}.port-visit-footer{border-top:1px solid #89f7d033;padding-top:12px}@media (width<=820px){.port-visit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.port-visit-backdrop{padding:16px}.port-visit-grid{grid-template-columns:1fr}.port-visit-header,.port-visit-footer{flex-direction:column;align-items:stretch}}