/* First Signal / quiet nautical interface. Native controls, no external fonts. */
:root{--sig-ink:#183c46;--sig-muted:#526c70;--sig-paper:#f8f4e9;--sig-gold:#e0b774;--sig-teal:#2b716f;}
body{overscroll-behavior:none;}
.hud.top,.hud.bottom,#hint,#tap-ring{display:none!important;}
#lab .compare:not(.sky-compare),#lab #city-settings,#lab #desert-settings,#lab #snow-settings,#lab label[for=physics],#lab label[for=signature],#lab #test-details,#lab #reset{display:none!important;}
#lab .lede{font-size:14px;}
#signal-ui{position:absolute;inset:0;pointer-events:none;z-index:12;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--sig-ink);}
#signal-ui button,#signal-ui input,#signal-ui select,#signal-ui details,#signal-ui dialog{font:inherit;}
#signal-ui button,#signal-ui dialog{pointer-events:auto;}
#signal-ui button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
#signal-ui button:disabled{cursor:default;opacity:.48;}
#signal-ui button:focus-visible,#signal-ui input:focus-visible,#signal-ui summary:focus-visible{outline:3px solid #cb953b;outline-offset:3px;}
#signal-ui [hidden]{display:none!important;}
.sig-top{position:absolute;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;}
.sig-brand{display:flex;gap:10px;align-items:center;margin-right:auto;text-shadow:0 1px 0 #fff8;}
.sig-emblem{font-size:42px;font-weight:300;color:#276b6b;line-height:1;}
.sig-brand b{display:block;font-size:13px;letter-spacing:.22em;}
.sig-brand small{display:block;font-size:9px;letter-spacing:.18em;margin-top:3px;}
.sig-glass{background:#f7f4e7ee;border:1px solid #fff8;box-shadow:0 4px 18px #0d3e5014;border-radius:16px;}
#crew-open{display:flex;align-items:center;gap:8px;padding:11px 15px;min-height:44px;font-size:12px;}
#connection-dot{display:block;width:6px;height:6px;border-radius:50%;background:#b2a48a;}
#connection-dot.connected{background:#278777;box-shadow:0 0 0 3px #2787771f;}
#connection-dot.solo{background:#ad914f;}
#connection-dot.waiting{background:#b47e58;}
.crew-icon{font-size:18px;}
.sig-icon{background:#f7f4e7ed;color:var(--sig-ink);border:1px solid #fff9;border-radius:14px;min-width:44px;min-height:44px;font-size:23px!important;}
.sig-objective{position:absolute;left:24px;top:88px;width:270px;padding:16px 18px;}
.sig-eyebrow{font-size:9px!important;letter-spacing:.13em;font-weight:700;margin:0 0 7px;color:var(--sig-muted);}
#chapter-fraction{float:right;letter-spacing:.06em;}
#goal-title{font:500 23px/1.15 Georgia,serif;display:block;}
.sig-stage-row{display:flex;align-items:center;gap:3px;margin:9px 0;font-size:18px;}
.sig-stage-row i{font-style:normal;color:#bdc5b9;}
.sig-stage-row i.done{color:#29776d;}
#goal-mini{font-size:10px;line-height:1.5;margin-left:7px;color:var(--sig-muted);}
.sig-progress,.sig-xp{background:#d6ddd3;height:3px;overflow:hidden;border-radius:8px;}
.sig-progress i,.sig-xp i{display:block;height:100%;background:#448d79;transition:width .45s;}
#signal-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;}
.sig-inventory{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:24px;width:198px;overflow:hidden;}
#cargo-open{background:transparent;border:0;text-align:left;color:inherit;width:100%;padding:13px 16px;}
#rank-text{display:block;font-size:9px;letter-spacing:.1em;color:#586f6a;}
#cargo-count{display:block;font-size:18px;font-weight:650;margin:3px 0;}
#cargo-items{display:block;font-size:10px;color:#4c666a;}
.sig-xp{border-radius:0;height:3px;}
.sig-xp i{background:#ba975a;}
.sig-context{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:330px;text-align:center;}
#context-note{font-size:12px;color:#f9f6e9;text-shadow:0 1px 3px #0d333f,0 0 10px #18383d;margin-bottom:10px;}
.sig-primary{border:1px solid #1c605d;background:#266c66;color:#fff7df;border-radius:12px;padding:13px 18px;min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;font-weight:600!important;box-shadow:inset 0 1px 0 #ffffff13;}
.sig-primary:not(:disabled):hover{background:#1f605b;}
#context-action{display:block;width:100%;background:#f9f1dced;color:#254e51;border-color:#fff9;box-shadow:0 6px 30px #0c364832;}
#context-title{display:block;font:500 21px Georgia,serif;}
#context-sub{display:block;font-size:10px;font-weight:400;margin-top:5px;}
.sig-tether{height:4px;background:#143e4777;border:1px solid #ffffff66;width:190px;margin:10px auto;border-radius:6px;overflow:hidden;}
.sig-tether i{height:100%;display:block;background:#f4dda4;}
.sig-compass{position:absolute;bottom:24px;right:24px;width:126px;padding:9px 9px 8px;border-radius:24px;}
#signal-map{width:106px;height:106px;display:block;}
#home-distance{display:block;font-size:9px;letter-spacing:.07em;margin-top:5px;}
#sig-toast{position:absolute;top:87px;left:50%;transform:translate(-50%,-10px);max-width:min(90vw,450px);background:#173d48ef;border:1px solid #afccc566;border-radius:12px;color:#fbf6e7;text-align:center;padding:12px 19px;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;}
#sig-toast.on{opacity:1;transform:translate(-50%,0);}
#signal-dialog{margin:auto;padding:0;width:min(650px,calc(100vw - 34px));max-height:calc(100dvh - 36px);background:var(--sig-paper);border:1px solid #fffb;border-radius:22px;box-shadow:0 26px 90px #082b3d55;color:var(--sig-ink);overflow:auto;}
#signal-dialog::backdrop{background:#092f4252;}
.sig-dialog-head{padding:24px 28px 19px;border-bottom:1px solid #d7dccc;display:flex;align-items:start;justify-content:space-between;gap:18px;}
.sig-dialog-head h1{font:500 39px/1.1 Georgia,serif;letter-spacing:-.04em;margin:0;}
.sig-close{width:38px;height:38px;border:1px solid #cbd7ca;background:transparent;border-radius:50%;color:var(--sig-ink);font-size:23px!important;}
.sig-dialog-body{padding:20px 28px 16px;}
.sig-dialog-body h2{font:500 23px/1.18 Georgia,serif;margin:6px 0 9px;}
.sig-dialog-body h3{font-size:15px;font-weight:650;margin:18px 0 10px;}
.sig-intro{display:flex;align-items:center;gap:18px;margin-bottom:16px;background:#e8ede0;border:1px solid #d7dfcf;border-radius:14px;padding:12px 19px;}
.sig-intro p{font:18px/1.5 Georgia,serif;margin:0;}
.sig-intro b{font-weight:400;}
.sig-bighex{font-size:68px;color:#2c7870;line-height:1;}
.sig-lede{font-size:14px;color:#496168;line-height:1.65;}
#signal-dialog label{display:block;font-size:12px;font-weight:600;margin:16px 0 10px;}
#signal-dialog label span{float:right;font-size:10px;font-weight:400;color:#617573;}
#signal-dialog input{display:block;box-sizing:border-box;width:100%;padding:12px 13px;border:1px solid #bbcdc1;background:#fffdf7;color:#193e49;border-radius:10px;margin-top:6px;min-height:46px;font-size:16px;}
#signal-dialog .wide{width:100%;margin:7px 0;}
.sig-secondary{border:1px solid #b7cbbb;background:#eef0e4;color:#254e53;border-radius:11px;padding:11px 14px;min-height:44px;font-size:12px!important;}
.sig-secondary:not(:disabled):hover{background:#e0e9db;}
.sig-textbutton{background:none;border:0;color:#346e67;text-decoration:underline;text-underline-offset:4px;padding:12px 0;min-height:42px;font-size:12px!important;}
.sig-muted{color:#607475;font-size:11px;line-height:1.65;display:block;margin:6px 0 14px;}
#signal-dialog details{border-top:1px solid #d6dccd;margin-top:13px;padding-top:13px;}
#signal-dialog summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none;min-height:30px;}
#signal-dialog summary:before{content:'+';display:inline-block;font-size:17px;margin-right:9px;}
#signal-dialog details[open]>summary:before{content:'−';}
#signal-dialog summary span{float:right;color:#71857d;font-size:10px;font-weight:400;}
.sig-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 6px;}
.sig-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 28px;background:#eaf0e5;border-top:1px solid #d3ddce;}
.sig-dialog-foot>span{font-size:8px;font-weight:650;letter-spacing:.1em;color:#577368;}
.sig-dialog-foot small{font-size:10px;color:#678077;}
.sig-dialog-foot button{min-height:43px;padding:10px 14px;font-size:12px!important;}
#form-error{font-size:12px;color:#97612f;line-height:1.6;white-space:normal;margin:10px 0 0;}
#form-error:empty{display:none;}
.sig-story{background:#e8ede1;border:1px solid #d6decd;border-radius:12px;padding:15px 18px;}
.sig-story small{color:#647c6a;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;}
.sig-story p{font-size:13px;line-height:1.7;margin:5px 0;color:#4e696b;}
.sig-materials{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.sig-materials>div{border:1px solid #d2dccd;border-radius:11px;padding:13px 12px;position:relative;background:#fffaf0;}
.sig-materials i{display:block;width:18px;height:18px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);margin-bottom:6px;}
.sig-materials span{display:block;font-size:10px;color:#617773;}
.sig-materials b{display:block;font-size:21px;font-weight:500;margin:2px 0;}
.sig-materials small{font-size:10px;color:#758479;}
.sig-subhead{display:flex;justify-content:space-between;align-items:center;}
.sig-subhead span{font-size:10px;color:#628077;}
.sig-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sig-module{border:1px solid #b7cbbb;border-radius:13px;background:#f4f3e9;text-align:left;padding:15px;color:#285054;display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
.sig-module>span{font-size:26px;line-height:1;color:#528b7b;}
.sig-module b{font-size:13px;}
.sig-module small{font-size:11px;color:#637a73;line-height:1.5;}
.sig-module em{font-style:normal;text-transform:uppercase;font-size:8px;letter-spacing:.07em;margin-top:5px;}
.sig-module.selected{border:2px solid #4c9280;padding:14px;background:#e4ede0;}
.sig-log p{font-size:12px;padding:9px 0;margin:0;border-bottom:1px solid #e0e2d7;}
.sig-warning{font-size:12px;color:#876a3a;background:#eee5cf;padding:11px 14px;border-radius:10px;}
.sig-crewcode{text-align:center;background:#e9ede1;border:1px solid #d4decb;border-radius:14px;padding:20px;}
.sig-crewcode small{font-size:9px;display:block;letter-spacing:.15em;color:#5d7a6b;}
.sig-crewcode strong{display:block;font:500 35px/1.5 ui-monospace,monospace;letter-spacing:.12em;}
.sig-roster>div{display:flex;gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid #d6dfd0;}
.sig-roster i{display:block;width:25px;height:25px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);}
.sig-roster span{flex:1;}
.sig-roster small{display:block;font-size:10px;color:#688073;}
.sig-roster b{font-size:10px;font-weight:400;color:#527b6b;}
@media(max-width:720px){
 .sig-top{left:13px;right:13px;top:max(12px,env(safe-area-inset-top));gap:7px;}
 .sig-brand{gap:5px;}.sig-brand b{font-size:10px;}.sig-brand small{font-size:8px;}.sig-emblem{font-size:32px;}
 #crew-open{padding:9px 10px;font-size:10px;min-height:40px;}.crew-icon{display:none;}.sig-icon{min-width:40px;min-height:40px;}
 .sig-objective{left:13px;top:72px;width:calc(100% - 26px);box-sizing:border-box;padding:12px 15px;border-radius:14px;}
 #goal-title{font-size:20px;}.sig-stage-row{margin:4px 0;font-size:16px;}#goal-mini{font-size:9px;}.sig-eyebrow{font-size:8px!important;margin-bottom:4px;}
 .sig-inventory{left:13px;bottom:max(15px,env(safe-area-inset-bottom));width:155px;border-radius:13px;}
 #cargo-open{padding:10px 12px;}#rank-text{font-size:8px;}#cargo-count{font-size:17px;}#cargo-items{font-size:8px;}
 .sig-compass{right:13px;bottom:max(15px,env(safe-area-inset-bottom));width:99px;padding:6px 6px 7px;border-radius:19px;}
 #signal-map{width:86px;height:86px;}#home-distance{font-size:8px;}
 .sig-context{bottom:137px;width:calc(100% - 46px);max-width:360px;}
 #context-action{padding:10px 15px;}#context-title{font-size:18px;}#context-sub{font-size:9px;}#context-note{font-size:11px;}
 #sig-toast{top:177px;width:max-content;max-width:calc(100vw - 62px);box-sizing:border-box;font-size:12px;}
 #signal-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:18px;}
 .sig-dialog-head{padding:20px 19px 15px;}.sig-dialog-head h1{font-size:32px;}.sig-dialog-body{padding:16px 19px;}.sig-dialog-foot{padding:14px 19px;}
 .sig-intro{padding:13px 12px;gap:12px;}.sig-bighex{font-size:48px;}.sig-intro p{font-size:16px;}.sig-lede{font-size:13px;}
 .sig-module{padding:12px;}.sig-module.selected{padding:11px;}.sig-module b{font-size:12px;}.sig-module small{font-size:10px;}
 .sig-materials{gap:6px;}.sig-materials>div{padding:10px;}.sig-materials b{font-size:19px;}
}
@media(max-height:540px) and (min-width:650px){.sig-objective{top:70px;padding:10px 14px;width:240px;}.sig-context{bottom:16px;}#signal-dialog{max-height:96dvh;}.sig-compass{bottom:12px;}.sig-top{top:10px;}}
@media(prefers-reduced-motion:reduce){#signal-ui *{transition:none!important;}}