:root{--ink:#172d3d;--muted:#647680;--paper:#f5f4ee;--line:#d6dfdc;--green:#1f665a;--sea:#16475c;--gold:#b58539}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif}.shell{max-width:1200px;margin:auto;padding:20px 28px}h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:14px 0 20px;letter-spacing:-.04em}h2{font-size:23px;margin:12px 0}h3{margin:10px 0}a{color:var(--green)}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px;color:var(--ink);text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--green)}button:disabled{opacity:.5;cursor:wait}button.primary,.button.primary{background:var(--green);border-color:var(--green);color:white}input,select{border:1px solid #b6c8c1;border-radius:8px;padding:9px;background:#fff;max-width:100%;color:var(--ink)}input{width:100%}label{display:block;font-size:14px;color:var(--muted)}label input,label select{display:block;margin-top:5px}nav,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand strong{letter-spacing:.12em;font-size:18px}.brand small{display:block;color:var(--muted);font-size:12px}.brand nav{margin-left:auto}.welcome{max-width:640px;margin:65px auto}.welcome>p{font-size:18px;color:var(--muted)}.welcome form{max-width:380px;margin:28px 0}.welcome form button{margin-top:14px;width:100%}.eyebrow{letter-spacing:.15em;font-size:11px;font-weight:700;color:var(--green)}.notice{min-height:24px;color:var(--green)}#login-error,.error{color:#a33336}.lab-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.lab-card,.card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.lab-card{position:relative;overflow:hidden}.lab-card .symbol{font-size:60px;line-height:1.2;margin-bottom:18px}.lab-card.ocean{background:#e7f0ed}.lab-card p{color:var(--muted)}.lab-card .stats{font-size:14px;margin:24px 0}.game-nav{margin:18px 0}.game-nav button[aria-selected=true]{background:var(--sea);color:white}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.map-card{background:var(--sea);padding:12px;border-radius:18px;position:relative;color:#fff}.map-card canvas{width:100%;display:block;aspect-ratio:1/1;border-radius:12px;touch-action:manipulation}.map-caption{font-size:12px;opacity:.75;padding:8px}.console{display:flex;flex-direction:column;gap:14px}.console .card{padding:18px}.instrument-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;margin-bottom:10px}.instrument-bar strong{display:block;font-size:20px}.buoy-row{display:grid;grid-template-columns:24px 1fr 1fr 35px;gap:6px;align-items:end;margin:8px 0}.buoy-row button{padding:8px}.segment-row{display:grid;grid-template-columns:22px 1fr 1fr 32px;gap:6px;margin:10px 0;align-items:end}.segment-row button{padding:8px}.hint{font-size:13px;color:var(--muted)}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px;white-space:nowrap}th{background:#edf2ef}td button{font-size:12px;padding:5px 9px}.result{padding:16px;border-radius:12px;background:#e8f2ed;margin-top:12px}.result.lost{background:#fbebe4}.score{font-size:36px;font-weight:750;letter-spacing:-.04em}.status{font-size:12px;color:var(--muted)}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:10px 0}.legend span::before{content:'';display:inline-block;width:18px;height:3px;background:var(--color);margin-right:6px;vertical-align:middle}dialog{border:1px solid var(--line);border-radius:18px;max-width:900px;width:calc(100% - 30px);max-height:85vh;padding:24px}dialog::backdrop{background:#172d3d99}.dialog-head{display:flex;justify-content:space-between;gap:14px}.compare-item{display:flex;align-items:center;gap:8px;margin:7px 0}.compare-item input{width:auto}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65bca0;margin-right:6px}footer{color:var(--muted);font-size:12px;margin:35px 0 8px}details{margin:10px 0}summary{cursor:pointer;font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d7ab60;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){.shell{padding:12px}.brand{gap:8px;flex-wrap:wrap}.brand nav{width:100%;margin:0;justify-content:flex-end}.lab-cards,.game-layout{grid-template-columns:1fr}.welcome{margin:35px 12px}.console{gap:10px}.lab-card{padding:20px}.game-nav{gap:6px}.game-nav button{padding:8px 10px;font-size:13px}}

.sea-feedback{background:#ffffff12;border:1px solid #ffffff25;padding:9px 12px;border-radius:9px;font-size:13px;margin-bottom:10px;min-height:40px;transition:background .3s,border-color .3s}.sea-feedback.danger{background:#aa492944;border-color:#ffa07d;color:#ffe3d4}.active-segment{background:#e3f3eb;border-radius:10px;box-shadow:0 0 0 5px #e3f3eb}.instrument-bar strong{font-variant-numeric:tabular-nums}.segment-row input{min-width:0}
@media(prefers-reduced-motion:reduce){.sea-feedback{transition:none}}

:root{--paper:#f7f3e7;--line:#dbdfce;--green:#356756}body{background-image:radial-gradient(#536b4710 .7px,transparent .7px);background-size:9px 9px}.lab-card{padding:0 24px 24px;border-radius:20px;box-shadow:0 8px 28px #22372408}.lab-cover{display:block;width:calc(100% + 48px);height:auto;aspect-ratio:3/2;object-fit:cover;margin:0 -24px 22px;border-bottom:1px solid var(--line)}.lab-card.ocean{background:#f0f4ee}.lab-card h2{font-size:27px}.lab-card .stats{margin:18px 0;font-size:13px}.lab-card .button{width:100%;text-align:center}.portal-intro{color:var(--muted);max-width:620px}.expedition-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.expedition-title h1{margin:5px 0 10px}.expedition-title>p{color:var(--muted);font-size:14px}.game-nav{justify-content:space-between}.mode-switch{display:flex;background:#e7ebdf;border-radius:12px;padding:4px;gap:4px}.mode-switch button{border:0;background:transparent}.minor-actions{display:flex;gap:4px}.minor-actions button{background:transparent;border-color:transparent;padding:8px 10px;font-size:13px}.game-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.map-card{position:sticky;top:12px;box-shadow:0 10px 35px #18382d15}.console .card{border-radius:14px}.console details.card{padding:13px 18px}.console details>summary{font-weight:600;color:var(--ink)}.fern-note{display:flex;gap:10px;align-items:center;border:1px dashed #a2b49b;border-radius:14px;padding:10px;background:#edf0df}.fern-note strong{font-size:12px;color:#446549}.fern-note p{margin:4px 0 0;font-size:12px;line-height:1.4;color:#5f7059}.fern-note img{flex-shrink:0}.wide{width:100%;margin:12px 0}.map-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:10px}.map-toolbar button{font-size:12px;padding:6px 9px;border-color:#ffffff30;background:#ffffff12;color:#edf4ea}.map-toolbar button[aria-pressed=true]{background:#38675c}.speed-control{display:flex;align-items:center;gap:7px;color:#d5e3df;font-size:12px;margin-left:auto}.speed-control select{margin:0;padding:4px 7px;background:#ffffff12;color:#edf4ea;border-color:#ffffff30}.speed-control option{color:var(--ink);background:white}.map-toolbar .row{gap:5px}.instrument-bar strong{font-size:19px}.card>details{border-top:1px solid var(--line);padding-top:10px}.segment-row{grid-template-columns:18px 1fr 1fr 28px}.segment-row label{font-size:12px}.segment-row button{padding:8px 4px}.result p{margin:8px 0}.score{font-size:30px}.map-caption{font-size:11px}button:disabled{cursor:default}.console .row button{font-size:13px;padding:8px 10px}
@media(max-width:800px){.game-layout{grid-template-columns:1fr}.map-card{position:relative;top:0}.expedition-title>p{font-size:12px}.game-nav{gap:8px}.mode-switch{width:100%}.mode-switch button{flex:1}.minor-actions{margin-left:auto}.lab-card{padding:0 20px 20px}.lab-cover{width:calc(100% + 40px);margin:0 -20px 18px}.lab-card h2{font-size:23px}.instrument-bar strong{font-size:16px}.speed-control{margin-left:0}.map-toolbar{justify-content:space-between}}

#login-user{width:100%}.welcome form label+label{margin-top:14px}.welcome form select{width:100%}

.planner-switch{gap:6px}.planner-switch button{flex:1;font-size:12px;padding:8px}.planner-switch button[aria-pressed=true]{background:var(--sea);color:white;border-color:var(--sea)}#map-plan-actions button{font-size:12px}#run-feedback{font-size:13px;margin:6px 0;overflow-wrap:anywhere}#sea[data-editing=true]{cursor:crosshair}#planner-help{min-height:40px}

.sea-viewport{position:relative}.empty-route-hint{position:absolute;top:29%;left:5%;width:90%;text-align:center;pointer-events:none;color:#e5f1f4;text-shadow:0 2px 8px #0a273c;font-size:clamp(12px,1.5vw,17px);line-height:1.5}.empty-route-hint p{margin:0}.empty-route-hint p+p{margin-top:8px;color:#b9d3dd;font-size:.88em}

.help-singlepage{font-size:14px;line-height:1.45}.help-singlepage p{margin:8px 0}.help-singlepage h3{font-size:16px;margin:14px 0 6px}.help-formula{padding:7px 10px;border-radius:8px;background:#edf2ef;color:#234b4c;font-size:13px}.help-singlepage .hint,.help-singlepage .muted{font-size:12px}

#mode-army{color:#715193}#mode-army[aria-selected=true]{background:#49305e;color:#e8ffcf}.army-mode .map-card{background:#25183b;border:1px solid #9e81b7;box-shadow:0 12px 42px #46245335}.army-mode #sea{cursor:crosshair}.army-mode .sea-feedback{background:#5a387042;border-color:#b0a0cf65;color:#e8dcfa}.army-card{background:#f4eef9;border-color:#c4add2}.army-card .eyebrow{color:#79548d}.army-tally{display:flex;gap:30px;margin:20px 0}.army-tally span{font-size:12px;color:#735c86}.army-tally strong{display:block;font-size:34px;color:#49305e;line-height:1.2}.army-command{font-weight:600;color:#5b416c;font-size:14px}.army-mode .fern-note{background:#ede5f2;border-color:#b09abf}.army-mode #legend{color:#decdf0}@media(max-width:600px){.mode-switch{flex-wrap:wrap}#mode-army{flex-basis:100%}}

.army-confirm{max-width:510px;background:#f8f3fc;border-color:#c4add2;box-shadow:0 20px 80px #25183b40}.army-confirm::backdrop{background:#201332aa}.army-confirm .eyebrow{color:#79548d;font-size:10px}.army-confirm h2{color:#49305e;font-size:28px}.army-confirm p{margin:16px 0 24px}.army-confirm .row{justify-content:flex-end;gap:8px}.army-confirm button{font-size:14px}.army-confirm .primary{background:#49305e;border-color:#49305e}.army-confirm button:focus-visible{outline-color:#9271b4}

.cosmic-threat{background:#a83136;border-color:#a83136;color:white;font-weight:750}.cosmic-threat[aria-pressed=true]{background:#661d29;box-shadow:0 0 0 3px #e8958870}.waterfall-mode .map-card{background:#214956}.mode-switch{flex-wrap:wrap}#mode-waterfall{color:#2d6572}#mode-waterfall[aria-selected=true]{background:#2d6572;color:white}