:root{--map-bg:#f5f2ed;--map-card:#fff;--map-ink:#191816;--map-muted:#716c65;--map-line:#e5dfd7;--map-orange:#e96f0a;--map-green:#328d37;--map-shadow:0 14px 40px rgba(28,22,16,.1)}
.map-page{margin:0;background:var(--map-bg);color:var(--map-ink);min-height:100vh;font-family:Inter,system-ui,sans-serif}.map-page *{box-sizing:border-box}.map-topbar{position:sticky;top:0;z-index:100;background:rgba(17,16,15,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.map-topbar-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.map-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.map-brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--map-orange);font-size:1.2rem}.map-brand strong,.map-brand small{display:block}.map-brand strong{font-family:"Bebas Neue",Impact,sans-serif;font-size:1.35rem;letter-spacing:.04em}.map-brand small{font-size:.68rem;color:#bdb8b2;margin-top:-2px}.back-button{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.16);padding:10px 14px;border-radius:12px;font-size:.82rem;font-weight:800}.map-shell{padding:28px 0 110px}.map-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.map-kicker,.section-kicker{display:block;color:var(--map-orange);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.map-intro h1{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(3.5rem,8vw,5.8rem);line-height:.84;margin:8px 0 0}.live-count{display:flex;align-items:center;gap:7px;background:#191919;color:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 8px 22px rgba(0,0,0,.18)}.live-count strong{font-size:1.25rem}.live-count span:last-child{font-size:.8rem;color:#d0cbc5}.live-dot{width:9px;height:9px;border-radius:50%;background:#43d15e;box-shadow:0 0 0 4px rgba(67,209,94,.14)}.map-section-tabs{display:none}.map-card{position:relative;height:min(58vh,620px);min-height:430px;background:#ddd;border-radius:26px;overflow:hidden;border:1px solid var(--map-line);box-shadow:var(--map-shadow)}#live-map{width:100%;height:100%;background:#dedbd5}.map-overlay{position:absolute;left:18px;top:18px;z-index:500;background:rgba(20,20,20,.85);color:#fff;border-radius:12px;padding:10px 13px;font-size:.76rem;backdrop-filter:blur(10px);max-width:290px}.map-overlay[hidden]{display:none}.map-floating-controls{position:absolute;right:18px;top:18px;z-index:500}.map-control-button{width:46px;height:46px;border:0;border-radius:14px;background:#fff;color:#171717;font-size:1.5rem;box-shadow:0 8px 20px rgba(0,0,0,.2);cursor:pointer}.map-legend{position:absolute;left:18px;bottom:18px;z-index:500;display:flex;gap:12px;background:rgba(255,255,255,.92);padding:10px 12px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.12);font-size:.67rem;font-weight:700}.map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:50%}.legend-dot.me{background:#2f8e3b}.legend-dot.rider{background:var(--map-orange)}.legend-line{width:18px;border-top:3px dashed #8a8178}.leaflet-control-zoom{border:0!important;box-shadow:0 8px 20px rgba(0,0,0,.17)!important}.leaflet-control-zoom a{border:0!important;color:#171717!important}.leaflet-popup-content-wrapper{border-radius:14px!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important}.rider-marker-wrap{background:transparent;border:0}.rider-marker{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--map-orange);color:#fff;font-weight:900;border:4px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.3)}.rider-marker.is-me{background:var(--map-green)}.map-content-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(400px,1.2fr);gap:20px;margin-top:20px}.share-panel,.rider-panel{background:var(--map-card);border:1px solid var(--map-line);border-radius:22px;padding:22px;box-shadow:0 8px 24px rgba(28,22,16,.06);scroll-margin-top:100px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panel-heading.compact{margin:0}.panel-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.5rem;font-weight:900}.panel-icon.green{background:#e8f5e8;color:var(--map-green)}.panel-icon.orange{background:#fff0e2;color:var(--map-orange)}.panel-heading h2{margin:3px 0 0;font-size:1.35rem}.join-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.join-form label{display:grid;gap:7px}.join-form label span{font-size:.72rem;font-weight:800;color:var(--map-muted)}.join-form input{width:100%;min-height:48px;border:1px solid #d9d3cb;border-radius:12px;background:#faf9f7;padding:0 13px;font:inherit;color:var(--map-ink);outline:0}.join-form input:focus{border-color:var(--map-orange);box-shadow:0 0 0 3px rgba(233,111,10,.12)}.join-form input:disabled{opacity:.65}.sharing-buttons{grid-column:1/-1;display:flex;gap:9px}.sharing-buttons .location-button{flex:1}.location-button.danger{background:#b63c32;color:#fff}.sharing-status{margin-top:14px;border-radius:12px;background:#f4f2ee;padding:12px 13px;color:#554f49;font-size:.8rem;font-weight:650}.sharing-status.warning{background:#fff0dd;color:#7a4b1b}.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:var(--map-muted);font-size:.72rem}.connection-pill{display:inline-flex;align-items:center;gap:6px;background:#e8f5e8;color:#27772f;padding:6px 9px;border-radius:999px;font-weight:800}.connection-pill i{width:7px;height:7px;border-radius:50%;background:#41ba4d}.privacy-note{margin:12px 0 0;color:#8a847d;font-size:.7rem}.pause-warning,.setup-alert{display:grid;gap:3px;margin-top:12px;padding:12px;border-radius:12px}.pause-warning[hidden],.setup-alert[hidden]{display:none!important}.pause-warning{background:#fff2df;color:#7d4b16}.setup-alert{background:#fde8e5;color:#7f2e27}.pause-warning span,.setup-alert span{font-size:.73rem}.rider-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.small-button{border:1px solid #d8d2ca;background:#f9f7f4;color:#25211e;border-radius:11px;padding:9px 12px;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}.rider-list{display:grid;gap:10px}.rider-row{width:100%;border:1px solid #e8e3dc;background:#fcfbf9;border-radius:15px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;color:var(--map-ink);font:inherit;cursor:pointer;transition:.18s ease}.rider-row:hover{border-color:#d5ccc2;transform:translateY(-1px);box-shadow:0 7px 18px rgba(28,22,16,.07)}.rider-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#191919;color:#fff;font-weight:900}.rider-row strong,.rider-row small{display:block}.rider-row strong{font-size:.92rem}.rider-row small{margin-top:3px;color:var(--map-muted);font-size:.7rem}.rider-focus{color:var(--map-orange);font-size:.72rem;font-weight:900}.empty-state{min-height:210px;border:1px dashed #dcd5cd;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--map-muted);padding:22px}.empty-state span{font-size:2rem}.empty-state strong{color:var(--map-ink);margin-top:8px}.empty-state small{margin-top:4px}.map-page .bottom-nav{display:none}
@media(max-width:820px){.map-topbar-inner{min-height:62px}.map-brand strong{font-size:1.15rem}.back-button{font-size:.74rem;padding:9px 11px}.map-shell{padding-top:18px}.map-intro{align-items:center}.map-intro h1{font-size:3.7rem}.map-section-tabs{position:sticky;top:62px;z-index:80;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:rgba(245,242,237,.94);backdrop-filter:blur(12px);padding:8px 0 12px}.map-section-tabs a{color:#6d6761;text-decoration:none;text-align:center;padding:9px;border-radius:10px;font-size:.75rem;font-weight:800}.map-section-tabs a.active{background:#191919;color:#fff}.map-card{height:54vh;min-height:390px;border-radius:20px}.map-content-grid{grid-template-columns:1fr}.rider-panel{order:1}.share-panel{order:2}.map-page .bottom-nav{display:grid}.map-shell{padding-bottom:100px}.map-legend{bottom:12px;left:12px}.map-floating-controls{top:12px;right:12px}.map-overlay{top:12px;left:12px}.join-form{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.map-shell.shell{width:calc(100% - 20px)}.map-topbar-inner.shell{width:calc(100% - 22px)}.map-brand small{display:none}.map-brand-mark{width:36px;height:36px}.map-intro{margin-bottom:12px}.map-intro h1{font-size:3.15rem}.live-count{padding:10px 12px}.live-count strong{font-size:1.05rem}.map-card{height:48vh;min-height:350px;margin-left:-10px;margin-right:-10px;border-radius:0;border-left:0;border-right:0}.map-legend{gap:8px;font-size:.62rem}.map-content-grid{margin-top:14px;gap:14px}.share-panel,.rider-panel{padding:17px;border-radius:18px}.join-form{grid-template-columns:1fr}.sharing-buttons{grid-column:1}.status-row{align-items:flex-start;flex-direction:column;gap:7px}.rider-row{padding:10px}.rider-avatar{width:38px;height:38px}.map-section-tabs{margin:0 -10px;padding-left:10px;padding-right:10px}.map-page .install-fab{bottom:82px}}

/* Simplified two-page map layout */
.map-section-tabs,.rider-panel{display:none!important}.map-content-grid{display:block!important;margin-top:20px}.simple-share{max-width:720px;margin:20px auto 0}.join-form.one-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.join-form.one-field .sharing-buttons{grid-column:auto}.bottom-nav.two-item-nav{grid-template-columns:repeat(2,1fr)!important}
@media(max-width:560px){.join-form.one-field{grid-template-columns:1fr}.join-form.one-field .sharing-buttons{grid-column:1}.simple-share{margin-top:14px}}