:root{--ink-900: #080e15;--ink-800: #0d151e;--ink-700: #131e29;--ink-600: #1b2a36;--ink-500: #24384a;--slate-400: #4b6577;--slate-300: #728c9c;--frost-200: #a9c0cb;--frost-100: #d3e1e6;--ember-600: #c9762c;--ember-500: #f2a04a;--ember-400: #ffc27a;--ember-300: #ffdfb0;--mark: #9aa8c8;--trail: #7fb6c9;--alarm: #e0603a;--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--micro: "Avenir Next Condensed", "Helvetica Neue Condensed", Haettenschweiler, "Arial Narrow", ui-sans-serif, system-ui, sans-serif;--ease: cubic-bezier(.16, .84, .36, 1);--fast: .16s;--slow: .34s}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:var(--ink-900);-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible{outline:2px solid var(--ember-400);outline-offset:3px}[hidden]{display:none!important}#app{position:relative;isolation:isolate;background:var(--ink-900)}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.dusk{position:absolute;z-index:4;left:0;right:0;top:0;height:26px;background:linear-gradient(180deg,var(--ember-500) 0%,rgba(242,160,74,.34) 42%,transparent 100%);opacity:.9;pointer-events:none}.mono{position:absolute;inset:0;z-index:24;pointer-events:none;opacity:0;background:#6d7276;mix-blend-mode:saturation;backdrop-filter:grayscale(1) contrast(.92);transition:opacity 2.4s var(--ease)}.topbar{position:absolute;z-index:12;left:18px;right:18px;top:14px;height:26px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:grid;gap:1px;text-shadow:0 1px 10px rgba(4,10,16,.7)}.brand b{font-family:var(--micro);font-size:15px;font-weight:700;letter-spacing:.32em;color:var(--frost-100)}.brand small{font-family:var(--micro);font-size:8px;font-weight:600;letter-spacing:.26em;color:var(--slate-300)}.top-actions{display:flex;gap:6px;pointer-events:auto}.top-actions button,.card button,.close{padding:6px 12px;border:1px solid rgba(169,192,203,.22);border-radius:3px;font-family:var(--micro);font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--frost-200);background:#0b141db3;cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.top-actions button:hover,.card button:hover{color:var(--ember-300);border-color:#f2a04a73;background:#131e29e6}.marks{position:absolute;z-index:12;right:18px;top:52px;display:flex;gap:5px;pointer-events:none}.marks i{width:7px;height:7px;border:1px solid rgba(169,192,203,.3);border-radius:1px;transform:rotate(45deg)}.marks i.set{border-color:var(--ember-500);background:var(--ember-500);box-shadow:0 0 8px #f2a04a8c}.bearing{position:absolute;z-index:12;left:0;right:0;bottom:0;height:36px;display:grid;grid-template-columns:74px 1fr 96px;align-items:center;border-top:1px solid rgba(169,192,203,.14);background:linear-gradient(180deg,#080e153d,#080e15c7);pointer-events:none}.bearing-wind{display:flex;align-items:center;gap:6px;padding-left:18px}.bearing-wind span{display:block;font-size:13px;line-height:1;color:var(--trail);transform-origin:50% 50%}.bearing-track{position:relative;height:100%;overflow:hidden}.bearing-tick{position:absolute;top:0;bottom:0;width:1px;background:#9aa8c880}.bearing-tick:after{content:attr(data-label);position:absolute;top:3px;left:3px;font-family:var(--micro);font-size:7px;font-weight:700;letter-spacing:.14em;color:var(--mark)}.bearing-needle{position:absolute;top:5px;bottom:5px;width:2px;background:var(--ember-500);box-shadow:0 0 10px #f2a04acc}.bearing-needle:after{content:"";position:absolute;top:-4px;left:-3px;border:4px solid transparent;border-top-color:var(--ember-500)}.bearing-line{position:absolute;top:15px;height:1px;background:#f2a04a57;transform-origin:0 50%}.bearing-read{text-align:right;padding-right:18px}.bearing-read em{color:var(--ember-400);font-size:10px}.reading{position:absolute;z-index:13;left:18px;bottom:50px;margin:0;max-width:min(420px,62vw);font-family:var(--serif);font-size:15px;line-height:1.4;color:var(--frost-100);text-shadow:0 2px 14px rgba(4,10,16,.9);pointer-events:none;opacity:0;transition:opacity var(--slow) var(--ease)}.reading.on{opacity:1}.reading b{color:var(--ember-300);font-weight:600}.reading s{color:var(--slate-300);text-decoration:none}.prompt{position:absolute;z-index:13;left:50%;top:62px;transform:translate(-50%);margin:0;padding:7px 15px;border:1px solid rgba(242,160,74,.4);border-radius:999px;font-family:var(--micro);font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--ember-300);background:#080e15c7;pointer-events:none;white-space:nowrap}.prompt.alarm{border-color:#e0603a8c;color:#f0a48c}.screen{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:58px 18px 20px;background:radial-gradient(120% 80% at 22% 10%,#1b2a3680,#060b11db)}.card{width:min(500px,100%);max-height:calc(100vh - 84px);overflow:auto;padding:26px 28px 24px;border:1px solid rgba(169,192,203,.18);border-radius:3px;background:linear-gradient(160deg,#131e29f5,#090f16f7);box-shadow:0 34px 90px #03080d99}.card.wide{width:min(660px,100%)}.eyebrow{margin:0 0 12px;font-family:var(--micro);font-size:9px;font-weight:700;letter-spacing:.28em;color:var(--slate-300)}.card h1{margin:0 0 14px;font-family:var(--serif);font-size:clamp(38px,7vw,62px);font-weight:400;line-height:.92;letter-spacing:-.03em;color:var(--frost-100)}.card h1 em{color:var(--ember-500);font-style:normal}.card h2{margin:0 0 12px;font-family:var(--serif);font-size:clamp(26px,4.4vw,40px);font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--frost-100)}.card h3{margin:15px 0 5px;font-family:var(--micro);font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--ember-400)}.lede{margin:0 0 18px;max-width:46ch;font-size:13px;line-height:1.62;color:#9db3c0}.note{margin:0 0 20px;padding-left:12px;border-left:1px solid rgba(242,160,74,.4);font-size:12px;line-height:1.55;color:#7f96a4}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 18px;margin:0 0 20px;padding:15px 0;border-top:1px solid rgba(169,192,203,.14);border-bottom:1px solid rgba(169,192,203,.14)}.controls span{display:flex;align-items:center;gap:5px;font-family:var(--micro);font-size:9px;font-weight:600;letter-spacing:.1em;color:#8ba2b0}kbd{min-width:22px;padding:3px 5px;border:1px solid rgba(169,192,203,.2);border-bottom-width:2px;border-radius:3px;background:#a9c0cb12;font-family:var(--micro);font-size:9px;font-weight:700;text-align:center;color:var(--frost-200)}.card button{margin:0 8px 0 0}.card button.primary{min-width:200px;padding:11px 18px;color:var(--ink-900);border-color:var(--ember-500);background:var(--ember-500)}.card button.primary:hover{color:var(--ink-900);background:var(--ember-400);border-color:var(--ember-400)}.card small{display:block;margin-top:12px;font-family:var(--micro);font-size:9px;font-weight:600;letter-spacing:.14em;color:var(--slate-400)}.logwrap{margin:4px 0 18px;border:1px solid rgba(169,192,203,.16);border-radius:3px;background:#080e15b3;overflow:hidden}#logmap{display:block;width:100%;height:300px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 20px;background:#a9c0cb24}.result-stats div{display:grid;gap:4px;padding:10px 9px;background:var(--ink-900)}.result-stats span{font-family:var(--micro);font-size:8px;font-weight:700;letter-spacing:.16em;color:var(--slate-400)}.result-stats strong{font-family:var(--serif);font-size:16px;font-weight:400;color:var(--frost-100)}.sheet{position:absolute;z-index:40;top:50px;right:18px;width:min(330px,calc(100vw - 36px));max-height:calc(100vh - 90px);overflow:auto;padding:20px 22px;border:1px solid rgba(169,192,203,.2);border-radius:3px;background:#090f16f2;box-shadow:0 24px 70px #03080d99}.sheet h3:first-of-type{margin-top:0}.sheet p:not(.eyebrow){margin:0;font-size:12px;line-height:1.6;color:#93a9b7}.sheet p b{color:var(--ember-300);font-weight:600}.sheet p i{color:var(--frost-100);font-style:italic}.close{position:absolute;top:12px;right:12px;padding:0;width:28px;height:28px;font-size:17px}.touch{position:absolute;z-index:16;left:0;right:0;bottom:44px;display:none;justify-content:space-between;padding:0 16px;pointer-events:none}.touch-left,.touch-right{display:flex;gap:8px}.touch button{width:62px;height:62px;border:1px solid rgba(169,192,203,.28);border-radius:50%;font-family:var(--micro);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--frost-200);background:#0b141db8;pointer-events:auto;touch-action:none}.touch button:active{color:var(--ink-900);background:var(--ember-500);border-color:var(--ember-500)}.touch button[data-touch=flush]{width:78px;height:78px;align-self:flex-end;color:var(--ink-900);background:var(--ember-500);border-color:var(--ember-500)}.stick{position:absolute;z-index:15;width:104px;height:104px;margin:-52px 0 0 -52px;border:1px solid rgba(169,192,203,.26);border-radius:50%;pointer-events:none}.stick i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#f2a04a47;border:1px solid rgba(242,160,74,.6)}@media(pointer:coarse){.touch{display:flex}.reading{bottom:118px}}@media(max-width:760px){.topbar{left:12px;right:12px;top:10px}.brand b{font-size:13px}.brand small{display:none}.top-actions button{padding:6px 8px;font-size:8px;letter-spacing:.14em}.marks{right:12px;top:44px}.bearing{grid-template-columns:56px 1fr 72px;height:34px}.bearing-wind{padding-left:12px}.bearing-read{padding-right:12px}.bearing-read em{font-size:9px}.bearing-tick:after{display:none}.reading{left:12px;bottom:46px;max-width:calc(100vw - 24px);font-size:13px}.touch{bottom:42px;padding:0 12px}.touch button{width:56px;height:56px}.card{padding:22px 20px 20px}.controls{grid-template-columns:1fr}.result-stats{grid-template-columns:repeat(2,1fr)}#logmap{height:220px}.sheet{inset:auto 0 0;width:100%;max-height:62vh;border-radius:3px 3px 0 0}}@media(max-width:520px)and (orientation:portrait){.top-actions button#card-button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}