:root{--ui-bg:#10252c;--ui-raised:#19343b;--ui-field:#0c1f26;--ui-text:#e9f3f2;--ui-muted:#adc4c6;--ui-line:#476168;--ui-accent:#a7ebd4;--ui-on-accent:#102e29;--ui-error:#ffd09a}
#settings-console,#console-toggle{font-family:system-ui,"Microsoft YaHei",sans-serif;color:var(--ui-text)}
#console-toggle{position:fixed;right:24px;top:88px;z-index:35;min-height:40px;padding:9px 20px;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:7px;font-size:14px;cursor:pointer}
#console-toggle[aria-expanded=true]{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}
#settings-console{position:fixed;right:20px;top:82px;bottom:24px;width:420px;max-width:calc(100vw - 32px);z-index:60;display:flex;flex-direction:column;overflow:hidden;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:12px;box-shadow:0 12px 40px #0005;font-size:14px;line-height:1.6;letter-spacing:normal}
#settings-console [hidden],#settings-console[hidden]{display:none!important}
.console-heading{display:flex;align-items:center;justify-content:space-between;flex:none;padding:18px 20px 12px}.console-heading small{font-size:10px;letter-spacing:1.8px;color:var(--ui-muted)}.console-heading h2{font-size:20px;line-height:1.4;margin:3px 0 0;font-weight:600}.console-heading #console-close{border:0;background:none;font-size:25px;width:40px;height:40px;padding:0}
.console-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:0 12px 12px;border-bottom:1px solid var(--ui-line);flex:none}.console-tabs button{min-width:0;border-color:transparent;background:transparent;padding:8px 2px;font-size:13px;white-space:nowrap}.console-tabs button[aria-selected=true]{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent);font-weight:600}
.console-scroll{overflow:auto;min-height:0;flex:1;padding:4px 20px 20px;scrollbar-width:thin;scrollbar-color:#64878c transparent;scroll-padding:12px}.console-scroll>section{min-width:0}.console-note{font-size:12px;line-height:1.8;color:var(--ui-muted);margin:14px 0}.console-apply{flex:none;padding:12px 20px;border-top:1px solid var(--ui-line);background:var(--ui-bg)}
#settings-console #graphics-panel,#settings-console #water-panel,#settings-console #weather-editor,#settings-console #settings{position:static;inset:auto;width:auto;max-width:none;max-height:none;margin:0;padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:inherit;font:inherit}
#settings-console button,#settings-console select,#settings-console input{font:inherit;letter-spacing:normal}#settings-console button,#settings-console select{min-height:36px;border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-raised);color:var(--ui-text);padding:7px 10px;cursor:pointer}#settings-console button:hover{border-color:var(--ui-accent)}#settings-console button:active{background:#31534f}#settings-console button[aria-pressed=true]{border-color:var(--ui-accent);background:#264b43}#settings-console button:disabled{opacity:.5;cursor:default}#settings-console :focus-visible,#console-toggle:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
#settings-console label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:14px 0;font-size:14px;color:var(--ui-text)}#settings-console label>input,#settings-console label>select{grid-column:1/-1;width:100%;margin:0}#settings-console label>input[type=checkbox]{grid-column:2;grid-row:1;width:18px;height:18px}#settings-console input[type=range]{accent-color:var(--ui-accent);height:20px;cursor:pointer}#settings-console label>input.precision-number{grid-column:2;width:86px;height:30px;min-height:0;padding:3px 7px}#settings-console input[type=number]{border:1px solid var(--ui-line);border-radius:4px;background:var(--ui-field);color:var(--ui-text);padding:7px;width:100%;min-width:0}#settings-console input[type=color]{height:34px;background:var(--ui-field);border:1px solid var(--ui-line);border-radius:4px}#settings-console input:disabled,#settings-console select:disabled{opacity:.5;cursor:not-allowed}#settings-console output{font-size:12px;color:var(--ui-accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#settings-console p{color:var(--ui-muted);font-size:12px;line-height:1.8}
#settings-console details,#settings-console fieldset{border:0;border-bottom:1px solid var(--ui-line);padding:12px 0;margin:0;min-width:0}#settings-console summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ui-text);padding:4px 0;min-height:32px}#settings-console legend{font-size:14px;font-weight:600;padding:10px 0 0}#settings-console h3{font-size:14px;margin:12px 0 8px}
#settings-console .look-buttons,#settings-console .styles{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin:14px 0}#settings-console .look-buttons button,#settings-console .styles button{font-size:12px;padding:9px 5px}#settings-console .parameter-actions,#settings-console .file-actions,#settings-console .weather-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#settings-console .parameter-actions button,#settings-console .file-actions button{flex:1;font-size:12px;white-space:nowrap}#settings-console .weather-views button{font-size:12px;margin:3px 4px 3px 0}#settings-console .graphics-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}#settings-console .graphics-actions select{grid-column:1/-1;width:100%;font-size:13px}#settings-console .graphics-actions button{font-size:12px}#settings-console .primary{width:100%;background:var(--ui-accent);color:var(--ui-on-accent);margin-top:8px}
#settings-console #graphics-apply{display:block;width:100%;min-height:40px;background:var(--ui-accent);color:var(--ui-on-accent);font-weight:600;border-color:var(--ui-accent)}#settings-console #graphics-message{display:block;max-height:75px;overflow:auto;margin-top:6px;color:var(--ui-error);font-size:12px}#settings-console #graphics-message:empty{display:none}#settings-console #graphics-metrics{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--ui-field);border:1px solid var(--ui-line);border-radius:6px;font:12px/1.8 ui-monospace,monospace;color:var(--ui-text)}#settings-console #water-metrics,#settings-console #weather-status{display:block;white-space:pre-line;line-height:1.8;margin:12px 0;color:var(--ui-muted)}#settings-console #test-lightning{width:100%}#settings-console #system-controls{position:static;width:auto;padding:0 0 12px;background:transparent;border:0;border-bottom:1px solid var(--ui-line);box-shadow:none;font:inherit}#settings-console #system-controls label{display:inline-flex!important;gap:8px;margin:5px 18px 7px 0;font-size:14px}#settings-console #system-controls input{width:18px!important;height:18px;accent-color:var(--ui-accent)}#settings-console #system-state{display:block;color:var(--ui-muted);font-size:12px}#settings-console #system-message{display:block;color:var(--ui-error)}#settings-console #system-message:empty{display:none}
#graphics-last-download,#graphics-last-recording,[data-cloud-transport-download]{display:block;color:var(--ui-accent);font-size:12px;overflow-wrap:anywhere;margin:8px 0}#observer-return{position:fixed;right:24px;bottom:90px;z-index:35;background:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:6px;padding:10px 16px;cursor:pointer}#observer-return[hidden]{display:none}
body[data-observing=true] .title,body[data-observing=true] .telemetry,body[data-observing=true] .panel,body[data-observing=true] .location,body[data-observing=true] .readings,body[data-observing=true] #boat-marker{visibility:hidden}
body.settings-open .readings,body.settings-open .telemetry{right:464px}body.settings-open #console-toggle{visibility:hidden}
@media(max-width:900px){#console-toggle{right:16px;top:84px}#settings-console{right:12px;top:72px;bottom:12px;width:400px}.console-scroll{padding:4px 16px 16px}.console-heading{padding:14px 16px 10px}.console-apply{padding:10px 16px}body.settings-open .readings,body.settings-open .telemetry{visibility:hidden}}
@media(max-width:520px){#settings-console{inset:12px;max-width:none;width:auto}.console-tabs button,#settings-console button,#settings-console select{min-height:44px}.console-tabs{gap:0;padding:0 8px 8px}.console-tabs button{font-size:13px}#settings-console .graphics-actions{grid-template-columns:1fr}#settings-console label{font-size:15px}.console-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){#settings-console *,#console-toggle{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
#settings-console>#system-controls{flex:none;margin:0;padding:0 20px 10px;border-bottom:0}#settings-console>#system-controls h3{display:none}#settings-console>#system-controls label{margin-top:0;margin-bottom:3px}#settings-console>#system-controls #system-state{font-size:11px}
body .panel{background:#10252cf5;backdrop-filter:none;border-color:#476168;box-shadow:0 10px 32px #0003;width:260px;padding:18px;top:136px;left:24px;max-height:calc(100dvh - 220px)}body .panel .eyebrow,body .panel>h1,body .panel>.intro{display:none}body .panel .section-label{margin-top:12px}body .panel .vehicles button>span{display:none}body .panel .vehicles button{padding:10px 4px;font-size:13px}body #panel-toggle{position:fixed;top:88px;left:24px;right:auto;z-index:35;min-height:40px;padding:9px 20px;font-size:14px;background:#10252c;border-color:#476168}body .panel .divider{margin-top:14px}body #stage-note{font-size:12px}body .readings{gap:24px;bottom:86px}body .readings strong{font-size:20px}body .readings small{margin-bottom:6px}body .location{top:96px;left:150px}body .location h2{font-size:16px;letter-spacing:1px}body .location span{font-size:10px;letter-spacing:1px}
@media(max-width:760px){body #panel-toggle{left:16px;top:84px}body .panel{left:16px;top:136px;width:260px}body .location{top:142px;left:24px}body .readings{bottom:100px;right:20px}body .readings>div:first-child{display:none}body #touch{bottom:80px}}
#settings-console .console-tabs button{border-color:transparent;background:transparent}#settings-console .console-tabs button[aria-selected=true]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}
.exploration-tools{position:fixed;left:120px;top:88px;z-index:35;display:flex;gap:8px}.exploration-tools button{min-height:40px;padding:9px 14px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-bg);color:var(--ui-text);font:14px system-ui,"Microsoft YaHei",sans-serif}.exploration-tools button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}body .location{top:146px;left:24px}@media(max-width:760px){.exploration-tools{left:104px;top:84px}.exploration-tools button{padding:9px 10px;font-size:13px}}