:root{color-scheme:dark;--bg:#080e1b;--panel:#121c30;--border:#283750;--muted:#aab8d1;--text:#f0f5ff;--amber:#55dcf4;--green:#a69fff;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button,a,input,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}header{height:100px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%}.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font-size:27px;font-weight:900;letter-spacing:2px}.brand-mark{font-size:46px;color:var(--amber);line-height:1}.brand-sub{display:block;font-size:11px;letter-spacing:3px;margin-top:5px;color:var(--muted)}.header-right{display:flex;gap:30px;align-items:center}.browser-tag,.eyebrow,.status,.mono{font-family:Consolas,monospace;letter-spacing:1.5px;font-size:12px}.browser-tag{color:var(--green);border:1px solid var(--border);padding:9px 12px}.rbz{font-size:23px;font-weight:900;letter-spacing:-1px}.rbz span{font-size:10px;display:block;text-align:right;letter-spacing:3px;color:var(--amber)}main{max-width:1560px;margin:auto;padding:38px 4.5% 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{color:var(--muted)}.page-heading .eyebrow{color:var(--amber);font-size:12px}h1{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-1.5px;margin:10px 0}p{line-height:1.5}.page-heading p{color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border)}h2{font-size:1rem;margin:0;font-weight:600}h3{font-size:14px;margin:0;font-weight:600;display:flex;align-items:center;gap:9px}.mono{color:#7c897d}.position-block{padding:23px 24px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:16px}.marker{display:inline-block;width:8px;height:8px;flex-shrink:0}.mortar-marker{background:var(--green);border-radius:50%}.target-marker{border:2px solid var(--amber);transform:rotate(45deg)}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:14px;color:var(--muted);display:block}input,textarea{width:100%;background:#0b1425;color:var(--text);border:1px solid #354665;border-radius:5px;padding:12px;outline:none}label input{margin-top:9px}.input-pair input{font-family:Consolas,monospace;font-size:23px;height:57px}input:focus,textarea:focus{border-color:var(--amber);box-shadow:0 0 0 2px #55dcf420}input:disabled{color:var(--green);background:#202940}input[aria-invalid=true]{border-color:#ed8d7c}.small-button{border:0;background:transparent;color:var(--muted);padding:4px 0;font-size:12px}.small-button:hover,.text-button:hover{color:var(--text)}.small-button[aria-pressed=true]{color:var(--amber)}.input-note{font-size:12px;color:var(--muted);margin:14px 24px;line-height:1.6}.save-row{display:flex;gap:9px;margin:19px 24px}.save-row input{min-width:0;font-size:14px}.primary,.secondary,.quiet{padding:12px 16px;border-radius:5px;font-size:14px;font-weight:600}.primary{background:var(--amber);color:#071727;border:1px solid var(--amber);white-space:nowrap}.primary:hover{background:#99ecff}.secondary{background:#1c2b46;border:1px solid #3a5276;color:var(--text)}.secondary:hover{background:#293e60;border-color:#7a9ac5}.quiet{background:transparent;border:0;color:var(--muted)}.quiet:hover{color:var(--text)}.grid-settings{padding:17px 24px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}summary{cursor:pointer;font-size:14px}summary span{float:right;font-size:12px}.grid-settings label{margin-top:18px}.grid-settings p{margin-bottom:0}.solution{border-top:2px solid var(--amber);background:linear-gradient(155deg,#192b48 0%,#121c30 65%)}.status{color:var(--muted);font-size:11px;letter-spacing:1px}.status.ready{color:var(--amber)}.bearing-result{padding:27px 24px 24px}.bearing-result>div{display:flex;align-items:flex-start;margin:8px 0}.bearing-result strong{font-family:Consolas,monospace;font-size:clamp(3.8rem,6vw,6rem);font-weight:500;line-height:1.1;letter-spacing:-6px;color:var(--amber)}#bearing-unit{font-size:34px;color:var(--amber);padding-top:6px;margin-left:8px}.direction{color:var(--muted);font-size:14px}.secondary-results{display:grid;grid-template-columns:1fr 1fr;padding:0 24px}.secondary-results>div+div{border-left:1px solid #364768;padding-left:22px}.secondary-results p{margin:8px 0 23px;white-space:nowrap}.secondary-results strong{font:500 30px Consolas,monospace}.secondary-results p span{color:var(--muted);font-size:14px}.calibration-note{margin:0 24px;display:flex;gap:12px;padding-top:18px;border-top:1px solid #334663}.note-icon{border:1px solid #8ea6d2;border-radius:50%;width:18px;height:18px;flex-shrink:0;text-align:center;font-size:12px;color:var(--green)}.calibration-note strong{font-size:13px;color:#dbe8ff;font-weight:500}.calibration-note p{font-size:12px;color:var(--muted);margin:5px 0}.text-button{border:0;background:none;color:var(--amber);font-size:12px;padding:7px 0}.full{width:calc(100% - 48px);margin:14px 24px 23px}.plot-panel{background:#101b30}.plot{padding:15px 18px 0}.plot svg{display:block;width:100%;max-height:305px}.plot-letter{fill:#aabbd9;font:12px Consolas,monospace}.plot-legend{display:flex;align-items:center;gap:17px;margin:10px 24px 22px;font-size:12px;color:var(--muted)}.plot-legend span:last-child{margin-left:auto}.plot-legend i{margin-right:5px}.deltas{margin:0 24px;padding-top:19px;border-top:1px solid var(--border);display:flex;gap:15px;justify-content:space-between;color:var(--muted);font:11px Consolas,monospace}.deltas b{display:block;margin-top:9px;font-size:16px;font-weight:400;color:var(--text)}.lower-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}.count{font:12px Consolas,monospace;color:var(--muted);background:#283853;border-radius:4px;padding:3px 7px;margin-left:7px}.subtle{font-size:12px;color:var(--muted);line-height:1.6}.empty{display:flex;align-items:center;gap:20px;padding:32px 24px}.empty>span{font-size:38px;color:#889ac4}.empty strong{font-size:14px;font-weight:500}.empty p{font-size:13px;color:var(--muted);margin:6px 0}.voice-panel{padding-bottom:12px}.voice-panel>.subtle,.voice-example{margin:14px 24px}.voice-example{font-size:14px;color:#d2e1fc}.voice-panel>.secondary{margin:2px 24px}.voice-panel .input-note{margin-top:10px}.targets{max-height:260px;overflow:auto}.target-row{display:flex;align-items:center;gap:12px;padding:13px 24px;border-bottom:1px solid var(--border)}.target-recall{background:none;border:0;color:var(--text);text-align:left;flex:1;min-width:0;padding:4px 0}.target-recall strong{display:block;font-size:14px;overflow-wrap:anywhere}.target-recall span{display:block;color:var(--muted);font:12px Consolas,monospace;margin-top:5px}.target-recall:hover strong{color:var(--amber)}.target-row .quiet{padding:8px}.target-row:last-child{border-bottom:0}#voice-review{margin:14px 24px;padding:14px;background:#1d2b48;border:1px solid #435984;border-radius:5px}#transcript{font-size:14px;overflow-wrap:anywhere;margin-top:0}#notice{min-height:32px;font-size:13px;color:var(--amber);padding-top:12px}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;color:#aabbd3;padding:23px 0 28px;font-size:12px}footer b{color:#d9e7ff;font-size:12px;letter-spacing:1px}dialog{width:min(560px,calc(100% - 32px));background:#142139;border:1px solid #405a80;border-radius:10px;color:var(--text);padding:26px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{font-size:21px}dialog p,dialog li{font-size:14px;line-height:1.7;color:#b9c9e0}dialog ol{padding-left:22px}dialog li{padding:6px 0}textarea{margin-top:10px;resize:vertical;font:16px Consolas,monospace}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}#calibration-error{color:#ffab98}body:has(dialog[open]){overflow:hidden}@media(min-width:1450px){main{padding-top:45px}.workspace{gap:22px}.bearing-result{padding-top:35px;padding-bottom:30px}.plot svg{max-height:340px}}@media(max-width:1100px){.workspace{grid-template-columns:1fr 1fr}.plot-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.plot-panel .panel-heading{grid-column:1/-1}.plot{grid-row:2/5}.plot-legend{flex-wrap:wrap}.plot-panel .input-note{grid-column:2}.lower-grid{grid-template-columns:1fr 1fr}.header-right{gap:16px}.browser-tag{display:none}}@media(max-width:680px){header{height:80px;padding:0 20px}.brand{font-size:21px;gap:9px}.brand-mark{font-size:35px}.brand-sub{font-size:9px;letter-spacing:2px}.rbz{display:none}.header-right{gap:0}.header-right .quiet{padding:10px 0;font-size:12px}main{padding:27px 16px 0}.page-heading{display:block;margin-bottom:24px}.page-heading .secondary{margin-top:18px}.page-heading p{font-size:14px}.workspace,.lower-grid{grid-template-columns:1fr}.solution{grid-row:2}.plot-panel{grid-column:auto;display:block}.plot svg{max-height:280px}.bearing-result strong{font-size:5.2rem}.lower-grid{gap:16px}.panel-heading{padding:19px 22px}.position-block{padding-left:22px;padding-right:22px}.plot-legend span:last-child{margin-left:auto}.plot-panel .input-note{margin-bottom:20px}footer{flex-direction:column;gap:12px}.page-heading h1{letter-spacing:-1px}.save-row{flex-wrap:wrap}.save-row input{flex:1;min-width:130px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s,border-color .15s}}

/* Droppoint: a compact game companion with a results strip. */
:root{font-family:"Segoe UI",Arial,sans-serif}
header{height:86px;background:#0d1628;border-bottom-color:#263756}
.brand{font-size:24px;letter-spacing:-.7px;font-weight:800}.brand-mark{display:grid;place-items:center;width:42px;height:42px;font-size:31px;border-radius:12px;background:#55dcf4;color:#0b1528}.brand-sub{font-size:11px;letter-spacing:1.5px;color:#9caccc}.browser-tag{border:0;letter-spacing:.5px;font-family:inherit;font-size:12px}.rbz span{color:#55dcf4}
main{max-width:1440px;padding-top:28px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:2rem;letter-spacing:-1px}.page-heading .eyebrow{font-family:inherit;letter-spacing:1px;font-size:12px}.page-heading p{font-size:15px}
.workspace{grid-template-columns:1.15fr 1fr;gap:20px}.panel{border-radius:16px;box-shadow:0 8px 25px #00000014}.panel-heading{border-bottom:0;padding-bottom:16px}h2{font-size:17px;font-weight:650}.mono,.eyebrow,.status{letter-spacing:.6px}
.solution{grid-column:1/-1;grid-row:1;border:1px solid #37567c;background:linear-gradient(115deg,#1a2d4c,#111e35);display:grid;grid-template-columns:1fr 1.25fr 1.3fr;align-items:center}.solution .panel-heading{grid-column:1/-1;padding:19px 25px;border-bottom:1px solid #304460}.bearing-result{padding:20px 25px}.bearing-result strong{font-size:4.7rem;letter-spacing:-4px;color:#75e7fa}.bearing-result>div{margin:3px 0}.secondary-results{padding:16px 25px;border-left:1px solid #344a6b}.secondary-results p{margin-bottom:8px}.secondary-results strong{font-size:32px}.calibration-note{margin:0 25px;padding:0 0 0 20px;border-top:0;border-left:1px solid #344a6b}.solution .full{grid-column:3;justify-self:end;width:auto;margin:0 25px 20px}.direction{font-size:14px}
.positions{display:grid;grid-template-columns:1fr 1fr;align-content:start}.positions .panel-heading{grid-column:1/-1}.position-block{padding-top:14px;padding-bottom:6px}.target-block{border-left:1px solid #2c3c57}.positions>.input-note,.positions .save-row,.positions .grid-settings{grid-column:1/-1}.input-pair{gap:10px}.input-pair input{font-size:21px}.save-row{margin-top:12px}.save-row input{flex:1}.input-note{font-size:13px}.small-button{font-size:13px}summary{font-size:14px}.plot-panel{grid-column:2;display:block}.plot{padding-top:0}.plot svg{max-height:205px}.plot-legend{margin:6px 24px 15px}.deltas{padding-top:12px}.deltas b{display:inline;margin-left:8px;font-size:14px}.plot-panel .input-note{margin-bottom:18px}.plot-letter{fill:#9fb4d7}
.lower-grid{grid-template-columns:1.15fr 1fr;margin-top:20px;gap:20px}.primary,.secondary{border-radius:9px}.primary{font-weight:700}.voice-example{font-size:16px}.subtle{font-size:14px}.empty strong{font-size:16px}.calibration-note strong{font-size:14px}.calibration-note p,.text-button{font-size:13px}.text-button{padding-top:8px}footer{margin-top:4px}
@media(max-width:1100px){.positions{display:block}.solution{grid-template-columns:.9fr 1.2fr}.calibration-note{grid-column:1/-1;border-left:0;border-top:1px solid #344a6b;padding-top:15px;margin-bottom:15px}.solution .full{grid-column:1/-1}.plot-panel{grid-column:2}.plot svg{max-height:300px}.plot-legend{flex-wrap:wrap}.deltas{display:block}.deltas>span{display:block;margin-bottom:10px}.target-block{border-left:0}}
@media(max-width:680px){header{height:78px}.brand{font-size:21px}.brand-mark{width:34px;height:34px;font-size:27px}.brand-sub{font-size:9px}.workspace,.lower-grid{grid-template-columns:1fr}.solution{grid-row:2;grid-column:1;grid-template-columns:1fr}.solution .panel-heading{flex-wrap:wrap}.solution .bearing-result{padding-bottom:12px}.secondary-results{border:0;padding:8px 25px 20px}.calibration-note{grid-column:1}.solution .full{grid-column:1;justify-self:stretch;width:auto}.positions{grid-row:1;display:block}.plot-panel{grid-column:1;grid-row:3}.plot svg{max-height:260px}.deltas{display:flex}.page-heading h1{font-size:1.8rem}.page-heading p{font-size:15px}.page-heading .secondary{margin-top:14px}.input-pair input{font-size:23px}.lower-grid{gap:18px}.bearing-result strong{font-size:4.7rem}}

.solution .panel-heading{justify-content:flex-start;flex-wrap:wrap;gap:16px}.solution .panel-heading .status{margin-left:auto}.solution .panel-heading .full{width:auto;margin:0;font-size:12px;padding:9px 12px}.bearing-result{padding-top:15px;padding-bottom:18px}.bearing-result strong{font-size:4rem}.solution .calibration-note{margin-top:16px;margin-bottom:16px}@media(max-width:680px){.solution .panel-heading .full{margin-left:0}.solution .panel-heading .status{font-size:10px}.solution .bearing-result strong{font-size:4.5rem}}

.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#55dcf4;color:#0a1020;padding:12px 18px;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.no-script{margin:0;padding:18px;text-align:center;background:#293953}.input-error{grid-column:1/-1;margin:0 24px 12px;color:#ffbcaa;font-size:14px}.release-version{color:#c8d8ed}.secondary-results>div{min-width:0}.secondary-results p{white-space:normal;overflow-wrap:anywhere}.solution .panel-heading .status{font-size:11px}.brand-sub{font-size:11px}.small-button{min-height:30px}.target-row .quiet{min-width:40px;min-height:40px}.text-button{min-height:34px}.page-heading{gap:16px}@media(max-width:680px){.brand-sub{font-size:9px}.solution .panel-heading{gap:12px}.solution .panel-heading .status{margin-left:0;font-size:11px}.section-heading{flex-wrap:wrap}}