/* Two independent instruments. Shared funding controls retain the LF contract. */
.ss-board{--ss-ink:#d8f4ec;--ss-gold:#f4cf82;--ss-line:#71b7b0;max-width:100%;background:linear-gradient(145deg,#102d35,#101f2c);border-color:#466c71}
.ss-board[data-lf-game="gf2k-gear-synchrony"]{--ss-ink:#f4e7c9;--ss-line:#a5926a;background:linear-gradient(145deg,#352b22,#171f2a);border-color:#89754c}
.ss-cover{display:block;width:100%;height:auto;aspect-ratio:32/15;object-fit:contain;border-radius:16px}
.ss-opening{max-width:640px;margin:0 auto;text-align:center}.ss-opening>p{margin:1rem 0;color:var(--ss-ink)}
.ss-surveyor-figure,.ss-dial{margin:0}.ss-surveyor-figure{display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(150px,.9fr);gap:22px;align-items:center}
.ss-surveyor-grid{display:block;width:100%;height:auto;max-height:440px;overflow:visible}
.ss-grid-background{fill:#102a34;stroke:#537a7b;stroke-width:1.5}.ss-grid-lines{stroke:#4b7778;stroke-width:1;opacity:.66}
.ss-hull{fill:#c4ae53;fill-opacity:.2;stroke:#ffdb84;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ss-hull[data-ss-hull-kind="segment"]{fill:none}.ss-pegs circle{fill:#7db6b0;stroke:#102a34;stroke-width:2}
.ss-pegs circle[data-ss-selected="true"]{fill:#fff2bc;stroke:#806c2f;stroke-width:3;filter:drop-shadow(0 1px 4px #0008)}
.ss-axis{font:12px system-ui,sans-serif;fill:#c0d9d7;text-anchor:middle}
.ss-metrics{margin:0;display:flex;flex-wrap:wrap;gap:18px 30px;align-items:start}.ss-metrics>div{min-width:100px}.ss-metrics dt{font-size:.82rem;line-height:1.4;color:#d0dada}
.ss-metrics dd{margin:4px 0 0;color:var(--ss-gold,#f4cf82);font-size:clamp(1.7rem,4vw,2.5rem);font-weight:750;font-variant-numeric:tabular-nums}.ss-metrics small{font-size:.87rem;font-weight:500;color:#e5e5d8}
.ss-category{margin:16px 0 8px;padding:10px 12px;border-left:3px solid var(--ss-gold,#f4cf82);background:#ffffff09;line-height:1.6;color:var(--ss-ink,#e6eadc)}
.ss-geometry-note{font-size:.85rem;line-height:1.6;color:#d1deda}.ss-synchrony-figure>.ss-metrics{justify-content:center;text-align:center;margin-top:22px}
.ss-dials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;padding:12px 0}
.ss-dial-face{display:block;width:100%;height:auto;overflow:visible}.ss-rim{fill:#302b23;stroke:#d2ad65;stroke-width:5}.ss-inner-rim{fill:#1b2328;stroke:#a28b5a;stroke-width:2}
.ss-teeth{stroke:#f5db96;stroke-width:5;stroke-linecap:round}.ss-dial-pointer{fill:none;stroke:#83dacf;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transform-origin:90px 90px}
.ss-axle{fill:#dabb78;stroke:#faf0c9;stroke-width:2}.ss-zero{fill:#f5e4b7;font:11px system-ui,sans-serif;text-anchor:middle}.ss-period{fill:#f5e4b7;font:700 25px system-ui,sans-serif;text-anchor:middle}
.ss-dial figcaption{text-align:center;font-size:.8rem;line-height:1.6;color:#ecdfc0}.ss-dial figcaption span,.ss-dial figcaption strong{display:block}.ss-dial figcaption strong{margin-top:6px;font-size:.86rem;font-variant-numeric:tabular-nums}.ss-dial figcaption strong span{display:inline}
.ss-pending{padding:32px 18px;background:linear-gradient(145deg,#ffffff08,#ffffff02);border:1px dashed #9c9666;border-radius:18px;text-align:center}.ss-seal{display:inline-grid;place-items:center;width:52px;height:52px;border:2px solid #d5b575;border-radius:50%;font-size:1.5rem;color:#b8e8d8;margin-bottom:12px}
.ss-motion-note{border-top:1px solid #ffffff20;padding-top:12px;color:#c7d6d1;font-size:.8rem;line-height:1.6}.ss-skip{min-height:44px}.ss-skip[hidden]{display:none}
body.no-motion .ss-motion-note{display:none}
.ss-loading{min-height:110px;display:grid;gap:15px;align-content:center;text-align:center}.ss-loading button{justify-self:center;min-height:48px}
.ss-preview-card{min-width:0}.ss-preview-card .ss-surveyor-figure{grid-template-columns:1fr}.ss-preview-card .ss-surveyor-grid{max-height:330px}.ss-preview-card .ss-metrics{justify-content:center}.ss-preview-card .ss-dials{gap:8px}.ss-preview-card .ss-dial figcaption{font-size:.73rem}.ss-preview-card .ss-category{font-size:.87rem}.ss-illustration{--ss-gold:#f4cf82;--ss-ink:#e6eadc;border:1px solid #4b6769;border-radius:16px;background:#112630;padding:18px 12px;margin-top:16px}
.ss-illustration[data-lf-game="gf2k-gear-synchrony"]{background:#292720;border-color:#857750}
@keyframes ss-hull-arrive{from{stroke-opacity:.2;fill-opacity:0}to{stroke-opacity:1;fill-opacity:.2}}
@keyframes ss-peg-glow{from{stroke-width:6}to{stroke-width:3}}
@keyframes ss-dial-return{from{transform:rotate(-32deg)}to{transform:rotate(0deg)}}
.ss-board[data-ss-animate="true"] .ss-hull{animation:ss-hull-arrive 900ms ease-out 1}.ss-board[data-ss-animate="true"] .ss-pegs [data-ss-selected="true"]{animation:ss-peg-glow 900ms ease-out 1}
.ss-board[data-ss-animate="true"] .ss-dial-pointer{animation:ss-dial-return 950ms ease-out 1}.ss-board[data-ss-animate="true"] .ss-dial:nth-child(2) .ss-dial-pointer{animation-duration:1100ms}.ss-board[data-ss-animate="true"] .ss-dial:nth-child(3) .ss-dial-pointer{animation-duration:1250ms}
@media(max-width:620px){.ss-surveyor-figure{grid-template-columns:1fr;gap:12px}.ss-surveyor-grid{max-height:330px}.ss-surveyor-figure .ss-metrics{justify-content:center}.ss-dials{gap:6px}.ss-dial figcaption{font-size:.7rem}.ss-dial figcaption strong{font-size:.76rem}.ss-illustration{padding:10px 8px}.ss-board .lf-heading h3{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.ss-board[data-ss-animate="true"] .ss-hull,.ss-board[data-ss-animate="true"] .ss-pegs [data-ss-selected="true"],.ss-board[data-ss-animate="true"] .ss-dial-pointer{animation:none}.ss-motion-note{display:none}}
@media(forced-colors:active){.ss-hull,.ss-teeth,.ss-dial-pointer,.ss-rim,.ss-inner-rim{stroke:CanvasText}.ss-hull{fill:none}.ss-pegs circle{fill:Canvas;stroke:CanvasText}.ss-pegs circle[data-ss-selected="true"]{fill:Highlight;stroke:Highlight}.ss-grid-background{fill:Canvas;stroke:CanvasText}.ss-grid-lines{stroke:GrayText}.ss-axis,.ss-zero,.ss-period{fill:CanvasText}.ss-rim,.ss-inner-rim{fill:Canvas}.ss-axle{fill:Highlight;stroke:CanvasText}}
