:root{color-scheme:dark;--ink:#dbe4df;--muted:#81928d;--line:#8da29c38;--panel:#0b1a20;--gold:#e3ae69;--mint:#9dd6c9;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
*{box-sizing:border-box}html{min-width:320px;background:#061216}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 35% -15%,#263940 0,#0d1a1f 42%,#071014 100%);color:var(--ink);font-family:var(--sans);letter-spacing:.01em}button{font:inherit;color:inherit;cursor:pointer}
.topbar{height:70px;margin:0 auto;max-width:1680px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup>div{display:grid;gap:4px}.brand-lockup strong{font-size:12px;letter-spacing:.17em}.brand-lockup small,.eyebrow,.scene-head,.instrument small,.instrument>span,.target-strip small,.panel-heading small,.objective-heading,.radar-heading,.radar-scale,.system-card small,.panel-bottom,.footer-note,.briefing-stats small,.control-note,.briefing-foot,.phase-badge{font-family:var(--mono);font-size:9px;letter-spacing:.13em;color:var(--muted)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #b2c5b852;border-radius:11px;color:var(--gold);font-family:Georgia,serif;font-size:14px}.weather-line{display:flex;align-items:center;gap:11px;font:9px var(--mono);letter-spacing:.14em;color:#a4b3ad}.weather-line i{height:3px;width:3px;border-radius:50%;background:#637671}.weather-line b{color:#e4c891;font-weight:600}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e8b56f;box-shadow:0 0 12px #e8b56f96;margin-right:7px}.quiet-button{border:1px solid var(--line);background:#17262b99;border-radius:7px;padding:9px 12px;font:9px var(--mono);letter-spacing:.12em;color:#a9b9b2}.quiet-button b{color:var(--mint);margin-left:5px}
.layout{width:min(1680px,calc(100% - 56px));margin:18px auto 12px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:stretch}.scene{position:relative;height:min(800px,calc(100vh - 112px));min-height:590px;overflow:hidden;border:1px solid #8399924c;border-radius:12px;background:radial-gradient(ellipse at 50% 34%,#17414a 0,#0b252d 48%,#06151a 100%);box-shadow:0 18px 70px #02080966}.scene canvas#world{position:absolute;inset:0;width:100%;height:100%;display:block}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#041116a8 0%,transparent 24%,transparent 57%,#03111592 100%),radial-gradient(ellipse at center,transparent 39%,#02090d80 100%)}.scene-head{position:absolute;left:18px;right:18px;top:17px;display:flex;align-items:center;justify-content:space-between;color:#c2cfca;z-index:1}.scene-head>div:first-child{display:flex;align-items:center}.scene-heading,.scene-weather{display:flex;gap:9px;align-items:center}.scene-heading small,.scene-weather{color:#aebdb7}.scene-heading b,.scene-weather b{color:#f0d39e;font-size:10px}.horizon-mark{position:absolute;left:47%;top:43%;display:flex;align-items:center;gap:6px;opacity:.66;pointer-events:none}.horizon-mark span{height:1px;width:22px;background:#d5bd8c76}.horizon-mark i{height:6px;width:6px;border:1px solid #e7c77b;border-radius:50%;box-shadow:0 0 10px #f2ca7c}
.hud-grid{position:absolute;top:67px;left:18px;display:grid;grid-template-columns:repeat(2,minmax(92px,126px));gap:8px;z-index:2}.instrument{padding:9px 10px 8px;border:1px solid #a2b8ad2b;border-radius:7px;background:#0a191ed6;backdrop-filter:blur(9px);min-width:0}.instrument small{font-size:8px}.instrument>b{display:flex;align-items:baseline;gap:5px;margin:4px 0 7px;font:500 19px var(--mono);color:#e5ece5}.instrument em{font:normal 8px var(--mono);color:#9eb0aa}.instrument>span{display:block;font-size:7px}.gauge-track{height:3px;border-radius:4px;background:#74837f4a;overflow:hidden}.gauge-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#78b9aa,#e4c47e);transition:width .2s}.fuel-track i{background:linear-gradient(90deg,#71bfb1,#dfbb77)}.hull-track i{background:linear-gradient(90deg,#83c4ac,#e8b77e)}.clock-instrument>b{display:block;margin:4px 0 4px;font:500 19px var(--mono);color:#f0d39e}
.target-strip{position:absolute;left:18px;bottom:90px;min-width:320px;max-width:min(670px,calc(100% - 36px));height:56px;display:flex;align-items:center;gap:11px;padding:8px 12px;border:1px solid #a0b8b040;border-radius:7px;background:#08191ddf;backdrop-filter:blur(8px);z-index:2}.target-pip{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--gold);box-shadow:0 0 12px currentColor}.target-strip>div:nth-of-type(1){min-width:100px;flex:1}.target-strip>div{display:grid;gap:4px}.target-strip small{font-size:7px}.target-strip b{font:600 10px var(--mono);letter-spacing:.04em;color:#e3e9df}.bearing-chip,.range-chip{border-left:1px solid var(--line);padding-left:10px;min-width:61px}.bearing-chip b,.range-chip b{font-size:11px;color:var(--gold)}.status-toast{position:absolute;left:18px;top:235px;max-width:min(340px,calc(100% - 36px));padding:9px 12px;border-left:2px solid #e3ae69a8;background:#08181ca3;color:#c4d0ca;font:10px/1.55 var(--mono);z-index:1;backdrop-filter:blur(5px)}.sonar-flash{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 56%,#7dccbc45 0,transparent 39%);opacity:0;transition:opacity .5s}.sonar-flash.active{opacity:1;animation:pingFade 1.8s ease-out forwards}@keyframes pingFade{0%{opacity:.8}100%{opacity:0}}
.touch-dock{position:absolute;right:18px;bottom:88px;display:flex;gap:9px;align-items:end;z-index:2}.helm-pad{display:grid;grid-template-columns:repeat(2,43px);grid-template-rows:repeat(2,38px);gap:5px}.helm-pad button,.action-pad button{border:1px solid #9fb4ae58;border-radius:7px;background:#0a191edb;color:#e4ece4;font:15px var(--mono);backdrop-filter:blur(8px);touch-action:none;user-select:none}.helm-pad button:active,.action-pad button:active{background:#c58c4f;color:#101a1d}.helm-pad button[data-rudder="-1"]{grid-column:1;grid-row:1}.helm-pad button[data-throttle="-1"]{grid-column:1;grid-row:2}.helm-pad button[data-throttle="1"]{grid-column:2;grid-row:1}.helm-pad button[data-rudder="1"]{grid-column:2;grid-row:2}.action-pad{display:flex;gap:5px}.action-pad button{width:65px;height:47px;font:600 8px var(--mono);letter-spacing:.08em;color:var(--gold)}.action-pad small{font:7px var(--mono);color:#a4b3ad}
.mission-panel{position:relative;min-height:590px;padding:18px 16px 14px;border:1px solid #8da29c4c;border-radius:12px;background:linear-gradient(160deg,#102228f2,#0a171cef 80%);display:flex;flex-direction:column;box-shadow:0 18px 70px #02080944}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.panel-heading small{font-size:8px}.panel-heading h2{margin:5px 0 0;font-size:13px;letter-spacing:.16em;font-weight:600}.phase-badge{padding:5px 7px;border:1px solid #8da29c45;border-radius:5px;color:var(--gold);font-size:8px}.watch-note{margin:12px 0 15px;padding:0 0 14px;border-bottom:1px solid var(--line);color:#a9b8b2;font:italic 12px/1.55 Georgia,serif}.objective-heading,.radar-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px}.objective-heading b{color:#d4bc8c;font:600 8px var(--mono)}.rescue-list{list-style:none;padding:0;margin:8px 0 14px;display:grid;gap:5px}.rescue-list li{min-height:48px;display:flex;align-items:center;gap:8px;padding:6px 7px;border:1px solid transparent;border-radius:6px;background:#ffffff04}.rescue-list li.current{border-color:#dab77251;background:#d9aa6b0b}.rescue-list li.safe{opacity:.55}.order-no{font:8px var(--mono);color:#72817d}.person-mark{width:23px;height:23px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:9px var(--mono)}.person-mark.amber{color:#f3c66d}.person-mark.coral{color:#f19179}.person-mark.mint{color:#91d9c7}.person-info{display:grid;gap:4px;flex:1}.person-info b{font:600 9px var(--mono);letter-spacing:.06em}.person-info small{font:7px var(--mono);letter-spacing:.09em;color:#80918b}.person-state{font:7px var(--mono);letter-spacing:.1em;color:#9caea6}.safe .person-state{color:#8ec9b7}.panel-divider{height:1px;background:var(--line);margin:0 0 12px}.radar-heading{margin-bottom:8px}.radar-heading small{color:var(--mint);font-size:7px}.radar-wrap{height:156px;border:1px solid #a0b8b02c;border-radius:7px;background:#07171c;overflow:hidden;position:relative}.radar-wrap canvas{display:block;width:100%;height:100%}.radar-scale{position:absolute;left:8px;right:8px;bottom:6px;display:flex;justify-content:space-between;font-size:6px;color:#7f928a}.system-card{display:flex;gap:9px;margin-top:12px;padding:10px 9px;border:1px solid #8bb9a23b;border-radius:7px;background:#9bd4bf0a}.system-icon{font-size:17px;color:var(--mint)}.system-card small{font-size:7px}.system-card b{display:block;margin:4px 0;font:600 8px var(--mono);color:#d1e0d8}.system-card p{margin:0;color:#849690;font:9px/1.45 var(--sans)}.panel-bottom{margin-top:auto;padding-top:13px;display:flex;flex-direction:column;gap:5px;font-size:7px}.footer-note{max-width:1680px;margin:0 auto;padding:6px 28px 15px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em}
.modal-layer{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:#04111476;backdrop-filter:blur(1.5px)}.modal-layer[hidden]{display:none}.briefing-card{width:min(610px,100%);padding:25px 28px 21px;border:1px solid #adc0b875;border-radius:11px;background:linear-gradient(145deg,#10242af0,#0a181df5);box-shadow:0 22px 90px #020609ac}.eyebrow{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:8px}.briefing-title{display:flex;justify-content:space-between;align-items:center;margin:13px 0 4px}.briefing-title h1{margin:0;font:normal clamp(38px,5vw,54px)/.98 Georgia,serif;letter-spacing:-.045em;color:#e2e8df}.briefing-title h1 i{color:var(--gold);font-weight:normal}.title-sub{margin:8px 0 0;font:8px var(--mono);letter-spacing:.13em;color:#91a39c}.lighthouse-glyph{width:42px;height:65px;position:relative;margin:0 25px 0 0}.lighthouse-glyph:before{content:"";position:absolute;left:17px;top:12px;width:12px;height:47px;background:linear-gradient(90deg,#82928c,#e2e3d7 46%,#869690);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.lighthouse-glyph span{position:absolute;z-index:2;left:14px;top:5px;width:18px;height:9px;border:1px solid #e5d7b4;background:#f2c87d;box-shadow:0 0 19px #f3c878}.lighthouse-glyph i{position:absolute;left:3px;top:7px;width:41px;height:2px;background:#e0bf7c69;box-shadow:0 0 15px #e0bf7c}.lighthouse-glyph b{position:absolute;left:8px;bottom:3px;width:28px;height:5px;background:#828e88}.briefing-copy{margin:17px 0 16px;color:#c2cec7;font:12px/1.65 var(--sans)}.briefing-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.briefing-stats>div{padding:0 13px;border-right:1px solid var(--line);display:grid;gap:5px}.briefing-stats>div:first-child{padding-left:0}.briefing-stats>div:last-child{border:0}.briefing-stats b{font:500 19px var(--mono);color:#e5eadd}.briefing-stats small{font-size:7px}.primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin:14px 0 12px;padding:13px 16px;border:0;border-radius:6px;background:linear-gradient(100deg,#c68c4c,#edc27f);color:#172024;text-align:left;font:700 9px var(--mono);letter-spacing:.16em;box-shadow:0 7px 24px #d29b5540}.primary-button:hover{filter:brightness(1.07)}.primary-button span{font-size:16px}.control-note{display:flex;flex-wrap:wrap;gap:7px 15px;font-size:7px}.control-note kbd{padding:3px 5px;border:1px solid #b3c2b944;border-radius:3px;background:#dce7df0a;color:#e1e8e0;font:7px var(--mono)}.briefing-foot{margin:14px 0 0;font-size:7px;color:#81928c}.result-card h2{margin:19px 0 0;font:normal 38px Georgia,serif}.result-card .briefing-copy{font-size:13px}
.scene::after{content:"";position:absolute;z-index:1;inset:-35% -10%;pointer-events:none;opacity:.075;mix-blend-mode:screen;background-image:repeating-linear-gradient(105deg,transparent 0 29px,#c8dbd4 30px,#c8dbd4 31px,transparent 32px 55px);animation:rainfall 1.35s linear infinite}@keyframes rainfall{to{transform:translate3d(-18px,34px,0)}}
@media(max-width:1120px){.layout{grid-template-columns:minmax(0,1fr) 300px}.mission-panel{padding:15px 13px}.hud-grid{grid-template-columns:repeat(2,105px)}.instrument{padding:8px}.target-strip{min-width:280px}.touch-dock{right:12px}.helm-pad{grid-template-columns:repeat(2,38px);grid-template-rows:repeat(2,35px)}}
@media(max-width:820px){.topbar{height:58px;padding:0 15px}.weather-line{gap:7px;font-size:7px}.weather-line i:nth-of-type(2){display:none}.brand-mark{width:32px;height:32px}.brand-lockup strong{font-size:10px}.brand-lockup small{font-size:7px}.layout{width:calc(100% - 24px);margin:12px auto;grid-template-columns:1fr;gap:10px}.scene{height:72vh;min-height:580px;max-height:760px}.mission-panel{min-height:0}.radar-wrap{height:190px}.footer-note{padding:6px 14px 14px}.touch-dock{display:flex}.target-strip{bottom:91px}.status-toast{top:205px}.mission-panel .panel-bottom{padding-bottom:3px}}
@media(max-width:500px){.topbar{padding:0 10px}.weather-line{gap:5px;font-size:6px}.weather-line>span:nth-of-type(2),.weather-line>i{display:none}.quiet-button{padding:7px 8px;font-size:7px}.layout{width:calc(100% - 14px);margin:7px auto}.scene{height:72svh;min-height:590px;max-height:690px;border-radius:9px}.scene-head{left:10px;right:10px;top:12px;font-size:7px}.scene-heading,.scene-weather{gap:5px;font-size:7px}.scene-heading small{font-size:7px}.hud-grid{top:55px;left:9px;grid-template-columns:repeat(2,89px);gap:5px}.instrument{padding:6px 7px}.instrument small{font-size:7px}.instrument>b,.clock-instrument>b{font-size:15px}.status-toast{left:9px;top:188px;padding:7px 9px;font-size:8px}.target-strip{left:9px;bottom:101px;max-width:calc(100% - 18px);min-width:0;gap:7px;height:48px;padding:6px 8px}.target-strip>div:nth-of-type(1){min-width:70px}.target-strip small{font-size:6px}.target-strip b{font-size:8px}.bearing-chip,.range-chip{min-width:48px;padding-left:6px}.bearing-chip b,.range-chip b{font-size:9px}.touch-dock{right:9px;bottom:12px;left:9px;justify-content:space-between;align-items:end}.helm-pad{grid-template-columns:repeat(2,37px);grid-template-rows:repeat(2,34px)}.helm-pad button{font-size:12px}.action-pad{gap:4px}.action-pad button{width:57px;height:43px;font-size:7px}.modal-layer{padding:12px}.briefing-card{padding:18px 17px 16px}.briefing-title h1{font-size:38px}.briefing-copy{font-size:10px;line-height:1.55;margin:12px 0}.briefing-stats{margin:12px 0;padding:8px 0}.briefing-stats>div{padding:0 8px}.briefing-stats b{font-size:15px}.briefing-stats small{font-size:6px}.primary-button{padding:11px 13px;margin:10px 0}.control-note{font-size:6px;gap:6px 9px}.briefing-foot{font-size:6px;margin-top:10px}.lighthouse-glyph{transform:scale(.78);margin-right:10px}.watch-note{font-size:11px}.footer-note{font-size:6px;padding:4px 10px 10px}.footer-note span:last-child{display:none}}
@media(pointer:fine){.touch-dock{opacity:.86}.helm-pad button:hover,.action-pad button:hover{background:#182c31}}
@media(prefers-reduced-motion:reduce){.scene::after{animation:none}}