/* Activity and weather (Ryan, 2026-10-24 late evening). Loaded last. Every selector starts with .act, .sky, .sheet-g or .card-weather,
   so the locked Jay layout changes only where the sixth card is, and Today and You do not change at all.
   Pink is never text: the pink fill marks the replay dot, the today dot, the shot-to-elk segment, the slider thumb, the elk mark and the warning sign. */

/* map controls stay under the sheet and the scrim (Leaflet puts them at 1000) */
.leaflet-top,.leaflet-bottom{z-index:650 !important}

/* the Weather card: the sky mark beside the value, the card itself tappable */
.card-weather{cursor:pointer}
.sky{width:30px;height:30px;flex:none;overflow:visible}
.sky .cl{fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sky .fl{fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round}
.sky .wn{fill:var(--accent);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
.sky .wi{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}

/* the weather sheet: two groups, each with its source and time */
.sheet-g{margin-top:12px;font:var(--w-strong) 15px/1.3 var(--font-body);color:var(--ink)}
.sheet-g span{display:block;font-weight:var(--w-body);font-size:14px;color:var(--ink-2)}
.sheet-g + .kv{border-top:0;padding-top:6px}
.sheet-p{margin-top:8px;font-size:16px;line-height:1.45;color:var(--ink);max-width:60ch}

/* Activity: the day row */
.act .r6-body{gap:10px}
.act-days{display:flex;gap:6px}
.act-day{flex:1;min-width:44px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 2px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line);position:relative;color:var(--ink)}
.act-day.on{box-shadow:inset 0 0 0 2px var(--ink)}
.act-dw{font-size:14px;line-height:1.2;color:var(--ink-2)}
.act-dn{font:var(--w-num) 16px/1.2 var(--font-num);letter-spacing:var(--track-num);font-variant-numeric:tabular-nums;color:var(--ink)}
.act-ddot{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1.5px var(--accent-line)}
.act-delk{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 1.25px var(--ink);margin-top:1px}
.act-delk-ic{width:11px;height:11px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* the map card */
.act-mapcard .r6-k{white-space:normal}
.act-fig{margin-left:auto;font-weight:var(--w-body);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.act-map{position:relative;height:236px;margin-top:8px;border-radius:10px;overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--card-line)}
.act-map .leaflet-container{cursor:default}
.act-dot{display:block;width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #ffffff, 0 0 0 4px var(--ink), 0 4px 10px rgba(0,0,0,.3)}
.pin.shot i{background:var(--accent);box-shadow:inset 0 0 0 1.5px #ffffff}
.act-kill,.act-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:var(--card);box-shadow:inset 0 0 0 2px var(--ink), 0 4px 10px rgba(0,0,0,.25);flex:none}
.act-thumb{box-shadow:inset 0 0 0 1.5px var(--ink)}
.act-thumb-elk{position:absolute;top:-7px;left:-7px;width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 1.25px var(--ink), 0 0 0 2px #ffffff;display:flex;align-items:center;justify-content:center}
.act-elk-ic{width:13px;height:13px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.act-kill-tail{position:absolute;left:50%;bottom:-9px;width:0;height:0;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--ink)}

/* the replay scrub under the map: Replay, the bar with the day's events as stops, the time under the thumb */
.act-scrub{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;margin-top:8px}
.act-play{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 14px 0 9px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--ink);font-size:15px;font-weight:var(--w-strong);color:var(--ink);white-space:nowrap}
.act-play-ic{width:18px;height:18px;fill:var(--ink);stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.act-bar{position:relative}
.act-bar input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:none;cursor:pointer;position:relative;z-index:2}
.act-bar input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--card-line)}
.act-bar input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px #ffffff}
.act-bar input:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.act-stops{position:absolute;left:0;right:0;top:50%;height:0;z-index:1;pointer-events:none}
.act-stops i{position:absolute;top:0;left:calc(13px + (100% - 26px) * var(--p));width:8px;height:8px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px var(--card);transform:translate(-50%,-50%)}
.act-when{grid-column:2;margin-top:0;font-size:15px;line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums}

/* his day: tap a row to jump the replay there; the Elk down row carries the kill photo */
.act-ev{min-height:44px;cursor:pointer;align-items:center}
.act-ev .r6-mark{align-self:stretch}
.act-ev .r6-what{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.act-what{display:block;min-width:0}
.act-what b{display:block;font-weight:var(--w-strong);font-size:16px;line-height:1.3;color:var(--ink)}
.act-what span{display:block;margin-top:1px;font-size:14px;line-height:1.3;color:var(--ink-2)}
.act-ev.now{box-shadow:inset 0 0 0 2px var(--accent-line)}
.act-ev.now .r6-mark::before{left:2px;top:3px;width:14px;height:14px;background:var(--accent);box-shadow:0 0 0 1.5px var(--accent-line), 0 0 0 5px var(--accent-soft)}
.act-ev .r6-mark::before{top:50%;margin-top:-5px}
.act-ev.now .r6-mark::before{top:50%;margin-top:-7px}
.act-ev .r6-mark::after{top:50%;bottom:-50%}
.act-ev:last-child .r6-mark::after{display:none}
.act-daycard .r6-tl{margin-top:4px}

/* the kill photo, in the sheet */
.act-photo{display:flex;align-items:center;justify-content:center;height:220px;margin:4px 0 8px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--card-line)}
.act-photo .r6-thumb-ic{width:32px;height:32px}
.act-photo{overflow:hidden;height:auto;aspect-ratio:4/3}
.act-photo .act-img{display:block;width:100%;height:100%;object-fit:cover}
.act-kill .act-img,.act-thumb .act-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.act-kill,.act-thumb{overflow:visible}
@media (prefers-reduced-motion: reduce){.act *{transition:none !important}}