:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203D52;background:#FFF8EA;font-synthesis:none;--primary:#3B82C4;--primary-dark:#2C6FA8;--tint:#E6F1FA;--border:#9CC5E8;--yellow:#ffe181;--muted:#526779}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:48px;border:1px solid #9CC5E8;border-radius:14px;background:#fff;color:#203D52;padding:10px 14px;font-weight:700;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #2C6FA8;outline-offset:3px}header{position:fixed;inset:0 0 auto;z-index:500;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:var(--primary-dark);color:#fff;box-shadow:0 3px 18px #203D5229}h1{font-size:clamp(16px,4.5vw,22px);margin:0}header p{font-size:12px;margin:3px 0 0;color:#E6F1FA}.brand{font-size:32px}.sun{margin-left:auto;font-size:28px}#map{position:fixed;inset:0;z-index:0}.leaflet-top{top:calc(85px + env(safe-area-inset-top))}.leaflet-bottom{bottom:calc(100px + env(safe-area-inset-bottom))}.bottom{position:fixed;z-index:500;bottom:0;left:0;right:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;padding:12px 10px calc(12px + env(safe-area-inset-bottom));background:#fffdf5;box-shadow:0 -3px 20px #203D5226}.bottom button{font-size:13px;padding:10px 7px}.bottom button:first-child{background:var(--yellow);border-color:#d9b343}dialog{border:0;border-radius:24px;padding:24px;width:calc(100% - 24px);max-width:420px;max-height:calc(100dvh - 28px);overflow:auto;color:#203D52;background:#fffdf5;box-shadow:0 20px 80px #203D5266}dialog::backdrop{background:#203D52b8}h2{font-size:26px;margin:8px 0 10px}p{line-height:1.5}dialog p{font-size:14px;color:var(--muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--primary-dark)}label,legend{display:block;font-size:13px;font-weight:700;margin:14px 0 6px}input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #9CC5E8;border-radius:12px;background:#fff;font-size:16px;color:#203D52}fieldset{border:0;margin:8px 0 16px;padding:0}.characters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.characters button{display:flex;flex-direction:column;align-items:center;padding:6px 2px;font-size:27px;min-height:60px}.characters small{font-size:10px;font-weight:600}.characters [aria-pressed=true]{background:#E6F1FA;border:2px solid var(--primary-dark);padding:5px 1px}#join-form>button{width:100%;margin-top:8px}.primary{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}p.fine{font-size:11px;line-height:1.5;margin-bottom:0}#placement{position:fixed;top:calc(88px + env(safe-area-inset-top));left:12px;right:12px;z-index:600;padding:10px;background:var(--yellow);border-radius:16px;box-shadow:0 4px 20px #203D5226;font-size:14px;text-align:center}#placement button{margin-left:8px;min-height:44px;padding:6px 10px}#toast{position:fixed;bottom:calc(108px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:2000;background:#203D52;color:white;padding:14px 18px;border-radius:14px;font-size:14px;box-shadow:0 4px 20px #0003}dialog #toast{position:sticky;bottom:0;margin-top:12px}#sheet{margin:auto auto 0;max-width:600px;max-height:70dvh;border-radius:24px 24px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{font-size:23px}.crew-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;margin-top:9px}.crew-row .emoji{font-size:30px}.crew-row span:last-child{min-width:0;overflow-wrap:anywhere}.crew-row small{display:block;font-weight:400;color:var(--muted);margin-top:3px}.leave{background:transparent;color:#a22e22;margin-top:16px;font-size:12px}.pin{background:none;border:0;text-align:center}.pin-emoji{font-size:34px;line-height:42px;filter:drop-shadow(0 2px 2px #0004)}.pin-name{display:inline-block;max-width:136px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fffdf5;border:1px solid #CFE3F4;border-radius:8px;padding:2px 6px;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0002}.mine .pin-name{background:var(--yellow);border-color:var(--primary-dark)}.popup-name{font-weight:700;font-size:16px;overflow-wrap:anywhere}.popup-time{display:block;margin-top:5px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:700px){.bottom{max-width:570px;left:50%;transform:translateX(-50%);border-radius:20px 20px 0 0}.bottom button{font-size:15px}#toast{left:50%;right:auto;width:380px;transform:translateX(-50%)}dialog #toast{left:auto;width:auto;transform:none}#placement{left:50%;right:auto;transform:translateX(-50%);width:420px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Phone controls and activity sheets */
button,.bottom button,.leave{font-size:16px;min-height:48px}#placement button{min-height:48px}#map{height:100dvh}.bottom{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.bottom button{grid-column:span 2}.bottom #live,.bottom #feed{grid-column:span 3}.leaflet-bottom{bottom:calc(155px + env(safe-area-inset-bottom))}#toast{bottom:calc(165px + env(safe-area-inset-bottom))}#live-status{position:fixed;z-index:500;bottom:calc(152px + env(safe-area-inset-bottom));left:10px;right:10px;pointer-events:none}#live-status button,#live-status p{pointer-events:auto;background:#fffdf5;border-radius:14px;padding:10px}#live-status p{font-size:14px}.sharing:before{content:'●';color:#2C6FA8;margin-right:6px;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.3}}.pin{overflow:visible!important}.pin-emoji{width:44px;height:44px;margin:auto;border:2px solid white;border-radius:50%;font-size:29px;line-height:40px;box-shadow:0 2px 5px #0005}.mine .pin-emoji{outline:4px solid var(--primary);outline-offset:2px}.pin-name{max-width:136px;max-height:25px;margin-top:4px}.crew-entry{display:flex;align-items:center;gap:8px}.crew-entry .crew-row{flex:1;min-width:0}.crew-entry>button{flex-shrink:0}.crew-row span{overflow-wrap:anywhere}.activity-sheet{margin:auto auto 0;max-width:600px;max-height:80dvh;border-radius:24px 24px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.sheet-head{gap:12px}.sheet-head h2{overflow-wrap:anywhere;min-width:0}.sheet-head button{flex-shrink:0}.feed-item{padding:16px 0;border-bottom:1px solid #CFE3F4;overflow-wrap:anywhere}.feed-item p{margin:8px 0}.feed-item button{display:block;margin-top:8px}#roast-presets{display:grid;gap:8px}#roast-presets button{text-align:left;font-weight:500}#roast-form button{margin:8px}#roasted-text{font-size:20px;overflow-wrap:anywhere}#roasted-title{overflow-wrap:anywhere}#feed-badge:not(:empty){background:var(--primary-dark);color:white;border-radius:20px;padding:2px 7px}.leaflet-control-zoom a{min-width:48px;min-height:48px;line-height:48px}@media(prefers-reduced-motion:reduce){.sharing:before{animation:none}}

