.spots-page{--spot-border:#33473e;--spot-panel:#182820;--spot-muted:#a9bbb0;padding-bottom:80px}.spots-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:40px 0 32px}.spots-intro h1{font-size:clamp(40px,5vw,68px);line-height:1.05;margin:12px 0 20px}.spots-intro p{color:#c8d6ce}.spots-live{display:grid;grid-template-columns:8px 1fr;align-items:center;gap:10px 12px;background:#1b2d24;border:1px solid #385344;padding:18px 22px;border-radius:16px;font-size:13px}.spots-live i{width:7px;height:7px;border-radius:50%;background:#86d7a7}.spots-live small{grid-column:2;color:#adc5b7}.spots-filters{display:grid;grid-template-columns:1fr 1.5fr .75fr auto;gap:20px;padding:24px;background:var(--spot-panel);border:1px solid var(--spot-border);border-radius:20px;margin-bottom:24px}.spots-filters label{display:grid;gap:10px;color:#b6c9bb;font-size:12px}.spots-filters input,.spots-filters select{width:100%;height:46px;min-width:0;border:1px solid #49604f;border-radius:10px;background:#101e17;color:#edf3eb;padding:0 14px;font:inherit;font-size:14px;outline-offset:4px;color-scheme:dark}.spot-reset{align-self:end;min-height:46px;background:transparent;border:1px solid #49604f;color:#d5dfd5;border-radius:10px;padding:0 18px;cursor:pointer}.spots-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--spot-border);border-radius:24px;overflow:hidden;background:#14211b}.spots-sidebar{border-right:1px solid var(--spot-border);min-width:0}.spots-list-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;border-bottom:1px solid var(--spot-border)}.spots-list-heading .eyebrow{font-size:10px;margin:0 0 8px}.spots-list-heading h2{font-size:23px;margin:0}.count-pill{background:#2b4333;color:#cae4d1;border-radius:9px;padding:6px 10px;font-size:13px}.spots-list{max-height:770px;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:#63795f #17281d}.spot-card{display:block;width:100%;text-align:left;background:transparent;color:#eef2e8;border:1px solid transparent;border-radius:14px;padding:16px;cursor:pointer;margin-bottom:6px;transition:background .2s,border-color .2s}.spot-card:hover{background:#213729}.spot-card[aria-pressed=true]{background:#2a4030;border-color:#ceae68}.spot-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.spot-card strong{font-size:21px;letter-spacing:.03em;font-variant-numeric:tabular-nums}.spot-card small{color:#adc1b0;font-size:11px}.spot-card p{font-size:13px;line-height:1.55;margin:6px 0}.spot-card .spot-bait{color:#b3c5b6;font-size:12px}.map-column{min-width:0;padding:16px}.map-shell{position:relative;overflow:hidden;isolation:isolate;height:550px;border-radius:16px;background:#101c15;box-shadow:inset 0 0 50px #0003}.map-shell svg{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.map-shell svg:active{cursor:grabbing}.map-nameplate{position:absolute;top:18px;left:18px;background:#101a15ed;border:1px solid #546b5066;padding:12px 18px;border-radius:12px;pointer-events:none}.map-nameplate .eyebrow{display:block;font-size:9px;margin-bottom:5px}.map-nameplate strong{font-size:17px}.map-controls{position:absolute;right:16px;bottom:54px;display:grid;gap:7px}.map-controls button{border:1px solid #7b8b6477;border-radius:10px;width:42px;height:42px;color:#f4e9ca;background:#101c15ed;font-size:24px;cursor:pointer}.map-controls button:hover{background:#36513b}.map-tip{position:absolute;left:16px;bottom:0;font-size:10px;color:#ece8d7;background:#15231ded;padding:7px 10px;border-radius:7px;pointer-events:none}.map-marker{cursor:pointer;outline:none}.map-marker .pin{fill:#75c695;stroke:#f4f7dd;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 3px #102719aa)}.map-marker.recent .pin{fill:#dfbe70}.map-marker.older .pin{fill:#9bada1}.map-marker[aria-pressed=true] .pin,.map-marker:focus .pin{stroke:#fff;stroke-width:4;fill:#f1cf81}.map-marker .halo{fill:#ffe8ae33;stroke:#ffe5a8;stroke-width:1;display:none;vector-effect:non-scaling-stroke}.map-marker[aria-pressed=true] .halo{display:block;animation:spot-breathe 2.4s ease-in-out infinite}.map-marker text{font:600 11px system-ui;fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#143320;stroke-width:3;pointer-events:none}.map-legend{display:flex;gap:20px;flex-wrap:wrap;padding:16px 4px;font-size:11px;color:#b7c8b9}.map-legend span{display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#75c695}.dot.recent{background:#dfbe70}.dot.older{background:#9bada1}.spot-detail{padding:24px;border:1px solid var(--spot-border);background:#1b2d22;border-radius:16px;min-height:170px}.spot-detail h2{font-size:26px;margin:8px 0 12px}.spot-detail p{font-size:13px;color:#c5d5c7;line-height:1.65}.spot-detail dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.spot-detail dt{font-size:10px;color:#a9c0af;text-transform:uppercase;letter-spacing:.09em}.spot-detail dd{margin:8px 0 0;font-size:15px;color:#fff1cc}.spot-detail .copy-coords{background:#e3c17f;color:#16261a;border:0;border-radius:9px;padding:11px 16px;font-weight:650;cursor:pointer}.spot-detail .older-reports{border-top:1px solid #435641;margin-top:20px;padding-top:16px}.spot-detail .older-reports summary{font-size:13px;cursor:pointer}.spots-empty{padding:25px 12px;color:#bdcbbb;font-size:13px;line-height:1.7}.spots-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:80px 0}.spots-explainer>div{padding:28px;border:1px solid var(--spot-border);border-radius:18px;background:#17271e}.spots-explainer h2{font-size:21px;margin:18px 0 12px}.spots-explainer p{font-size:14px;line-height:1.8;color:#bdcebe}.mini-icon{display:grid;place-items:center;width:40px;height:40px;background:#354833;color:#e2c386;border-radius:12px;font-size:25px}.spots-cta{margin-top:80px!important}.spots-cta .actions{flex-direction:column;flex-shrink:0}.spots-cta .button{white-space:normal;text-align:center}.map-error{position:absolute;inset:35% 10%;padding:24px;background:#19281dec;line-height:1.7;color:#e4ddc9}.map-error[hidden]{display:none}@keyframes spot-breathe{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.map-marker[aria-pressed=true] .halo{animation:none}.spot-card{transition:none}}@media(max-width:1000px){.spots-workspace{grid-template-columns:250px minmax(0,1fr)}.map-shell{height:450px}.spots-filters{grid-template-columns:1fr 1fr}.spots-intro{align-items:flex-start}.spots-live{max-width:240px}.spot-detail dl{grid-template-columns:1fr 1fr}}@media(max-width:720px){.spots-intro{display:block;margin-top:28px}.spots-live{max-width:none;margin-top:24px}.spots-filters{padding:18px;gap:16px}.spots-filters label:nth-child(2){grid-column:1/-1;grid-row:2}.spots-workspace{display:flex;flex-direction:column}.spots-sidebar{order:2;border:0;border-top:1px solid var(--spot-border)}.spots-list{max-height:370px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.spot-card{margin:0;padding:12px}.spot-card-head{display:block}.spot-card-head small{display:block;margin-top:6px}.map-column{padding:10px}.map-shell{height:430px}.map-nameplate{left:10px;top:10px;padding:10px 12px}.map-tip{font-size:9px;left:10px;max-width:70%;line-height:1.5}.spots-explainer{grid-template-columns:1fr;margin:48px 0;gap:16px}.spots-cta{margin-top:48px!important}.spots-cta .actions{width:100%}.spot-detail{padding:20px}.spots-cta h2{font-size:30px}.map-legend{gap:10px;font-size:10px}}@media(max-width:380px){.map-shell{height:370px}.spots-list{grid-template-columns:1fr}.spots-filters{grid-template-columns:1fr}.spots-filters label:nth-child(2){grid-column:auto;grid-row:auto}.spot-detail dl{grid-template-columns:1fr}.map-nameplate strong{font-size:14px}}

.spots-view-tabs{display:flex;gap:8px;padding:6px;background:#1b2c22;border:1px solid #364b3b;border-radius:14px;width:fit-content;margin:0 0 24px}.spots-view-tabs button{background:transparent;color:#c9d7c8;padding:12px 24px;border:0;border-radius:9px;font:600 14px system-ui;cursor:pointer}.spots-view-tabs button[aria-selected=true]{background:#e0c184;color:#16271b}.spots-page [hidden]{display:none!important}.spots-feed{border:1px solid #354a3c;border-radius:24px;padding:28px;background:#15241b}.feed-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:28px}.feed-heading h2{font-size:28px;margin:0}.feed-heading label{display:flex;align-items:center;gap:10px;font-size:12px;color:#b8ccbc}.feed-heading select{padding:10px;border:1px solid #4a604c;border-radius:9px;background:#112016;color:#e1eadb}.report-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.report-card{border:1px solid #385140;border-radius:18px;overflow:hidden;background:#1b2e22;animation:report-in .25s ease-out}.report-card-body{padding:24px}.report-card time{font-size:11px;color:#b4cbb8}.report-card h3{font-size:24px;margin:12px 0}.report-card p{font-size:14px;line-height:1.8;color:#cfddcc}.report-card .report-map-link{background:#304a33;border:1px solid #66815d;color:#f3d6a0;border-radius:10px;padding:11px 16px;cursor:pointer;font:600 13px system-ui}.report-photos{display:flex;gap:4px;height:260px;background:#0b1510}.report-photos button{padding:0;flex:1;min-width:0;cursor:zoom-in;border:0;background:#0b1510;overflow:hidden}.report-photos img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.report-photos button:hover img{transform:scale(1.025)}.report-card .report-thumb{position:relative;height:200px;overflow:hidden;background:#111f15}.report-thumb img{width:100%;height:100%;object-fit:cover;opacity:.65}.report-thumb span{position:absolute;bottom:16px;left:20px;font:700 22px system-ui;color:#fff3cf;background:#102317ee;padding:9px 14px;border-radius:9px}.report-card .report-badges{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.report-badges span{border:1px solid #486149;border-radius:7px;padding:5px 9px;font-size:11px;color:#d0e1c9}.spot-detail .report-photos{margin:20px 0;border-radius:10px;overflow:hidden;height:220px}.report-page-button{display:block;margin:24px auto 0;padding:12px 24px;background:#e0c184;border:0;border-radius:10px;color:#15251b;font-weight:650;cursor:pointer}#photo-viewer{padding:14px;border:1px solid #587356;border-radius:16px;background:#0b1711;color:#dfebd9;max-width:95vw;max-height:95vh}#photo-viewer::backdrop{background:#030906e8;backdrop-filter:blur(5px)}#photo-full{display:block;max-width:calc(95vw - 40px);max-height:80vh;object-fit:contain}#photo-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid #869576;border-radius:50%;background:#122719f0;color:white;font-size:28px;cursor:pointer}#photo-caption{font-size:12px;text-align:center;margin:12px 0 0}@keyframes report-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.report-card{animation:none}.report-photos img{transition:none}}@media(max-width:720px){.spots-feed{padding:16px}.report-feed{grid-template-columns:1fr;gap:20px}.feed-heading{align-items:flex-start;flex-direction:column}.report-photos{height:230px}.report-card-body{padding:20px}.spots-view-tabs button{padding:12px 18px}.feed-heading label{flex-wrap:wrap}}

.spots-page>.spots-intro{margin:40px 0 32px}.spots-page>.spots-workspace,.spots-page>.spots-feed{margin:0}.spots-page>.spots-explainer{margin:80px 0}.spots-page>.spots-cta{margin:80px 0 0}@media(max-width:720px){.spots-page>.spots-intro{margin:28px 0}.spots-page>.spots-explainer{margin:48px 0}.spots-page>.spots-cta{margin:48px 0 0}}

/* A large readable shot, then thumbnails; every photo opens without cropping. */
.report-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:240px 76px;height:auto;gap:5px}
.report-photos>button{position:relative;min-width:0;min-height:0}.report-photos>button:first-child{grid-column:1/-1}
.report-photos.single-photo{grid-template-rows:260px}.report-photos img{object-fit:contain}
.report-photos .more-photos{position:absolute;inset:0;display:grid;place-items:center;background:#08110bbb;font:700 22px system-ui;color:#fff3da}
.spot-detail .report-photos{height:auto;grid-template-rows:180px 58px}.spot-detail .report-photos.single-photo{grid-template-rows:220px}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:18px;max-width:90vw}
.gallery-controls button{border:1px solid #60765a;border-radius:10px;background:#203827;color:#f0d59d;font:600 22px system-ui;min-width:44px;min-height:44px;cursor:pointer}
.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-controls #photo-caption{margin:12px 0;max-width:600px}
@media(max-width:720px){.report-photos{grid-template-rows:210px 62px}.report-photos.single-photo{grid-template-rows:230px}.gallery-controls{gap:8px}.gallery-controls #photo-caption{font-size:11px}}