.sim-heading{padding-block:24px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.sim-heading h1{font-size:clamp(2rem,4vw,3rem);margin:0}.sim-heading p{color:var(--muted);margin:0}.sim-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:48px;align-items:center}.instrument{min-width:0}.instrument svg{display:block;width:100%;max-height:65vh;min-height:320px}.instrument .caption{text-align:center;font-size:.8rem}.instrument text{fill:var(--muted);font:14px var(--mono);text-anchor:middle;dominant-baseline:middle}.instrument .cardinal{fill:var(--ink);font:500 19px var(--sans)}.instrument .center-label{font:14px var(--sans);fill:var(--ink)}.instrument .sub-label{font:12px var(--sans)}.sector{fill:none;stroke:var(--line);stroke-width:1}.sector.selected{fill:rgba(78,205,137,.13);stroke:var(--mint)}.compass-spoke{stroke:var(--line);stroke-width:1}.compass-star{fill:none;stroke:var(--muted);stroke-width:1}.hour-circle{fill:none;stroke:var(--line)}#bearing-line{stroke:var(--mint);stroke-width:2;fill:none}.pivot{fill:var(--mint)}.sim-controls label{display:flex;justify-content:space-between;gap:16px;font-size:.875rem;margin-top:18px}.sim-controls output{color:var(--mint);font-variant-numeric:tabular-nums}.sim-controls input{display:block;width:100%;min-height:44px;accent-color:var(--mint);cursor:pointer}.sim-buttons{display:flex;flex-wrap:wrap;gap:8px}.sim-controls button{font:14px var(--sans);min-height:44px;padding:8px 12px;color:var(--ink);border:1px solid var(--line);background:none;cursor:pointer}.sim-controls button:hover{background:var(--surface)}.sim-controls button:disabled{opacity:.5;cursor:default}.sim-controls .caption{margin-block:8px;font-size:.8rem}.sim-result{border-block:1px solid var(--line);padding-block:12px;margin-block:16px}.sim-result p{margin:4px 0;font-size:.875rem}.sim-result p:first-child{font:600 1.6rem var(--display)}.sim-notes{border-top:1px solid var(--line);margin-block:20px}.sim-notes summary{min-height:44px;cursor:pointer;padding-block:12px}.sim-notes p{max-width:85ch}.sim-notes .source-links{margin-bottom:16px}@media(max-width:800px){.sim-heading{display:block}.sim-heading p{margin-top:8px}.sim-workspace{grid-template-columns:1fr;gap:0}.instrument svg{max-height:none;min-height:0}.sim-controls{padding-bottom:12px}}@media(prefers-reduced-motion:reduce){.instrument *{transition:none}}
.instrument .center-label,.instrument .sub-label{transform:none}
.sector{fill:transparent;cursor:pointer}.sector:hover,.sector:focus-visible{fill:#4ecd8926;stroke:var(--mint);stroke-width:2;outline:none}.face-number,.ring-number{pointer-events:none}.instrument .face-number{fill:var(--ink)}.instrument .ring-number{fill:#dfc37c}.instrument .center-label{font-size:12px}.camera-presets button[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}#camera-tools #camera-status{color:var(--ink)}