.pin-name{max-width:12ch}.leaflet-container a.leaflet-popup-close-button{width:48px;height:48px;line-height:48px}.leaflet-popup-content{margin-right:48px}

/* Park spots stay below people; labels never intercept taps. */
.park-spot{background:none;border:0}.spot-emoji{display:block;width:28px;height:28px;background:#fff;border:1px solid #9CC5E8;border-radius:7px;text-align:center;font-size:18px;line-height:26px;box-shadow:0 1px 3px #0002}.spot-label{display:none;pointer-events:none;position:absolute;top:30px;left:50%;transform:translateX(-50%);max-width:150px;width:max-content;padding:2px 5px;border-radius:5px;background:#fffffff0;color:#203D52;font-size:11px;text-align:center}.spot-labels .spot-label{display:block}.park-toggle{box-shadow:0 2px 8px #0003}.park-toggle[aria-pressed=true]{background:#E6F1FA;border-color:#2C6FA8}.official-map{display:inline-flex;align-items:center;min-height:48px;padding:10px 14px;margin-top:12px;border:1px solid #9CC5E8;border-radius:14px;background:white;color:#2C6FA8;font-weight:700;text-decoration:none}.official-map:focus-visible{outline:3px solid #2C6FA8;outline-offset:3px}.leaflet-control-layers .leaflet-control-layers-toggle{width:44px;height:44px;background-image:none;display:flex;align-items:center;justify-content:center;text-decoration:none}.leaflet-control-layers-toggle::after{content:"Map/Sat";font-size:10px;font-weight:700;color:#203D52}.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers label{min-height:44px;display:flex;align-items:center;margin:0}.leaflet-control-layers input{width:auto;min-height:0;margin-right:8px}

/* Ocean accents for interactive states and map controls. */
a,.leaflet-container a{color:var(--primary-dark)}a:focus-visible{outline:3px solid var(--primary-dark);outline-offset:3px}input{accent-color:var(--primary-dark)}button[aria-pressed=true]{background:var(--tint);border-color:var(--primary)}.leaflet-container{background:#FFF8EA;color:#203D52}.leaflet-container .leaflet-control-attribution{background:#fffdf5}.leaflet-container .leaflet-control-layers{color:#203D52;background:#fffdf5}@media(hover:hover){button:enabled:hover,.official-map:hover{background:var(--tint);border-color:var(--border)}.primary:enabled:hover{background:#245E90;border-color:#245E90}.bottom button:first-child:enabled:hover{background:#FFD66B;border-color:#d9b343}a:hover{color:#245E90}}
/* v5: trail-side field kit */
:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#29231e;background:#f4efe4;--primary:#3B82C4;--primary-dark:#2C6FA8;--mud:#4A3426;--khaki:#C8B88A;--ink:#29231e;--tint:#e7eff3;--border:#c5c0b4;--yellow:#ffe181;--muted:#615b50;--glass:rgba(255,252,244,.91);--shadow:0 16px 48px #21180f24,0 3px 10px #21180f12}
button,input{color:var(--ink)}button{border-color:var(--border);font-size:14px;font-weight:600;background:#fffcf4;border-radius:14px;transition:background 200ms,border-color 200ms,box-shadow 200ms,transform 200ms}button:active{transform:translateY(1px)}button:disabled{opacity:.58}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--primary-dark);outline-offset:3px}h1,h2,legend{font-family:Oswald,"Arial Narrow",system-ui,sans-serif}h1{font-size:24px;font-weight:500;letter-spacing:.4px}h2{font-size:30px;font-weight:500;line-height:1.2}header{background:repeating-linear-gradient(115deg,transparent 0 7px,#ffffff03 7px 8px),linear-gradient(110deg,#1f1a17,#342a21);border-bottom:1px solid #c8b88a55;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;box-shadow:0 4px 24px #21180f30}header p{color:#e0d9c9;font-size:11px;letter-spacing:.25px}.brand{flex:none}.header-stamp{margin-left:auto;color:var(--khaki);font-size:9px;letter-spacing:1.5px;line-height:1.8;text-align:right}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button .icon{margin-right:7px}button:has(.icon){display:inline-flex;align-items:center;justify-content:center}.bottom{bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;border-radius:20px;max-width:570px}.bottom button,.bottom #live,.bottom #feed{grid-column:auto;font-size:10px;min-width:0;min-height:58px;padding:7px 2px;border:0;background:transparent;display:flex;flex-direction:column;gap:5px;position:relative}.bottom button .icon{margin:0;width:21px;height:21px}.bottom button:first-child{background:var(--primary-dark);color:white}.bottom #live[aria-pressed=true]{background:var(--mud);color:white}.sharing:before{position:absolute;right:9px;top:5px;color:var(--khaki)}#feed-badge:not(:empty){position:absolute;right:1px;top:0;font-size:10px;padding:1px 5px}.leaflet-bottom{bottom:calc(93px + env(safe-area-inset-bottom))}.leaflet-top{top:calc(96px + env(safe-area-inset-top))}#live-status{bottom:calc(92px + env(safe-area-inset-bottom))}#live-status p{max-width:450px;margin:5px auto;font-size:12px}#live-status button{font-size:12px;min-height:48px}dialog,.bottom,#toast,.leaflet-popup-content-wrapper,.leaflet-control-layers,#live-status button,#live-status p{background:var(--glass);border:1px solid #ffffffb3;box-shadow:var(--shadow);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}dialog{color:var(--ink);border-radius:20px;padding:24px;max-width:440px;max-height:calc(100dvh - 24px);animation:arrive 220ms ease-out}dialog::backdrop{background:#19151085;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}dialog p{font-size:13px}#join{border-top:4px solid var(--khaki)}#join h2{margin:9px 0}#join-hint{margin:0 0 18px}.eyebrow{color:var(--mud);font-size:9px;letter-spacing:1.45px}label{font-size:12px}legend{font-size:16px;letter-spacing:.3px}input{border-color:var(--border);background:#fffef9;border-radius:12px}fieldset{margin:5px 0 10px}.characters{gap:6px}.characters button{gap:5px;padding:8px 2px;min-height:80px;border-radius:12px;background:#fffcf4}.characters small{font-size:9px;line-height:1.3;max-width:70px}.characters [aria-pressed=true]{padding:7px 1px;background:#e7eff3;border:2px solid var(--primary-dark);box-shadow:0 0 0 2px #2c6fa81a}.primary{background:var(--primary-dark);color:#fff}.rig-badge{--ring:#3B82C4;display:inline-flex;width:38px;height:38px;flex-shrink:0;align-items:center;justify-content:center;border:2px solid var(--ring);border-radius:50%;background:#fffaf0;color:var(--mud);box-shadow:inset 0 0 0 2px #fffaf0}.rig-badge svg{width:27px;height:27px}.rig-lifted4x4{--ring:#3b82c4}.rig-swampbuggy{--ring:#637a50}.rig-quad{--ring:#a77732}.rig-dirtbike{--ring:#b2583e}.rig-sxs{--ring:#568586}.rig-monster{--ring:#786586}.rig-winch{--ring:#a88258}.rig-mudbogger{--ring:#705044}.rig-trailboss{--ring:#4e6e4b}.rig-rustbucket{--ring:#b46b43}.rig-moonshiner{--ring:#73839c}.rig-cartrider{--ring:#96833f}.pin-emoji{width:44px;height:44px;border:0;background:none;box-shadow:none;filter:drop-shadow(0 3px 3px #21180f44)}.pin-emoji .rig-badge{width:44px;height:44px;border-width:3px}.mine .pin-emoji{outline:3px solid var(--primary-dark);outline-offset:3px}.pin-name{font-family:Inter,system-ui,sans-serif;background:#fffcf4;color:var(--ink);border-color:#d8cdb8;border-radius:8px}.mine .pin-name{background:var(--khaki);border-color:var(--mud)}.popup-name{display:flex;align-items:center;gap:10px;flex-direction:row-reverse;justify-content:flex-end}.popup-time{color:var(--muted);line-height:1.5}.leaflet-popup-content-wrapper{border-radius:16px}.leaflet-container{font-family:Inter,system-ui,sans-serif;background:#e9e5d9}.leaflet-control-layers label{min-height:48px}.leaflet-control-layers .leaflet-control-layers-toggle{min-width:48px;min-height:48px}.park-toggle{font-size:12px}.leaflet-container .leaflet-control-attribution{font-size:9px;background:#fffcf4}#sheet,#feed-sheet{margin:auto auto 0;max-width:600px;max-height:78dvh;border-radius:20px 20px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}#sheet:before,#feed-sheet:before{content:'';display:block;width:36px;height:4px;border-radius:4px;background:#b5aa97;margin:-10px auto 16px}#roast-sheet{margin:auto;max-width:500px;max-height:85dvh;border-radius:20px}.sheet-head h2{font-size:28px;margin:0}.sheet-head button{width:48px;padding:0;background:transparent;border-color:transparent}.sheet-head button .icon{margin:0}.crew-entry{border-bottom:1px solid #d6cdbc;padding:8px 0;gap:6px}.crew-row{margin:0;padding:8px 0;background:transparent;border:0;font-size:14px}.crew-row small{font-size:11px}.crew-entry>button{font-size:12px;padding:8px}.crew-entry>button .icon{width:16px;margin-right:4px}.leave{color:var(--mud);font-size:13px}.feed-item{position:relative;padding:18px 0 18px 50px;border-color:#d6cdbc}.feed-item>.rig-badge{position:absolute;left:0;top:17px}.feed-item strong{font-size:13px}.feed-item p{color:var(--ink);font-size:13px}.feed-item small{font-size:11px;color:var(--muted)}.feed-item button{font-size:12px;min-height:48px}#roast-presets{gap:6px}#roast-presets button{font-size:13px;line-height:1.5;background:#fffaf0}#roast-form button,#roast-back{background:var(--mud);color:#fff;border-color:var(--mud)}#roasted{border-top:4px solid var(--primary-dark)}#roasted-text{font-size:22px;line-height:1.5;color:var(--mud)}#toast{left:16px;right:16px;bottom:calc(102px + env(safe-area-inset-bottom));color:var(--ink);border-radius:18px;font-size:13px;line-height:1.5;display:flex;align-items:center;gap:10px;animation:arrive 220ms ease-out}dialog #toast{left:auto;right:auto;bottom:0}#placement{top:calc(96px + env(safe-area-inset-top));background:var(--khaki);color:var(--ink);font-size:13px}a,.leaflet-container a{color:var(--primary-dark)}.official-map{border-color:var(--border);font-size:13px}@keyframes arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@supports not ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){dialog,.bottom,#toast,.leaflet-popup-content-wrapper,.leaflet-control-layers,#live-status button,#live-status p{background:rgba(255,252,244,.98)}dialog::backdrop{background:#191510b8}}@media(min-width:700px){.bottom{left:50%;right:auto;width:570px;transform:translateX(-50%);border-radius:20px}.bottom button{font-size:12px}#toast{left:50%;right:auto;width:400px;transform:translateX(-50%)}dialog #toast{width:auto;transform:none}header{padding-left:28px;padding-right:28px}}@media(max-width:360px){.header-stamp{display:none}dialog{padding:18px}.characters small{font-size:8px}.bottom{left:6px;right:6px}.bottom button{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(hover:hover){button:enabled:hover{background:#e7eff3;border-color:#9baeb6}.primary:enabled:hover,.bottom button:first-child:enabled:hover{background:#245e90;color:#fff}#roast-back:hover,#roast-form button:hover{background:#38271d;color:#fff}}
.leaflet-control-layers-toggle::after{content:none}
.spot-emoji{display:flex;align-items:center;justify-content:center;background:var(--glass);color:#4A3426;border-color:#c8b88a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.spot-emoji svg{width:17px;height:17px}