.compass-page [hidden]{display:none!important}.compass-page .archive-play .archive-result{font-size:10px}
.flight-score,.compass-total{direction:ltr}html[dir="rtl"] .route-caption span[aria-hidden="true"]{transform:rotate(180deg)}
.accuracy-number{display:inline-block;position:relative;font-variant-numeric:tabular-nums}
.accuracy-celebrate{animation:accuracy-settle .48s ease-out}
.accuracy-celebrate::before,.accuracy-celebrate::after{content:"";position:absolute;pointer-events:none;width:9px;height:9px;background:#b88b42;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:accuracy-spark .48s ease-out}
.accuracy-celebrate::before{left:-13px;top:18%;--spark-x:-4px;--spark-y:-7px}.accuracy-celebrate::after{right:-12px;top:54%;width:7px;height:7px;--spark-x:4px;--spark-y:-5px}
html[data-theme="dark"] .accuracy-celebrate::before,html[data-theme="dark"] .accuracy-celebrate::after{background:#e4b976}
@keyframes accuracy-settle{0%,100%{transform:scale(1);text-shadow:none}35%{transform:scale(1.045);text-shadow:0 0 16px #ca9e5545}}
@keyframes accuracy-spark{0%{opacity:0;transform:scale(.4)}25%{opacity:.85}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.65)}}
.flight-card{background:var(--panel,#fff);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 8px 36px #182d2110}
.flight-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.flight-kind{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.flight-progress{display:flex;gap:7px}.flight-progress span{width:30px;height:5px;border-radius:8px;background:var(--line)}.flight-progress .current{background:#ca9e55}.flight-progress .done{background:var(--green)}
.flight-targets{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:12px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.flight-place{min-width:0}.flight-place small{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.flight-place h2{font-size:26px;line-height:1.2;font-weight:600;overflow-wrap:anywhere;letter-spacing:-.5px}.flight-place p{overflow-wrap:anywhere;font-size:11px;color:var(--muted);margin-top:5px;min-height:15px}.flight-arrow{color:var(--green);display:flex;align-items:center;justify-content:center}.flight-arrow svg{width:52px;height:32px;flex-shrink:0}html[dir="rtl"] .flight-arrow{transform:rotate(180deg)}
.flight-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center}.dial-wrap{text-align:center;min-width:0;padding:18px 0 10px}.compass-dial{display:block;width:100%;max-width:420px;margin:0 auto;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;direction:ltr;cursor:grab;outline:none}.compass-dial:active{cursor:grabbing}.compass-dial:focus-visible{border-radius:50%;outline:3px solid #b6c99b;outline-offset:-13px}.compass-dial[aria-disabled="true"]{cursor:default}.compass-dial .dial-face{fill:#f2f6e9;stroke:#778e6a;stroke-width:2.5;filter:drop-shadow(0 4px 5px #15271c18)}.dial-ring{fill:none;stroke:#bdcdb1;stroke-width:1.4}.dial-tick{stroke:#8b9e81;stroke-width:1.3}.dial-tick.major{stroke:#47613d;stroke-width:2.4}.dial-letter{font-size:17px;font-weight:700;fill:#354e35;text-anchor:middle;dominant-baseline:middle}.dial-letter.north{fill:#b33834}.dial-axis{stroke:#c5d3ba;stroke-dasharray:2 6}.dial-needle{fill:#c6423d;stroke:#f3f8ef;stroke-width:2;filter:drop-shadow(0 3px 4px #18342a25)}.needle-tail{fill:#d8b4ac;stroke:#f3f8ef;stroke-width:2}.needle-hub{fill:#f7f9f1;stroke:#bd453f;stroke-width:3}.dial-correct{fill:none;stroke:#c38d36;stroke-width:3;stroke-linecap:round;stroke-dasharray:5 4}.dial-direction{font-size:11px;color:var(--muted);margin-top:-4px}.dial-direction strong{font-size:24px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.dial-help{font-size:12px;line-height:1.5;margin-top:9px;color:var(--muted)}
.flight-controls{padding:23px 0;min-width:0}.flight-shot-label{font-size:11px;color:var(--muted);margin-bottom:10px}.flight-controls .primary{width:100%;height:46px;font-size:13px}.flight-instruction{font-size:21px;line-height:1.4;font-weight:500;margin-bottom:20px}.flight-keyboard{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.flight-result h3{font-size:24px;letter-spacing:-.5px;margin-bottom:7px}.flight-result .flight-score{font-size:36px;line-height:1.2;color:var(--green);font-weight:600;letter-spacing:-1px}.flight-score small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.flight-offset{font-size:12px;color:var(--muted);margin:7px 0 13px}.flight-headings{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:12px 0}.flight-headings strong{color:var(--ink);font-weight:600}.route-globe{width:100%;height:174px;display:block;direction:ltr;margin:4px 0 12px}.globe-water{fill:#edf2e9;stroke:#d8e1d0}.globe-grid{fill:none;stroke:#cdd9c6;stroke-width:.6}.globe-route{fill:none;stroke:#458566;stroke-width:2.2;stroke-linecap:round}.globe-marker{fill:#347357;stroke:#f4f6ef;stroke-width:2}.globe-label{font-size:10px;fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:var(--paper,#f4f6ef);stroke-width:3;stroke-linejoin:round}.flight-plane{fill:#b8832e;stroke:var(--paper,#f4f6ef);stroke-width:1}.route-caption{display:flex;justify-content:center;gap:10px;font-size:10px;color:var(--muted);margin-top:-5px;margin-bottom:12px}.route-caption span{overflow-wrap:anywhere;text-align:center}
.compass-note{font-size:10px;line-height:1.6;color:var(--muted);text-align:center;margin:15px 0 0}.compass-summary{text-align:center;padding:8px 0 0}.compass-summary h2{font-size:29px;font-weight:500;letter-spacing:-.7px}.compass-total{font-size:62px;letter-spacing:-2px;font-weight:600;color:var(--green);line-height:1.25;margin:12px 0 5px}.compass-total small{font-size:16px;letter-spacing:0;color:var(--muted);font-weight:400}.compass-summary .summary-caption{font-size:12px;color:var(--muted)}.flight-receipt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0;text-align:start}.flight-receipt li{list-style:none;background:var(--paper,#f4f6ef);border:1px solid var(--line);border-radius:12px;padding:15px}.flight-receipt .receipt-route{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.flight-receipt strong{font-size:21px;font-weight:600;color:var(--green);display:block;margin:8px 0 3px}.flight-receipt small{font-size:10px;color:var(--muted)}.compass-summary-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.compass-summary-actions button{min-width:160px}.compass-summary .share-preview{text-align:start;max-width:420px;margin:18px auto}.compass-page .stats-grid{margin-bottom:15px}
html[data-theme="dark"] .flight-card{background:#1c2b22}html[data-theme="dark"] .compass-dial .dial-face{fill:#253c2e;stroke:#89a97a}html[data-theme="dark"] .dial-ring{stroke:#52714f}html[data-theme="dark"] .dial-tick{stroke:#8baa7c}html[data-theme="dark"] .dial-tick.major{stroke:#d6e5c9}html[data-theme="dark"] .dial-letter{fill:#e6efdc}html[data-theme="dark"] .dial-letter.north{fill:#ff8b7f}html[data-theme="dark"] .dial-axis{stroke:#40583d}html[data-theme="dark"] .dial-needle{fill:#f0756c;stroke:#243e2d}html[data-theme="dark"] .needle-tail{fill:#87524d;stroke:#243e2d}html[data-theme="dark"] .needle-hub{fill:#243e2d;stroke:#f0756c}html[data-theme="dark"] .dial-correct{stroke:#e0af60}html[data-theme="dark"] .globe-water{fill:#243a2c;stroke:#496443}html[data-theme="dark"] .globe-grid{stroke:#496443}html[data-theme="dark"] .globe-route{stroke:#b1d19f}html[data-theme="dark"] .globe-marker{fill:#b1d19f;stroke:#243a2c}html[data-theme="dark"] .flight-plane{fill:#ebbb70}
html[lang="ar"] .flight-place h2,html[lang="ar"] .compass-summary h2{letter-spacing:0}html[lang="ar"] .flight-kind{letter-spacing:0;font-size:12px}
@media(max-width:760px){.flight-card{padding:19px 17px;border-radius:17px}.flight-targets{gap:7px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);padding-bottom:14px}.flight-place h2{font-size:22px}.flight-body{grid-template-columns:1fr;gap:0}.compass-dial{max-width:320px}.flight-top{margin-bottom:13px}.flight-controls{padding:16px 0 0}.flight-instruction{display:none}.flight-keyboard{display:none}.flight-shot-label{display:none}.dial-help{font-size:11px;margin-top:6px}.flight-result{text-align:center}.flight-result h3{font-size:22px}.flight-headings{justify-content:center}.route-globe{height:155px}.flight-receipt{gap:8px;margin:20px 0}.flight-receipt li{padding:11px 9px}.flight-receipt .receipt-route{font-size:11px}.compass-total{font-size:52px}.compass-note{font-size:10px}.compass-summary-actions{display:grid;grid-template-columns:1fr;width:100%}.compass-summary h2{font-size:26px}}
@media(max-width:370px){.flight-card{padding:15px 12px}.flight-place h2{font-size:20px}.compass-dial{max-width:100%}.flight-receipt{grid-template-columns:1fr}.flight-receipt li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px}.flight-receipt strong{margin:0;grid-column:2;grid-row:1/3}.flight-receipt small{grid-column:1}}
@media(max-width:760px){.shot-revealed .flight-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding-top:12px}.shot-revealed .dial-wrap{padding:0}.shot-revealed .compass-dial{max-width:300px}.shot-revealed .dial-help{display:none}.shot-revealed .dial-direction{font-size:11px;margin-top:5px}.shot-revealed .dial-direction strong{font-size:22px}.shot-revealed .flight-controls{padding:0}.shot-revealed .flight-result h3{font-size:19px;line-height:1.3}.shot-revealed .flight-score{font-size:30px}.shot-revealed .flight-headings{gap:6px 12px;font-size:10px}.shot-revealed .route-globe{height:115px;margin-bottom:5px}.shot-revealed .route-caption{font-size:9px}.shot-revealed .flight-controls .primary{font-size:12px}.shot-revealed .flight-offset{font-size:11px}}

/* Upright bearing labels stay clockwise in every language. */
.dial-degree{font-family:Arial,sans-serif;font-size:13px;font-weight:600;fill:#42583c;text-anchor:middle;dominant-baseline:middle;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;pointer-events:none}
html[data-theme="dark"] .dial-degree{fill:#dce8d2}
@media(max-width:760px){.shot-revealed .flight-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;align-items:center}.shot-revealed .flight-result>div[role="status"]{grid-column:1;grid-row:1}.shot-revealed .flight-headings{grid-column:1;grid-row:2;margin:0}.shot-revealed .route-globe{grid-column:2;grid-row:1/3;height:128px;margin:0}.shot-revealed .route-caption{grid-column:2;grid-row:3;margin:0 0 8px}.shot-revealed #nextRoute{grid-column:1/-1;margin-top:5px}}

@media(max-width:760px){.flight-arrow svg{width:40px;height:26px}}