:root{--ink:#18342f;--muted:#65766f;--green:#124b43;--green2:#21685c;--mint:#e9f2ec;--paper:#f6f7f3;--line:#dde5dd;--coral:#e8775b;--danger:#b54336;--shadow:0 12px 40px #173c3110;--radius:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.5}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green);text-underline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dc9b51;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.4vw,44px);line-height:1.13;letter-spacing:-1.2px;margin-bottom:16px;font-weight:700}h2{font-size:20px;line-height:1.25;margin-bottom:16px;letter-spacing:-.4px}h3{font-size:16px}p{margin-bottom:16px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:13px}.lead{font-size:17px;color:var(--muted);max-width:700px}.eyebrow{font-size:11px;letter-spacing:1.65px;font-weight:750;color:var(--green2);margin-bottom:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:2000;background:white;padding:10px 20px}.skip-link:focus{top:10px}
.site-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:20px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:750;letter-spacing:-.4px;font-size:18px;min-width:0}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.brand-symbol{width:36px;height:36px;background:var(--green);color:#fff;border-radius:10px;display:grid;place-items:center}.brand-symbol .icon{width:24px;height:24px}.header-nav{display:flex;align-items:center;gap:16px;flex-shrink:0}.nav-link{text-decoration:none;font-size:14px;font-weight:600}.account-link{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;max-width:200px}.account-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-form{display:inline-flex;margin:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 15px;border:1px solid var(--line);background:#fff;border-radius:7px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;transition:background .15s,transform .15s;white-space:nowrap}.button:hover{background:#eef2ec}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:var(--green2)}.button.primary-soft{background:var(--mint);color:var(--green);border-color:#d3e6d9}.button.coral{background:var(--coral);border-color:var(--coral);color:#252e28}.button.small{min-height:34px;font-size:12px;padding:6px 10px}.button.wide{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;border-radius:7px;color:var(--ink);text-decoration:none;flex-shrink:0}.icon-button:hover{background:var(--mint)}.danger-text{color:var(--danger)!important}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 16px #274e3810}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;font-size:11px;font-weight:600;padding:4px 8px;background:#f8f8f3}.badge .icon{width:13px;height:13px}.badge.green{color:var(--green);background:var(--mint);border-color:#d4e6d8}.activity-chip{font-size:12px;color:var(--muted)}
.dashboard-wrap,.settings-wrap,.public-wrap{max-width:1240px;margin:auto;padding:48px 32px 64px}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:10px 0 32px}.dashboard-hero .lead{margin-bottom:0}.summary-row{display:flex;gap:32px;align-items:center;padding:18px 0 26px;border-bottom:1px solid var(--line);margin-bottom:30px;color:var(--muted);font-size:13px}.summary-row strong{color:var(--ink);font-size:18px;margin-right:6px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.event-card{overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0;gap:10px}.event-card-main{display:block;text-decoration:none;color:var(--ink);padding:0 20px 20px}.route-illustration{height:125px;display:grid;place-items:center;background:radial-gradient(circle at center,#e4efe0 1px,transparent 1px);background-size:14px 14px;margin:10px -5px 18px;overflow:hidden;border-radius:5px;color:var(--green)}.route-illustration>.icon{width:60px;height:60px;opacity:.4}.route-illustration svg.route-sketch{height:100px;width:100%}.event-card h2{font-size:21px;margin-bottom:10px}.event-cause{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.event-cause .icon{width:15px;height:15px}.event-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.event-meta>span{display:flex;align-items:center;gap:6px}.event-meta .icon{width:14px;height:14px}.event-meta strong{font-size:15px;color:var(--green)}.card-actions{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.card-actions>div{display:flex}.empty-events{padding:65px 25px;text-align:center}.empty-events p{max-width:450px;margin:0 auto 24px;color:var(--muted)}.empty-symbol{background:var(--mint);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px}.empty-symbol .icon{width:34px;height:34px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:13px;font-weight:600}.field input,.field select,.field textarea,input#place-search{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:11px 12px;min-height:43px;font-size:14px;font-weight:400}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green2)}.field input::placeholder,.field textarea::placeholder{color:#8a968d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:16px 0 24px;font-weight:400}.checkbox input{margin-top:4px;accent-color:var(--green)}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #dfddc6;background:#faf8eb;border-radius:7px;font-size:13px;margin-bottom:18px;color:#5b593e}.notice .icon{width:18px;height:18px;margin-top:1px}.notice-success{color:var(--green);background:var(--mint);border-color:#d1e3d6}.notice-error{color:#8a352d;background:#fff0eb;border-color:#ecc6bd}.form-error{color:var(--danger);font-size:13px}.form-error:empty{display:none}.text-link{display:inline-flex;align-items:center;gap:7px;font-weight:650;text-decoration:none}
dialog.modal{border:1px solid var(--line);padding:0;border-radius:12px;box-shadow:var(--shadow);max-width:570px;width:calc(100% - 32px);max-height:90dvh;color:var(--ink);background:#fff}dialog::backdrop{background:#122c2873;backdrop-filter:blur(3px)}.modal.compact{max-width:460px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line);gap:16px}.modal-head h2{margin:0}.modal-head .eyebrow{margin-bottom:6px}.modal-body{padding:22px 24px;overflow:auto;max-height:calc(90dvh - 160px)}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:18px 24px;border-top:1px solid var(--line)}.modal-body .button.wide{margin-bottom:10px}.toasts{position:fixed;right:24px;bottom:24px;z-index:2000;display:grid;gap:8px;max-width:400px}.toast{background:var(--green);color:white;padding:14px 18px;border-radius:8px;box-shadow:var(--shadow);font-size:13px}.toast.error{background:#9b4034}
.editor-page{background:#fff}.editor-wrap{height:calc(100dvh - 72px);display:flex;flex-direction:column;min-height:500px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);min-height:88px;background:#fff}.editor-heading{display:flex;align-items:center;gap:12px;min-width:0}.editor-heading>div{min-width:0}.editor-heading h1{font-size:21px;margin:0 0 5px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:440px}.editor-subline{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.dot{color:#bac7bc}.editor-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.editor-actions .button{font-size:12px;min-height:36px;padding:7px 11px}.editor-actions .icon{width:17px;height:17px}.editor-workspace{display:grid;grid-template-columns:350px minmax(0,1fr);flex:1;min-height:0}.editor-panel{border-right:1px solid var(--line);overflow:auto;background:#fff}.panel-tabs{display:flex;position:sticky;top:0;background:#fff;z-index:5;padding:0 14px;border-bottom:1px solid var(--line)}.panel-tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:17px 6px 13px;border-bottom:3px solid transparent;font-size:12px;font-weight:650}.panel-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.panel-tabs button span{font-size:10px;background:var(--mint);padding:1px 4px;border-radius:3px}.panel-section{padding:22px 20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-title h2{font-size:16px;margin:0}.panel-section .field{font-size:12px;margin-bottom:15px}.panel-section .field input,.panel-section .field select,.panel-section .field textarea{font-size:13px;padding:9px 10px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);padding:3px;border:1px solid var(--line);border-radius:7px;gap:3px}.mode-switch button{border:0;border-radius:5px;background:transparent;font-size:11px;padding:9px 3px;color:var(--muted);font-weight:650}.mode-switch button.active{background:white;box-shadow:0 1px 5px #223e2719;color:var(--green)}.help-text{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 17px}.panel-empty{text-align:center;padding:35px 15px;color:var(--muted);border:1px dashed var(--line);border-radius:8px;margin:24px 0}.panel-empty>.icon{width:30px;height:30px;margin-bottom:14px;color:var(--green)}.panel-empty h3{color:var(--ink);margin-bottom:7px}.panel-empty p{font-size:12px;margin:0}.waypoint-list{list-style:none;padding:0;margin:22px 0}.waypoint{position:relative;border:1px solid var(--line);border-radius:7px;margin-bottom:12px;padding:12px 10px;background:#fff}.waypoint.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.waypoint-head{display:flex;gap:8px;align-items:center}.point-badge,.stop-number{width:26px;height:26px;display:inline-grid;place-items:center;background:var(--mint);color:var(--green);font-size:11px;font-weight:750;border-radius:50%;flex-shrink:0}.point-badge.finish{background:#ffecdf;color:#964a35}.waypoint-name{border:0;border-bottom:1px solid transparent;min-width:0;width:100%;font-size:12px;padding:4px 1px;color:var(--ink);background:transparent;outline-offset:2px}.waypoint-name:hover{border-color:var(--line)}.waypoint .icon-button{width:24px;height:26px}.waypoint .icon{width:14px;height:14px}.waypoint-coords{font-size:10px;margin:4px 0 7px 34px;color:var(--muted)}.segment-controls{display:flex;justify-content:space-between;align-items:center;gap:7px;margin:8px 0 0 34px}.segment-controls select{border:1px solid var(--line);border-radius:4px;font-size:10px;background:#f8faf6;color:var(--muted);padding:4px;max-width:150px}.segment-state{font-size:10px;display:flex;gap:5px;align-items:center}.segment-state.error{color:var(--danger)}.point-actions{display:flex;justify-content:flex-end;gap:2px;margin-top:4px}.segment-message{font-size:11px;color:var(--danger);margin:8px 0 0 34px}.route-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.route-tools .button{font-size:10px;white-space:normal;line-height:1.3}.route-tools .icon{width:14px;height:14px}.poi-list{margin-top:20px}.poi-item{padding:14px 10px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}.poi-item>div{flex:1;min-width:0}.poi-item strong{display:block;font-size:13px}.poi-item p{font-size:11px;color:var(--muted);margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.poi-item .icon-button{width:26px;height:26px}.poi-item .icon{width:16px;height:16px}
.map-workspace{position:relative;min-width:0;min-height:0;background:#e9ede2}.editor-map{height:100%;width:100%;min-height:350px}.map-search{position:absolute;left:18px;top:18px;z-index:500;display:flex;background:white;border:1px solid var(--line);border-radius:8px;width:350px;max-width:calc(100% - 85px);box-shadow:0 4px 15px #1530201a;align-items:center;padding-right:5px}.map-search input#place-search{border:0;border-radius:8px;font-size:12px;padding:13px;min-height:45px;flex:1;min-width:0}.map-search .icon-button{width:34px;height:34px}.search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;max-height:250px;overflow:auto;box-shadow:var(--shadow)}.search-results button{display:block;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid var(--line);background:#fff;font-size:12px;color:var(--ink)}.search-results button:hover{background:var(--mint)}.search-results .search-empty{padding:15px;font-size:12px;color:var(--muted)}.map-metrics{position:absolute;left:18px;bottom:82px;z-index:450;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:15px 18px;display:grid;min-width:175px;max-width:270px;pointer-events:none}.metric-label{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:700}.map-metrics strong{font-size:29px;letter-spacing:-.8px;line-height:1.4;color:var(--green)}.map-metrics>span:last-child{font-size:10px;color:var(--muted)}.map-instruction{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:450;border-radius:6px;padding:9px 15px;background:#173c32ed;color:#fff;font-size:11px;max-width:calc(100% - 140px);text-align:center;pointer-events:none}.map-buttons{position:absolute;right:18px;bottom:38px;z-index:500;display:grid;gap:7px}.map-button{width:38px;height:38px;background:#fff;color:var(--green);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 10px #1d3f231a;display:grid;place-items:center}.map-error{position:absolute;z-index:450;bottom:12px;left:18px;background:#fff1e3;color:#784726;font-size:11px;padding:10px 14px;border-radius:6px;max-width:calc(100% - 95px)}.map-error.inline{position:static;max-width:none;border-radius:0}.leaflet-container{font-family:inherit;background:#e8eee1}.leaflet-top.leaflet-right{top:16px;right:16px}.leaflet-bar{border:1px solid var(--line)!important;border-radius:6px!important;box-shadow:0 2px 10px #1d3f231a!important}.leaflet-bar a{color:var(--green)!important}.leaflet-control-attribution{font-size:9px!important;max-width:100%;line-height:1.4!important}.map-marker{display:grid!important;place-items:center!important;background:var(--green);color:white;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #14382555;font-size:11px;font-weight:750}.map-marker.finish{background:var(--coral);color:#342f26}.map-marker.poi{background:#fff8e4;color:#775b29;border-color:#9d845d;border-width:2px;border-radius:7px}.map-marker.selected{box-shadow:0 0 0 4px #e8a46599}.leaflet-popup-content{font-family:inherit;font-size:13px;white-space:pre-wrap;max-width:240px;overflow-wrap:anywhere}.leaflet-popup-content strong{display:block;margin-bottom:5px}.conflict-notice{margin:0;border-radius:0;align-items:center;justify-content:space-between}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.history-row strong{font-size:13px;display:block}.history-row small{color:var(--muted);font-size:11px}
.public-intro{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:32px}.public-intro h1{max-width:800px}.public-meta{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px}.public-meta>span{display:flex;align-items:center;gap:8px}.public-meta .icon{width:16px;height:16px}.public-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.public-map-card{overflow:hidden;align-self:start}.public-map-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.public-map-head h2{font-size:17px;margin:0}.public-map{height:560px}.public-map-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px 22px;font-size:12px;color:var(--muted)}.public-story{display:grid;gap:22px;align-content:start}.public-story .card{padding:24px}.story-text{font-size:14px;color:#4f6157;white-space:normal;overflow-wrap:anywhere}.public-story .text-link{font-size:13px}.public-stops{list-style:none;padding:0;margin:0}.public-stops li{display:flex;gap:11px;align-items:center;padding:9px 0;font-size:12px}.preview-notice{justify-content:space-between;align-items:center;margin-bottom:24px}
.auth-wrap{max-width:1050px;margin:70px auto;padding:0 30px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.auth-intro h1{font-size:40px}.auth-intro p{font-size:16px;color:var(--muted);max-width:420px;line-height:1.7}.auth-route-art{height:165px;background:radial-gradient(circle,#c8d9c8 1px,transparent 1px);background-size:17px 17px;display:grid;place-items:center;max-width:380px;border-radius:10px}.auth-route-art .icon{width:110px;height:110px;color:var(--green);opacity:.7}.auth-card{padding:32px}.auth-card h2{font-size:23px}.auth-card .button{margin-top:10px}.setup-wrap{max-width:1140px;margin:auto;padding:48px 30px}.setup-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:30px;margin-top:32px;align-items:start}.setup-checks,.setup-form,.settings-form,.accounts-list{padding:28px}.setup-checks{position:sticky;top:20px}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{display:flex;gap:10px;align-items:center;margin:14px 0;font-size:12px}.check-list li.good{color:var(--green)}.check-list li.bad{color:var(--danger)}.setup-form h2,.settings-form h2{font-size:18px;margin:30px 0 20px}.setup-form h2:first-of-type,.settings-form h2:first-of-type{margin-top:0}.settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:32px}.settings-grid aside{display:grid;gap:28px}.accounts-list h2{font-size:18px}.account-row{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--line)}.account-row:last-child{border-bottom:0}.account-row strong{font-size:13px}.account-row span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.profile-wrap{max-width:620px;margin:45px auto;padding:0 24px}.profile-wrap .settings-form{margin-top:30px}
@media(max-width:1100px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-heading h1{max-width:270px}.editor-workspace{grid-template-columns:320px minmax(0,1fr)}.editor-head{padding:14px}.editor-actions .button span{display:none}.public-layout{grid-template-columns:minmax(0,1fr) 270px}.auth-wrap{gap:40px}}
@media(max-width:760px){.site-header{height:62px;padding:0 16px;gap:10px}.brand{font-size:15px;gap:8px}.brand>span:last-child{max-width:190px}.brand-symbol{width:31px;height:31px;border-radius:8px}.header-nav{gap:5px}.header-nav .nav-link{display:none}.account-link span{display:none}.account-link .icon{width:19px}.dashboard-wrap,.public-wrap,.settings-wrap{padding:30px 18px 50px}.dashboard-hero{display:block;margin:0 0 24px}.dashboard-hero .button{margin-top:24px}.lead{font-size:15px}.summary-row{gap:18px;flex-wrap:wrap;font-size:11px;margin-bottom:22px}.summary-row strong{font-size:16px}.event-grid{grid-template-columns:1fr}.event-card h2{font-size:22px}.empty-events{padding:40px 20px}.editor-wrap{height:auto;min-height:calc(100dvh - 62px)}.editor-head{flex-wrap:wrap;padding:12px 14px;gap:10px;position:sticky;top:0;z-index:600}.editor-heading{width:100%;gap:6px}.editor-heading h1{max-width:calc(100vw - 90px);font-size:18px}.editor-heading>.icon-button{width:27px}.editor-actions{width:100%;justify-content:flex-end;gap:4px}.editor-actions .button span{display:inline}.editor-actions .button{padding:7px 8px;font-size:11px}.editor-actions .icon-button{margin-right:auto;width:30px}.editor-actions .icon-button+ .icon-button{margin-right:0}.editor-actions .icon-button#history{margin-right:6px}.editor-workspace{display:flex;flex-direction:column}.map-workspace{order:0;height:55dvh;min-height:360px}.editor-panel{order:1;border-right:0;border-top:1px solid var(--line);overflow:visible}.panel-tabs{top:0;z-index:550}.panel-section{padding:22px}.map-search{left:12px;top:12px;max-width:calc(100% - 70px)}.map-metrics{left:12px;bottom:65px;min-width:145px;padding:10px 13px;max-width:210px}.map-metrics strong{font-size:25px}.map-instruction{max-width:calc(100% - 80px);bottom:22px;font-size:10px;padding:8px 10px}.map-buttons{right:12px;bottom:35px}.public-intro{display:block}.public-intro>.button{margin-top:24px}.public-layout{grid-template-columns:1fr}.public-map{height:55dvh;min-height:350px}.public-meta{gap:13px}.public-story{grid-template-columns:1fr}.preview-notice{flex-wrap:wrap}.auth-wrap{display:block;margin:35px auto;padding:0 20px;max-width:500px}.auth-intro h1{font-size:32px}.auth-intro .auth-route-art{display:none}.auth-intro p{font-size:14px}.auth-card{padding:25px;margin-top:30px}.setup-wrap{padding:30px 20px}.setup-layout,.settings-grid{grid-template-columns:1fr;gap:24px}.setup-checks{position:static}.setup-checks,.setup-form,.settings-form,.accounts-list{padding:23px}.setup-checks .check-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-list li{margin:0;font-size:11px}.modal-head{padding:18px}.modal-body{padding:20px;max-height:calc(90dvh - 145px)}.modal-footer{padding:15px 20px}.toasts{left:16px;right:16px;bottom:16px;max-width:none}.conflict-notice{align-items:flex-start;flex-direction:column;font-size:12px}.form-grid{gap:12px}.leaflet-control-attribution{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* GeoKoz 0.2 — route guidance, sortable stages and sharing controls. */
.publication-controls{display:flex;align-items:center;gap:10px;padding-left:9px;border-left:1px solid var(--line)}
.publish-switch{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}
.publish-switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch-track{display:inline-block;width:34px;height:20px;background:#cbd3ce;border-radius:12px;position:relative;transition:background .16s}
.switch-track:after{content:'';position:absolute;width:14px;height:14px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .16s;box-shadow:0 1px 3px #18342b33}
.publish-switch input:checked+.switch-track{background:var(--green)}
.publish-switch input:checked+.switch-track:after{transform:translateX(14px)}
.publish-switch input:focus-visible+.switch-track{outline:2px solid var(--green);outline-offset:3px}
.publish-switch input:disabled~span{opacity:.5;cursor:default}
.visibility-field select{font:inherit;font-size:11px;max-width:175px;padding:8px 9px;background:#fff;border:1px solid var(--line);border-radius:5px;color:var(--ink)}
.waypoint .drag-handle{width:19px;flex-shrink:0;font-size:20px;cursor:grab;touch-action:none;user-select:none;color:var(--muted)}
.waypoint .drag-handle:active{cursor:grabbing}.waypoint.is-dragging{opacity:.3}
.waypoint.drop-before:before,.waypoint.drop-after:after{content:'';position:absolute;left:0;right:0;height:3px;background:var(--green);border-radius:2px}
.waypoint.drop-before:before{top:-8px}.waypoint.drop-after:after{bottom:-8px}
.waypoint.guide{background:#f7f8f5;border-style:dashed;margin-left:17px;padding:9px 8px}
.waypoint.guide .point-badge{width:20px;height:20px;background:#dfe8de}
.waypoint-kind{display:block;margin:7px 0 0 49px;max-width:calc(100% - 49px);padding:3px 0;border:0;background:transparent;font:inherit;font-size:10px;color:var(--muted)}
.waypoint-kind:disabled{opacity:1}.waypoint .segment-controls,.waypoint .segment-message{margin-left:49px}
.sort-ghost{position:fixed;z-index:2000;pointer-events:none;opacity:.94;box-shadow:0 9px 26px #122f2940;transform:rotate(-1deg);margin:0}
.map-marker.guide{border:2px solid white;background:#56776c;font-size:17px;box-shadow:0 1px 5px #123a2450}
.map-marker.search-pin{background:#3264a3;box-shadow:0 0 0 6px #3264a333;font-size:19px}
.search-place-actions{display:grid;gap:6px;margin-top:13px}.search-place-actions .button{font-size:11px;white-space:normal;width:100%}
#add-guide.active{background:var(--green);color:#fff}
.search-results button[aria-selected="true"]{background:var(--mint);box-shadow:inset 3px 0 var(--green)}
.segment-state{white-space:nowrap}.segment-controls select{min-width:0;flex:1}
.segment-message.segment-info{color:var(--muted)}
@media(min-width:761px) and (max-width:1250px){.editor-head{flex-wrap:wrap}.editor-actions{margin-left:auto}.editor-heading h1{max-width:380px}}
@media(max-width:760px){.editor-actions{flex-wrap:wrap;justify-content:flex-start}.publication-controls{margin-left:auto;border-left:0;padding-left:0;gap:8px}.visibility-field select{font-size:10px;max-width:160px;padding:7px}.editor-subline{flex-wrap:wrap}.publish-switch{font-size:11px}.editor-actions .icon-button#history{margin-right:auto}.waypoint.guide{margin-left:13px}}

/* GeoKoz 0.2.2 — focus de recherche discret et visible au clavier. */
.map-search:focus-within{border-color:var(--green2)}
.map-search input#place-search:focus,.map-search input#place-search:focus-visible{outline:none;box-shadow:none}
.map-search button:focus-visible{outline:2px solid var(--green2);outline-offset:1px}

/* GeoKoz 0.3 — suivi mobile et positions en direct. */
.tracking-wrap{width:100%;max-width:680px;margin:30px auto;padding:0 18px calc(36px + env(safe-area-inset-bottom));overflow-wrap:anywhere}
.tracking-heading h1{font-size:clamp(28px,6vw,38px);margin-bottom:12px}.tracking-heading>p{margin-bottom:24px}
.tracking-card{padding:24px}.tracking-account{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--green2);margin-bottom:22px}
.tracking-wrap .field input,.tracking-wrap .field select{font-size:16px;min-height:46px;max-width:100%}
.tracking-wrap button,.tracking-wrap .button{min-height:44px}.tracking-wrap :is(input,select,button,a):focus-visible{outline:2px solid var(--green2);outline-offset:3px}
.tracking-status{display:flex;align-items:flex-start;gap:15px;padding:17px 0;margin:8px 0 14px}.tracking-status strong{font-size:17px}.tracking-status p{margin:5px 0 0;font-size:13px;color:var(--muted)}
.live-dot{display:inline-block;width:11px;height:11px;border-radius:50%;flex-shrink:0;background:#9ca9a3;margin-top:7px}.live-dot.active,.tracking-status[data-state="live"] .live-dot{background:#23826b;box-shadow:0 0 0 5px #23826b18}
.tracking-status:is([data-state="starting"],[data-state="waiting"]) .live-dot{background:#3264a3}.tracking-status:is([data-state="paused"],[data-state="network-error"],[data-state="gps-error"],[data-state="error"]) .live-dot{background:var(--coral)}
.tracking-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:24px 0 18px;border-top:1px solid var(--line)}
.tracking-stats>div{padding:15px 8px 15px 0;border-bottom:1px solid var(--line);min-width:0}.tracking-stats dt{font-size:11px;color:var(--muted);margin-bottom:5px}.tracking-stats dd{font-size:16px;font-weight:650;margin:0;overflow-wrap:anywhere}
.tracking-visibility{font-size:12px;margin:18px 0}.tracking-help{font-size:12px;color:var(--muted);line-height:1.6;margin:16px 0 0}.tracking-help>span{display:block}
.tracking-map-card{margin-top:20px;overflow:hidden}.tracking-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}.tracking-map-head h2{font-size:16px;margin:0}.tracking-map-head .button{font-size:11px;padding:8px;white-space:nowrap}
.tracking-map{height:42dvh;min-height:290px;max-height:440px}.tracking-map-card>.tracking-help{padding:16px 20px;margin:0}
.map-marker.live-position{background:#3264a3;box-shadow:0 0 0 6px #3264a322;font-size:14px;border:3px solid #fff}.map-marker.live-position.stale{background:#65766f;box-shadow:0 0 0 6px #65766f22}
.live-panel-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.live-panel-head .live-dot{margin-top:0}.live-panel-head h2{margin-bottom:0}.live-panel>#live-status{font-size:13px;color:var(--muted);margin:14px 0}.live-panel>p:last-child{margin:15px 0 0}
.live-person{padding:15px 0;border-top:1px solid var(--line)}.live-person>p{margin:6px 0}.live-person>.button{margin-top:9px}
@media(max-width:380px){.tracking-card{padding:19px}.tracking-stats dd{font-size:14px}.tracking-map-head{padding:13px}.tracking-map-head h2{font-size:14px}}

/* GeoKoz 0.4 — progression persistante et événements sur plusieurs jours. */
.route-progress-block{padding:17px 22px;border-bottom:1px solid var(--line)}
.route-legend{display:flex;flex-wrap:wrap;gap:12px 19px;font-size:12px;color:var(--muted)}
.route-legend>span{display:inline-flex;align-items:center;gap:7px}.route-swatch{width:24px;height:4px;border-radius:4px;display:inline-block}.route-swatch.passed{background:#21685c}.route-swatch.upcoming{background:#7793ad}.position-swatch{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3264a3}
.route-progress-block>p{margin:12px 0 9px}.route-progress-bar{width:100%;height:7px;display:block;border:0;border-radius:5px;overflow:hidden;accent-color:#21685c;background:#e3e9ee}.route-progress-bar::-webkit-progress-bar{background:#e3e9ee;border-radius:5px}.route-progress-bar::-webkit-progress-value{background:#21685c;border-radius:5px}.route-progress-bar::-moz-progress-bar{background:#21685c;border-radius:5px}
.map-marker.upcoming{background:#7793ad}.map-marker.completed{background:#21685c;font-size:16px}.public-stops li.completed{color:var(--green)}.public-stops li.completed .stop-number{background:#21685c;color:#fff;font-size:15px}
.tracking-dates{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);margin:0 0 15px}.tracking-dates>.icon{flex-shrink:0}.event-meta{align-items:flex-start}.event-meta>span{min-width:0}.event-meta>strong{white-space:nowrap}
@media(max-width:760px){.route-progress-block{padding:16px 18px}.route-legend{font-size:11px;gap:10px 14px}}

/* GeoKoz 0.5: stage timeline and media from the field. */
[hidden]{display:none!important}
.tracking-reset-block{margin-top:20px;padding:16px 12px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.tracking-reset-block h3{font-size:13px;margin-bottom:10px}.tracking-reset-block .help-text{margin:9px 0 0}.stage-distance{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.5}
.route-timeline{position:relative;margin:37px 15px 0;padding-bottom:23px}.timeline-stage{position:absolute;top:-18px;transform:translateX(-50%);padding:0;width:36px;height:44px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;color:#fff;font-size:10px;font-weight:700;z-index:2}.timeline-stage [data-stage-badge]{width:24px;height:24px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#7793ad;box-shadow:0 0 0 1px #7793ad}.timeline-stage.completed [data-stage-badge]{background:#21685c;box-shadow:0 0 0 1px #21685c}.timeline-stage:hover,.timeline-stage:focus-visible{z-index:4}.route-progress-avatar{position:absolute;top:-34px;transform:translateX(-50%);color:var(--green);width:30px;height:27px;transition:left .7s ease;z-index:3}.route-progress-avatar .icon{width:29px;height:26px}.timeline-legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:var(--muted);padding-top:4px}.timeline-legend>span{max-width:100%;overflow-wrap:anywhere}.timeline-legend b{display:inline-block;color:var(--green);min-width:15px}.timeline-legend small{white-space:nowrap;font-size:10px;margin-left:3px}
.event-media{margin-top:26px;padding:22px}.media-section-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.media-section-head h2,.media-section-head h3{margin:0}.media-section-head .eyebrow{margin-bottom:6px}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:16px}.media-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;min-width:0}.media-viewer{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8eee9}.media-card video{object-fit:contain;background:#172b25}.media-card-body{padding:13px;display:grid;gap:9px}.media-card-body p{font-size:13px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.media-place{font-size:12px;text-align:left;color:var(--green);background:transparent;border:0;padding:0;min-height:32px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.media-card-body time{font-size:11px}.media-position{background:#94694c;color:#fff;font-size:16px;border:2px solid white}.media-popup{max-width:220px}.media-popup p{margin:7px 0}.mobile-media{margin-top:20px}.mobile-media fieldset{padding:0;border:0;margin:0;min-width:0}.mobile-media .field input[type=file]{font-size:12px;max-width:100%;padding:10px 8px;background:var(--paper)}.mobile-media .field input::file-selector-button{border:0;border-radius:4px;background:var(--mint);padding:9px;margin-right:10px;color:var(--green);font:inherit;cursor:pointer}.mobile-media .media-section-head{margin-top:24px}.mobile-media .media-section-head h3{font-size:15px}.media-selection{list-style:none;padding:0;margin:12px 0 20px;display:grid;gap:8px}.media-selection-item{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid var(--line);border-radius:6px;padding:8px}.media-selection-item>img{width:42px;height:42px;object-fit:cover;border-radius:4px}.media-selection-item>span{min-width:0;flex:1}.media-selection-item strong{display:block;overflow-wrap:anywhere;font-size:12px}.media-selection-item small{display:block;font-size:11px;color:var(--muted)}.media-selection-item>button{flex-shrink:0}.mobile-media #media-upload-status{margin:13px 0 8px}.mobile-media #media-upload-cancel{margin-top:12px}.mobile-media #media-upload-error{margin-top:16px}.owner-gallery{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}
@media(max-width:760px){.event-media{padding:18px}.timeline-legend{gap:7px 10px}.mobile-media .media-place,.owner-gallery .button{min-height:44px}.media-selection-item>button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.route-progress-avatar{transition:none}}

.mobile-media textarea{font-size:16px}.mobile-media #media-change-location{margin-bottom:12px}
/* Direct video and recordings */
.stream-studio { scroll-margin-top: 80px; }
.broadcast-preview,.event-live-video { display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#102d29;border-radius:12px; }
.broadcast-preview { margin:16px 0;max-height:50vh; }
.broadcast-tools,.studio-links { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0; }
.stream-studio[data-state="live"] #broadcast-title::before { content:"";display:inline-block;width:9px;height:9px;background:#d24d36;border-radius:50%;margin-right:10px; }
.obs-settings { margin:20px 0;padding-top:16px;border-top:1px solid var(--line,#e1e8e3); }
.obs-settings summary { font-weight:600;cursor:pointer; }
.obs-settings .field { margin-top:12px; }
.video-live-panel,.stream-replays-section { margin:0 0 24px;padding:24px; }
.video-live-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px; }
.video-live-heading h2 { display:flex;align-items:center;gap:9px; }
.video-live-heading h2 .live-dot { flex:0 0 9px; }
.stream-replay-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px; }
.replay-card { min-width:0; }
.replay-card h3 { margin:6px 0; }
.replay-card video { width:100%;aspect-ratio:16/9;object-fit:contain;background:#102d29;border-radius:10px; }
.replay-card .button { margin-top:10px; }
@media(max-width:560px) { .video-live-heading { align-items:flex-start;flex-direction:column; }.broadcast-tools .button { flex:1; }.video-live-panel { padding:18px; } }

/* Camera: a dedicated shooting surface, including the phone's safe areas. */
.camera-frame { position:relative;isolation:isolate;overflow:hidden;min-height:420px;aspect-ratio:4/3;margin:20px 0;border-radius:22px;background:#0b1815;color:#fff; }
.camera-frame::after { content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 25%,transparent 45%,rgba(0,0,0,.8)); }
.camera-frame .broadcast-preview { position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border-radius:0;object-fit:contain; }
.camera-placeholder { position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;text-align:center;color:#a6bcb2;background:radial-gradient(ellipse at 50% 40%,#25483c,#0b1815 75%); }
.camera-placeholder .icon { width:54px;height:54px;stroke-width:1; }
.camera-placeholder span { max-width:250px;font-size:15px;line-height:1.6; }
.camera-topbar { position:absolute;z-index:2;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;align-items:center;gap:8px; }
.camera-air { display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ffffff30;border-radius:100px;background:#10241caa;backdrop-filter:blur(14px);font-size:10px;font-weight:750;letter-spacing:.07em; }
.camera-air i { width:7px;height:7px;flex:none;border-radius:50%;background:#a5b6af; }
.camera-air time { padding-left:9px;border-left:1px solid #ffffff35;font-variant-numeric:tabular-nums;letter-spacing:.03em; }
.camera-frame[data-camera-state="live"] .camera-air { background:#b32936dd;border-color:#ef8c9555; }
.camera-frame[data-camera-state="live"] .camera-air i { background:white;box-shadow:0 0 0 4px #ffffff24; }
.camera-window-controls { display:flex;gap:8px; }
.camera-icon-button { position:relative;display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid #ffffff36;border-radius:50%;background:#13271d99;backdrop-filter:blur(14px);color:white;cursor:pointer; }
.camera-icon-button:hover { background:#ffffff30; }
.camera-icon-button .icon { width:22px;height:22px; }
.camera-icon-button.is-muted { color:#ffb1b5;background:#58262bd9; }
.camera-icon-button.is-muted::after { content:"";position:absolute;width:24px;height:2px;background:currentColor;transform:rotate(-45deg);box-shadow:0 0 0 2px #58262b; }
.camera-bottom { position:absolute;z-index:2;left:24px;right:24px;bottom:24px; }
.camera-details strong { display:block;font-size:20px;font-weight:650;letter-spacing:-.03em;overflow-wrap:anywhere; }
.camera-details p { margin:8px 0 12px;max-width:480px;font-size:12px;line-height:1.6;color:#dae5de; }
.camera-signals { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:10px; }
.camera-signals span,.camera-signals button { padding:7px 10px;border:1px solid #ffffff35;border-radius:30px;background:#13271d99;backdrop-filter:blur(14px);color:#e1ebe5;font:inherit; }
.camera-signals button { cursor:pointer; }
.camera-signals button[data-state="live"] { color:#beffde;border-color:#94e9bb66;background:#123b2cbb;opacity:1; }
.camera-controls { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.camera-controls .button { min-height:50px;border-radius:100px; }
.camera-start { background:#f6fbf8;color:#18342f;border-color:transparent;padding:14px 20px;box-shadow:0 6px 24px #0003; }
.camera-start:hover { background:white; }
.record-disc { width:16px;height:16px;flex:none;border-radius:50%;background:#db414b;box-shadow:0 0 0 3px #db414b25; }
.camera-stop { background:#c33240;color:#fff;border-color:#ff7f8955;padding:14px 18px; }
.camera-stop:hover { background:#d43e4c;color:white; }
.camera-stop>span { width:12px;height:12px;border-radius:3px;background:white;flex:none; }
.camera-tools.broadcast-tools { display:flex;gap:10px;margin:0; }
.camera-frame.is-immersive { position:fixed;inset:0;width:100%;height:100dvh;min-height:0;max-height:none;aspect-ratio:auto;margin:0;border-radius:0;z-index:20000; }
.camera-frame.is-immersive .broadcast-preview { object-fit:cover; }
.camera-frame.is-immersive .camera-topbar { top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right)); }
.camera-frame.is-immersive .camera-bottom { bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right)); }
body.camera-open { overflow:hidden; }
.camera-launch { margin:22px 0; }
.camera-launch .button { min-height:58px;border-radius:18px; }
.camera-launch>p { margin:10px 4px 0;line-height:1.6; }
.camera-launch-dot { display:none;width:8px;height:8px;border-radius:50%;background:#ee6471;box-shadow:0 0 0 4px #ee647122; }
.camera-launch [data-live="true"] .camera-launch-dot { display:block; }
.camera-frame[data-camera-state="preview"] .camera-air { color:#d3eedf; }
.camera-icon-button:focus-visible,.camera-signals button:focus-visible { outline:2px solid white;outline-offset:4px; }

/* Live video and map form one responsive viewing area. */
.public-page .public-wrap { max-width:1460px; }
.event-experience { min-width:0; }
.live-map-layout { display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch; }
.live-map-layout .public-map-card { display:flex;flex-direction:column;align-self:stretch;min-width:0; }
.live-map-layout .map-canvas { position:relative;flex:1;min-height:390px; }
.live-map-layout .public-map { position:absolute;inset:0;height:100%;min-height:0; }
.live-map-layout[data-live="false"] .map-canvas { min-height:540px; }
.event-experience>.public-story { margin-top:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px; }
.public-story .public-stops { min-width:0;max-height:330px;overflow:auto; }
.live-map-layout .video-live-panel { min-width:0;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;border-color:#1d382e;background:#10241c;color:#f0f7f3; }
.video-live-heading { padding:14px 16px;margin:0;flex-wrap:wrap; }
.video-live-heading h2 { margin:0;font-size:15px;font-weight:650;letter-spacing:-.02em; }
.live-view-controls { display:flex;align-items:center;gap:8px; }
.live-control { display:flex;align-items:center;justify-content:center;gap:6px;min-width:38px;min-height:38px;border:1px solid #ffffff26;border-radius:10px;padding:8px 10px;background:#ffffff09;color:#d9e7df;font:inherit;font-size:11px;cursor:pointer; }
.live-control:hover,.live-control[aria-pressed="true"] { border-color:#b6e5cd55;background:#b6e5cd1c;color:#d0f6e1; }
.live-control .icon { width:16px;height:16px; }
.live-control:focus-visible { outline:2px solid #d0f6e1;outline-offset:3px; }
.live-view-controls .button { padding:10px 12px;font-size:11px;min-height:38px; }
.video-stage { position:relative;isolation:isolate;display:flex;align-items:center;flex:1;aspect-ratio:16/9;min-height:280px;background:#08130f; }
.video-stage .event-live-video { position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:#08130f;object-fit:contain; }
.video-live-panel #video-live-status { margin:0;padding:12px 16px;color:#a5bbb0;font-size:11px; }
.video-live-badge { position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;background:#c73142;box-shadow:0 4px 15px #0003;font-size:9px;font-weight:750;letter-spacing:.07em;pointer-events:none; }
.video-live-badge i { width:5px;height:5px;border-radius:50%;background:white; }
.video-stage:fullscreen { width:100vw;height:100dvh;aspect-ratio:auto;background:black; }
.video-stage.is-immersive { position:fixed;inset:0;z-index:20000;width:100%;height:100dvh;aspect-ratio:auto;background:black; }
body.video-open { overflow:hidden; }
.video-fullscreen-close { position:absolute;z-index:3;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right)); }
.stream-replays-section { margin:24px 0 0; }
.map-floating-tools { position:absolute;z-index:450;left:14px;right:14px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none; }
.map-floating-pill { display:flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid #ffffffdf;border-radius:100px;background:#ffffffdd;backdrop-filter:blur(18px);color:#244739;box-shadow:0 4px 20px #153a2320;font:inherit;font-size:11px;font-weight:600;cursor:pointer;pointer-events:auto; }
.map-floating-pill:hover { background:#fff;transform:translateY(-1px); }
.map-floating-pill .icon { width:16px;height:16px; }
.map-floating-pill #media-count { display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:50px;background:#e5eee8;color:#254739;font-size:10px; }

/* A discreet, opt-out overlay: stage dots and downward participant triangles. */
.live-route-overlay { position:absolute;z-index:2;left:20px;right:20px;bottom:64px;padding:12px 16px;border:1px solid #ffffff26;border-radius:14px;background:#102019b8;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0002;color:#f0f8f3;pointer-events:none; }
.overlay-heading,.overlay-footer { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.overlay-heading { font-size:10px;letter-spacing:.02em; }
.overlay-heading strong { font-size:9px;letter-spacing:.1em;font-weight:700; }
.overlay-heading span { font-variant-numeric:tabular-nums;color:#d0e3d8; }
.overlay-track { position:relative;height:4px;margin:30px 4px 15px;border-radius:10px;background:#ffffff30; }
.overlay-progress-fill { position:absolute;left:0;top:0;height:100%;border-radius:10px;background:#a9ebc6;transition:width 1s ease; }
.overlay-segment { position:absolute;top:-3px;height:10px;border:1px solid #e7d593b3;border-radius:10px;background:#e7d59335; }
.overlay-stage { position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:30px;height:30px;transform:translate(-50%,-50%);border:0;background:transparent;color:white;padding:0;font:inherit;pointer-events:auto;cursor:pointer; }
.overlay-stage::before { content:"";width:8px;height:8px;border:1.5px solid #d5e5db;border-radius:50%;background:#233a2f; }
.overlay-stage.is-passed::before { background:#b6edcd;border-color:#b6edcd; }
.overlay-stage>span { position:absolute;top:28px;left:50%;transform:translateX(-50%);font-size:8px;line-height:1;font-weight:650;color:#c9e1d4; }
.overlay-stage:not(:first-of-type):not(:last-of-type)>span { opacity:0; }
.overlay-stage:hover>span,.overlay-stage:focus-visible>span { opacity:1; }
.overlay-stage:focus-visible { outline:1px solid #d0f6e1;border-radius:50%; }
.overlay-stage::after,.overlay-person::after { content:attr(data-label);position:absolute;bottom:100%;left:50%;max-width:200px;width:max-content;transform:translateX(-50%);border-radius:6px;background:#10241cf5;padding:7px 9px;font-size:10px;color:white;opacity:0;visibility:hidden;pointer-events:none; }
.overlay-stage:hover::after,.overlay-stage:focus-visible::after,.overlay-person:hover::after,.overlay-person:focus-visible::after { opacity:1;visibility:visible; }
.overlay-people { position:absolute;inset:0; }
.overlay-person { position:absolute;z-index:3;top:-31px;display:grid;place-items:center;width:32px;height:28px;transform:translateX(-50%);padding:0;border:0;background:transparent;color:white;pointer-events:auto;cursor:pointer;transition:left 1s ease; }
.overlay-person::before { content:"";width:14px;height:11px;clip-path:polygon(0 0,100% 0,50% 100%);background:#f6fffa;filter:drop-shadow(0 2px 3px #0008); }
.overlay-person:focus-visible { outline:1px solid white;border-radius:5px; }
.overlay-footer { font-size:9px;color:#cadcd1;line-height:1.5; }
.overlay-footer #overlay-leg { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.overlay-footer #overlay-signal { flex:none;color:#a5c6b3; }

/* Media float over their locations. Playback is preserved during polling. */
.map-media-cloud-icon { background:none;border:0; }
.media-cloud { position:relative;display:block;width:68px;height:58px;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .2s ease; }
.media-cloud:hover,.media-cloud:focus-visible { transform:translateY(-5px) scale(1.09);z-index:1; }
.media-cloud:focus-visible { outline:2px solid var(--green);outline-offset:5px;border-radius:16px; }
.media-cloud-stack { position:absolute;inset:0; }
.media-cloud-tile { position:absolute;display:grid;place-items:center;left:9px;top:5px;width:49px;height:43px;overflow:hidden;border:3px solid #ffffffec;border-radius:13px;background:#dcebe2e8;backdrop-filter:blur(14px);box-shadow:0 5px 18px #123b2b33; }
.media-cloud-tile.front { z-index:2;transform:rotate(-5deg); }
.media-cloud-tile.back { left:15px;top:1px;z-index:1;transform:rotate(8deg); }
.media-cloud-tile img { width:100%;height:100%;object-fit:cover; }
.media-cloud-play { display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#234b3f;color:white;font-size:10px;padding-left:2px; }
.media-cloud-number { position:absolute;z-index:3;right:0;top:-1px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border:2px solid white;border-radius:20px;background:#214f3e;color:white;box-shadow:0 2px 10px #123b2b22;font-size:10px;font-weight:700; }
.media-cloud-label { position:absolute;z-index:4;top:55px;left:50%;max-width:190px;width:max-content;transform:translateX(-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;border:1px solid white;border-radius:100px;background:#ffffffef;backdrop-filter:blur(15px);box-shadow:0 4px 15px #123b2b20;color:#254b3b;font-size:10px;font-weight:600;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease; }
.media-cloud:hover .media-cloud-label,.media-cloud:focus-visible .media-cloud-label { opacity:1;visibility:visible; }
.media-cloud-dialog { position:fixed;inset:auto;left:max(16px,calc((100vw - 620px)/2));top:5dvh;width:min(620px,calc(100vw - 32px));max-height:90dvh;overflow:auto;margin:0;padding:18px;border:1px solid #ffffffd9;border-radius:24px;background:#f7fbf9f5;backdrop-filter:blur(24px);box-shadow:0 24px 100px #122e3f40;color:var(--ink); }
.media-cloud-dialog::backdrop { background:#14372645;backdrop-filter:blur(3px); }
.media-popover-head { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px; }
.media-popover-head h2 { margin:5px 0 0;font-size:17px;font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere; }
.media-popover-head .eyebrow { font-size:9px; }
.media-popover-head .icon-button { width:40px;height:40px;flex:none;border-radius:50%;background:#e9f0eb; }
.map-media-screen { display:grid;place-items:center;min-height:180px;height:clamp(180px,40dvh,420px);overflow:hidden;border-radius:16px;background:#12261d; }
.map-media-viewer { display:block;width:100%;height:100%;max-height:100%;object-fit:contain; }
.media-popover-caption { display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:14px 0; }
.media-popover-caption p { margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere; }
.media-popover-caption time { flex:none;font-size:10px;color:var(--muted); }
.media-popover-navigation { display:flex;align-items:center;gap:10px;margin-bottom:14px; }
.media-popover-navigation .icon-button { width:36px;height:36px;border-radius:50%;background:#e6eee8; }
.media-popover-navigation .next-arrow { transform:rotate(180deg); }
#map-media-number { min-width:45px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted); }
#map-media-original { margin-left:auto; }
.map-media-thumbs { display:flex;gap:8px;overflow:auto;padding:3px;scrollbar-width:thin; }
.map-media-thumb { display:grid;place-items:center;flex:0 0 54px;width:54px;height:46px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:10px;background:#dae8df;color:#315640;font-size:15px;cursor:pointer; }
.map-media-thumb img { width:100%;height:100%;object-fit:cover; }
.map-media-thumb[aria-pressed="true"] { border-color:#387f5f;box-shadow:0 0 0 2px #b3d8bf; }

@media(min-width:1000px) {
  .live-map-layout[data-live="true"] { grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr); }
  .live-map-layout[data-live="true"] .map-canvas { min-height:320px; }
}
@media(max-width:999px) {
  .event-experience>.public-story { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .live-map-layout .video-stage { min-height:320px; }
}
@media(max-width:680px) {
  .event-experience>.public-story { grid-template-columns:1fr; }
  .live-map-layout { gap:16px; }
  .live-map-layout .map-canvas,.live-map-layout[data-live="false"] .map-canvas { min-height:390px; }
  .live-map-layout .video-stage { min-height:250px;aspect-ratio:4/3; }
  .video-live-heading { flex-direction:row;align-items:center;gap:10px;padding:12px; }
  .video-live-heading h2 { font-size:13px; }
  .live-view-controls { gap:6px; }
  .live-control { min-width:36px;padding:8px; }
  .live-control>span { display:none; }
  .live-view-controls .button { padding:9px;font-size:10px; }
  .live-route-overlay { left:12px;right:12px;bottom:58px;padding:10px 12px; }
  .overlay-footer #overlay-signal { max-width:90px;text-align:right; }
  .map-floating-tools { left:10px;right:10px;bottom:14px;gap:6px; }
  .map-floating-pill { padding:8px 10px;font-size:10px; }
  .media-cloud-dialog { left:12px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100dvh - 36px);padding:14px;border-radius:22px; }
  .media-popover-caption { display:block; }
  .media-popover-caption time { display:block;margin-top:5px; }
  .camera-frame { min-height:480px;aspect-ratio:3/4;border-radius:18px; }
  .camera-topbar { left:14px;right:14px;top:14px; }
  .camera-bottom { left:18px;right:18px;bottom:20px; }
  .camera-details strong { font-size:18px; }
  .camera-stop { font-size:12px;padding:14px; }
  .camera-tools.broadcast-tools { gap:8px; }
}
@media(max-height:500px) and (orientation:landscape) {
  .camera-frame.is-immersive .camera-bottom { display:flex;justify-content:space-between;align-items:flex-end;gap:24px;bottom:18px; }
  .camera-frame.is-immersive .camera-details { max-width:50%; }
  .camera-frame.is-immersive .camera-details p { margin-bottom:6px;max-height:36px;overflow:hidden; }
  .camera-frame.is-immersive .camera-signals { margin-bottom:0; }
  .camera-frame.is-immersive .camera-controls { flex:none; }
}
@media(prefers-reduced-motion:reduce) {
  .media-cloud,.media-cloud-label,.overlay-progress-fill,.overlay-person { transition:none; }
}

/* Hover unfolds the real photos into an airy, individually selectable fan. */
.media-cloud:hover,.media-cloud:focus-visible { transform:translateY(-10px); }
.map-media-cloud-icon:has(.media-cloud:hover),.map-media-cloud-icon:has(.media-cloud:focus-visible) { z-index:1700!important; }
.media-cloud-stack { transition:transform .32s cubic-bezier(.2,.8,.25,1); }
.media-cloud-stack::before { content:"";position:absolute;top:-18px;bottom:-12px;left:50%;width:var(--fan-width,68px);transform:translateX(-50%);border-radius:24px;pointer-events:none; }
.media-cloud-tile,.media-cloud-tile.front,.media-cloud-tile.back { left:9px;top:5px;transform:rotate(var(--stack-r,0deg));transition:transform .32s cubic-bezier(.2,.8,.25,1),width .32s,height .32s,box-shadow .32s; }
.media-cloud:hover .media-cloud-stack,.media-cloud:focus-visible .media-cloud-stack { transform:translateX(var(--fan-shift,0px)) scale(var(--fan-scale,1)); }
.media-cloud:hover .media-cloud-stack::before,.media-cloud:focus-visible .media-cloud-stack::before { pointer-events:auto; }
.media-cloud:hover .media-cloud-tile,.media-cloud:focus-visible .media-cloud-tile { width:56px;height:52px;left:6px;transform:translateX(var(--fan-x,0px)) rotate(var(--fan-r,0deg));box-shadow:0 12px 26px #163b3038;border-radius:12px; }
.media-cloud:hover .media-cloud-tile:hover { transform:translateX(var(--fan-x,0px)) translateY(-12px) rotate(0deg) scale(1.16);z-index:10!important;box-shadow:0 20px 32px #163b3045; }
.media-cloud-tile img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.media-cloud:hover .media-cloud-number { top:-20px; }
.media-cloud-label { top:65px; }

/* A replay is a moment to open, with the latest one leading the collection. */
.stream-replays-section.card { border:0;background:transparent;padding:12px 0 0;box-shadow:none; }
.stream-replays-section>h2 { font-size:25px;letter-spacing:-.045em;margin:7px 0 22px; }
.stream-replay-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px; }
.replay-card { position:relative;min-width:0;margin:0;padding:0;border:1px solid #e5ece7;border-radius:24px;overflow:hidden;background:#ffffffdd;box-shadow:0 6px 20px #213a2707;transition:transform .25s,box-shadow .25s; }
.replay-card:hover { transform:translateY(-4px);box-shadow:0 18px 44px #203e2814; }
.replay-screen { position:relative;aspect-ratio:16/10;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 30%,#40695655,transparent 55%),linear-gradient(140deg,#153128,#284638); }
.replay-screen::before { content:"";position:absolute;z-index:-1;width:210px;height:210px;border:1px solid #c1eed62b;border-radius:50%;left:60%;top:20%;box-shadow:0 0 0 42px #ffffff03,0 0 0 84px #ffffff03; }
.replay-screen video { position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border-radius:0;object-fit:cover;background:transparent; }
.replay-screen.is-playing video { object-fit:contain;background:#07150f; }
.replay-duration { position:absolute;z-index:1;left:16px;top:14px;padding:6px 10px;background:#162c258c;backdrop-filter:blur(12px);border:1px solid #ffffff25;border-radius:50px;color:#e3eee6;font-size:10px;font-weight:600;pointer-events:none; }
.replay-play { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:0;background:linear-gradient(0deg,#071a1955,transparent);color:white;font:inherit;cursor:pointer; }
.replay-play>span:first-child { display:grid;place-items:center;padding-left:3px;width:58px;height:58px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff24;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0002;font-size:18px;transition:transform .25s,background .25s; }
.replay-play>span:last-child { font-size:11px;letter-spacing:.02em;text-shadow:0 1px 5px #0005; }
.replay-play:hover>span:first-child { transform:scale(1.1);background:#ffffff44; }
.replay-play:focus-visible { outline:3px solid #b5e9ce;outline-offset:-6px;border-radius:24px 24px 0 0; }
.replay-info { padding:18px 20px 21px; }
.replay-tag { display:block;font-size:8px;font-weight:750;letter-spacing:.13em;color:#7a8c80; }
.replay-tag[data-latest="true"] { color:#33765b; }
.replay-info h3 { font-size:16px;letter-spacing:-.025em;font-weight:650;margin:9px 0 6px; }
.replay-info p { font-size:11px;color:#7d8982;line-height:1.5;margin:0; }
.replay-delete { margin:12px 0 0;padding:0;border:0;background:none;color:#a65457;font:inherit;font-size:10px;cursor:pointer; }

/* One conversation accompanies both the live and the whole route. */
.event-main-layout { display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start; }
.community-panel.card { display:flex;flex-direction:column;padding:22px 20px 0;min-width:0;overflow:hidden;border-radius:24px;border:1px solid #e0e9e1;background:#fbfdfbea;box-shadow:0 6px 30px #1b442607; }
.community-heading { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.community-heading .eyebrow { font-size:8px;letter-spacing:.12em;color:#6e8979; }
.community-heading h2 { font-size:21px;letter-spacing:-.04em;font-weight:650;margin:6px 0 0; }
.community-signal { width:7px;height:7px;border-radius:50%;background:#a2b2a7;flex:none; }
.community-signal[data-state="connected"] { background:#4d9e77;box-shadow:0 0 0 4px #4d9e7714; }
.community-signal[data-state="offline"] { background:#bd8580; }
.community-intro { color:#7f8d84;font-size:11px;line-height:1.65;margin:10px 0 18px; }
.community-reactions { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 0 18px;border-bottom:1px solid #e6eee8; }
.community-reaction { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:60px;border:1px solid #e3ece5;border-radius:15px;background:#f0f5f1;color:#516d5b;cursor:pointer;transition:transform .2s,background .2s; }
.community-reaction>span:first-child { font-size:21px;line-height:1.4; }
.community-reaction .reaction-total { font-size:10px;font-weight:650;font-variant-numeric:tabular-nums; }
.community-reaction:hover:enabled { background:#e5efe7;transform:translateY(-3px); }
.community-reaction:active:enabled { transform:scale(.94); }
.community-reaction:disabled { opacity:.5;cursor:default; }
.community-moderation { display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;font-size:10px;color:#668272; }
.community-moderation .text-link { font-size:10px;border:0;border-radius:7px;background:#e8f0ea;padding:6px 8px;color:#56816a;cursor:pointer; }
.community-feed-wrap { position:relative;min-height:220px; }
.community-messages { min-height:250px;max-height:410px;overflow-y:auto;overscroll-behavior:contain;padding:16px 2px;scrollbar-width:thin;scrollbar-color:#d3e0d7 transparent; }
.community-empty { display:flex;align-items:center;justify-content:center;min-height:220px;margin:0;padding:26px;text-align:center;color:#8a9b8f;font-size:12px;line-height:1.8; }
.community-message { display:flex;gap:10px;margin:0 0 18px;animation:message-arrives .24s ease both; }
.community-message:last-child { margin-bottom:0; }
.community-avatar { display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:10px;background:#e8eee9;color:#73867a;font-size:10px;font-weight:650; }
.is-organizer .community-avatar { background:#d9eade;color:#2e664a; }
.community-message-content { min-width:0;flex:1; }
.community-message-head { display:flex;align-items:center;flex-wrap:wrap;gap:5px;position:relative; }
.community-message-head>strong { font-size:11px;font-weight:650;color:#3c5d49;overflow-wrap:anywhere; }
.community-message-head>time { color:#a0aba4;font-size:9px;margin-left:auto; }
.organizer-badge { padding:3px 5px;border-radius:5px;background:#e2efe4;color:#3f7955;font-size:7px;font-weight:650; }
.community-message p { margin:5px 0 0;font-size:12px;line-height:1.65;color:#647568;white-space:pre-wrap;overflow-wrap:anywhere; }
.community-message-menu { position:relative;font-size:12px;color:#8f9d93; }
.community-message-menu summary { list-style:none;cursor:pointer;padding:1px 5px;min-width:22px;text-align:center; }
.community-message-menu summary::-webkit-details-marker { display:none; }
.community-message-menu[open] summary { border-radius:5px;background:#e9f0eb; }
.community-message-menu>div { position:absolute;z-index:4;right:0;top:22px;min-width:160px;padding:6px;border-radius:12px;border:1px solid #e2eae3;background:#fff;box-shadow:0 12px 24px #153d2020; }
.community-message-menu button { width:100%;text-align:left;border:0;background:none;padding:8px;border-radius:6px;font:inherit;font-size:10px;color:#905251;cursor:pointer; }
.community-message-menu button:hover { background:#f9eeec; }
.community-new { position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:max-content;max-width:90%;padding:8px 14px;border:1px solid #d4e4d7;border-radius:100px;background:#e6f2e9ef;backdrop-filter:blur(12px);box-shadow:0 5px 18px #183f2620;color:#39704d;font:inherit;font-size:10px;cursor:pointer; }
.community-form { padding:15px 0 16px;border-top:1px solid #e6eee8; }
.community-name { display:flex;align-items:center;gap:10px;margin-bottom:11px; }
.community-name>span { color:#95a397;font-size:9px;flex:none; }
.community-name input { min-width:0;width:100%;padding:5px 0;border:0;border-bottom:1px solid #e8eee9;border-radius:0;background:transparent;font:inherit;font-size:11px;color:#516d5c; }
.community-name input:focus { border-bottom-color:#739e83;outline:0;box-shadow:none; }
.community-composer { display:flex;align-items:end;gap:8px;padding:10px;border:1px solid #dde8e0;border-radius:16px;background:#fff; }
.community-composer:focus-within { border-color:#93b69e;box-shadow:0 0 0 3px #6c987b0a; }
.community-composer textarea { width:100%;min-width:0;min-height:40px;max-height:160px;resize:vertical;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;font:inherit;font-size:12px;line-height:1.6;outline:0; }
.community-composer textarea:focus { box-shadow:none; }
.community-composer button { display:grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:0;border-radius:11px;background:#285c40;color:#fff;cursor:pointer; }
.community-composer button:disabled { opacity:.4; }
.community-composer button .icon { width:17px;height:17px; }
.community-compose-foot { display:flex;justify-content:space-between;align-items:start;gap:12px;padding-top:9px;color:#98a59b;font-size:9px;line-height:1.6; }
.community-compose-foot>span:last-child { flex:none;font-variant-numeric:tabular-nums; }
.community-donate { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 20px;margin:0 -20px;background:#edf4ee;border-top:1px solid #e3ece4;color:#557b60;font-size:10px;text-decoration:none; }
.community-donate:hover { background:#e4efe6; }
.community-donate .icon { width:14px;height:14px;flex:none; }
.encouragement-cloud { position:absolute;z-index:6;inset:0;overflow:hidden;pointer-events:none; }
.encouragement-bubble { position:absolute;left:var(--reaction-x,75%);bottom:100px;font-size:27px;filter:drop-shadow(0 3px 8px #123b2933);animation:encouragement-rises 2.8s ease-out both; }
@keyframes encouragement-rises { 0% { opacity:0;transform:translate(0,15px) scale(.5); } 12% { opacity:1;transform:translate(0,0) scale(1.1); } 75% { opacity:1; } 100% { opacity:0;transform:translate(var(--drift,30px),-170px) scale(.8); } }
@keyframes message-arrives { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:none; } }
@media(min-width:1380px) { .event-main-layout { grid-template-columns:minmax(0,1fr) 310px; }.community-panel { position:sticky;top:20px; }.event-main-layout .live-map-layout[data-live="true"] { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); } }
@media(max-width:680px) { .community-panel.card { padding-top:20px; }.community-messages { max-height:330px; }.replay-info { padding:17px 18px 20px; }.replay-card { border-radius:22px; }.camera-air { font-size:9px; }.camera-details strong { font-size:19px; }.camera-controls .camera-start { min-height:56px;flex:1; }.camera-launch .button { min-height:60px; } }
@media(prefers-reduced-motion:reduce) { .media-cloud-stack,.media-cloud-tile,.replay-card,.replay-play>span,.community-reaction { transition:none; }.community-message,.encouragement-bubble { animation:none; } }

/* GeoKoz: video, map and a conversation integrated into the live picture. */
.public-page .event-main-layout { grid-template-columns:minmax(0,1fr) minmax(290px,340px); }
.public-page .event-main-layout[data-live="true"] { grid-template-columns:minmax(0,1fr); }
.public-page .live-map-layout[data-live="true"] { grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr); }
.public-page .live-map-layout { align-items:start; }
.public-page .video-live-panel,.public-page .public-map-card { border-radius:22px; }
.public-page .video-stage { flex:none;min-height:0;aspect-ratio:16/9; }
.public-page .live-map-layout[data-live="true"] .map-canvas { height:clamp(320px,29vw,440px);flex:none;min-height:0; }
.public-page .live-map-layout[data-live="false"] .map-canvas { min-height:500px; }
.public-page .timeline-legend { display:none; }
.public-page .public-map-foot { padding-top:8px; }
.public-page .route-progress-block { padding-bottom:0; }
.public-page .public-story { grid-template-columns:repeat(2,minmax(0,1fr));align-items:start; }
.public-page .public-story .card { border-radius:22px; }
.public-page .public-story>.stream-replays-section { margin:0;padding:22px; }
.public-page .public-story>.live-panel { grid-column:1/-1; }
.community-home { min-width:0;width:100%;align-self:start; }
.community-home .community-panel { position:static; }
.community-home .community-messages { max-height:350px;min-height:250px; }
.community-home .community-feed-wrap,.community-home .community-empty { min-height:120px; }
.live-social-tools { position:absolute;z-index:8;right:14px;top:14px;display:flex;align-items:center;gap:8px; }
.community-toggle { display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #ffffff35;border-radius:100px;background:#152b23b3;backdrop-filter:blur(18px);color:#f1faf4;font:inherit;font-size:11px;cursor:pointer;box-shadow:0 3px 20px #0001; }
.community-toggle .icon { width:16px;height:16px; }
.community-toggle:hover,.community-toggle[aria-expanded="true"] { background:#315e48d9; }
.community-unread { display:grid;place-items:center;min-width:19px;height:19px;border-radius:20px;background:#ddf5e6;color:#205038;font-size:10px; }
.live-reactions { display:flex;gap:2px;padding:2px 4px;border:1px solid #ffffff24;border-radius:100px;background:#152b23a6;backdrop-filter:blur(18px); }
.live-reactions button { width:34px;height:34px;border:0;border-radius:50%;padding:0;background:none;font-size:19px;cursor:pointer; }
.live-reactions button:hover:enabled { background:#ffffff1f; }
.live-reactions button:disabled { opacity:.45; }
.community-toggle:focus-visible,.live-reactions button:focus-visible { outline:2px solid #d2f4df;outline-offset:3px; }
.community-overlay { position:absolute;z-index:9;right:14px;top:62px;bottom:56px;width:clamp(200px,34%,320px);max-width:calc(100% - 28px);pointer-events:none; }
.community-overlay .community-panel { position:static;height:100%;padding:0;border:0;background:transparent;backdrop-filter:none;box-shadow:none;border-radius:0;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000b;overflow:visible; }
.community-overlay .community-heading { flex:none; }
.community-overlay .community-heading .eyebrow,.community-overlay .community-intro,.community-overlay .community-donate { display:none; }
.community-overlay .community-heading h2 { font-size:11px;margin:0;color:#f4fff8; }
.community-overlay .community-heading>div { flex:1; }
.community-close { width:30px;height:30px;min-height:30px;flex:none;border-radius:50%;background:#e4eee7; }
.community-close .icon { width:16px;height:16px; }
.community-overlay .community-reactions { display:none; }
.community-overlay .community-feed-wrap { display:flex;min-height:0;flex:1;overflow:hidden; }
.community-overlay .community-messages { flex:1;min-height:0;max-height:none;padding:12px 2px 5px;mask-image:linear-gradient(transparent,#000 12px);scrollbar-color:#ffffff50 transparent; }
.community-overlay .community-empty { min-height:50px;padding:12px;font-size:11px; }
.community-overlay .community-moderation { padding:7px 0;flex:none; }
.community-overlay .community-message { display:block;margin-bottom:9px; }
.community-overlay .community-avatar { display:none; }
.community-overlay .community-form { flex:none;padding:9px 10px;border:1px solid #ffffff26;border-radius:15px;background:#0a171bbb;backdrop-filter:blur(14px);text-shadow:none; }
.community-overlay .community-name { margin-bottom:7px;gap:6px; }
.community-overlay .community-composer { padding:7px;border-radius:10px;border-color:#ffffff30;background:#ffffff0a; }
.community-overlay .community-composer textarea { min-height:32px;max-height:85px;font-size:12px; }
.community-overlay .community-compose-foot { padding-top:6px;font-size:9px; }
.video-stage.chat-visible .live-route-overlay { right:calc(clamp(200px,34%,320px) + 28px); }
.encouragement-cloud { z-index:7; }
.encouragement-bubble { bottom:70px;font-size:clamp(32px,3.2vw,44px);animation:encouragement-rises 4s cubic-bezier(.18,.6,.28,1) both; }
@keyframes encouragement-rises { 0% { opacity:0;transform:translate(0,25px) scale(.45) rotate(-8deg); } 12% { opacity:1;transform:translate(0,0) scale(1.2) rotate(8deg); } 30% { transform:translate(calc(var(--drift)/3),-65px) scale(1) rotate(-5deg); } 78% { opacity:1; } 100% { opacity:0;transform:translate(var(--drift),-260px) scale(.9) rotate(10deg); } }
.is-cheering { animation:reaction-tap .55s ease both; }
@keyframes reaction-tap { 35% { transform:translateY(-5px) scale(1.2) rotate(-9deg); } 70% { transform:translateY(-2px) scale(.96) rotate(6deg); } 100% { transform:none; } }
/* An absolutely sized viewer prevents the grid item's intrinsic image height
   from overflowing its frame, even for a very tall phone photo. */
.map-media-screen { position:relative;display:block;min-width:0;min-height:0;background:#050907; }
.map-media-screen>.map-media-viewer { position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center; }
.playlist-heading { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.playlist-heading h2 { margin:7px 0 0; }
.playlist-heading .badge { font-size:10px; }
.playlist-intro { font-size:11px;margin:8px 0 17px; }
.playlist-player { position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:15px;background:#0e2119; }
.playlist-player>video { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0e2119; }
.playlist-play { font-size:13px;background:linear-gradient(0deg,#071a1955,transparent); }
.playlist-current { margin:11px 0 15px;font-size:11px;line-height:1.5;font-weight:600;color:#3e5c4c; }
.playlist-list { display:flex;flex-direction:column;gap:5px;max-height:230px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px; }
.playlist-item { width:100%;display:flex;align-items:center;gap:11px;text-align:left;min-height:64px;padding:7px;border:1px solid transparent;border-radius:13px;background:none;color:var(--ink);font:inherit;cursor:pointer; }
.playlist-item:hover { background:#f0f5f1; }
.playlist-item.is-selected { background:#e9f3ec;border-color:#d6e7da; }
.playlist-item:focus-visible { outline:2px solid #50836b;outline-offset:-2px; }
.playlist-thumbnail { position:relative;display:grid;place-items:center;flex:0 0 78px;width:78px;height:48px;overflow:hidden;border-radius:9px;background:#1b3b2d; }
.playlist-thumbnail video { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none; }
.playlist-thumbnail>span { position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#163b2eb3;color:#fff;font-size:9px; }
.playlist-item-info { display:flex;min-width:0;flex-direction:column;gap:5px; }
.playlist-item-info strong { font-size:11px;font-weight:600;line-height:1.5; }
.playlist-item-info small { font-size:10px;color:#7b8e80; }
.broadcast-frame-source { position:fixed;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none; }
.camera-frame .broadcast-preview { object-fit:contain;background:black; }

/* Four readable actions on the field, with optional sheets for the details. */
.terrain-wrap { width:100%;max-width:640px;padding:28px 24px 44px;margin:0 auto; }
.terrain-heading { margin-bottom:24px; }
.terrain-heading h1 { margin:10px 0 0;font-size:32px;letter-spacing:-.055em; }
.terrain-event .field { margin:0; }
.terrain-event .field>span { font-size:11px;color:#779183; }
.terrain-event select { padding:14px 38px 14px 14px;font-size:14px;min-height:50px;background:#fff;border-radius:14px; }
.terrain-event-meta { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 1px 22px;font-size:10px;color:#829489; }
.terrain-event-meta>span,.terrain-event-meta>a { display:flex;align-items:center;gap:5px; }
.terrain-event-meta .icon { width:13px;height:13px; }
.terrain-event-meta a { text-decoration:none;color:#3e735a;white-space:nowrap; }
.terrain-status { border:0;border-radius:16px;padding:13px 15px;margin:0 0 16px;background:#edf4ee; }
.terrain-status strong { font-size:13px; }
.terrain-status p { font-size:11px;line-height:1.55;margin:4px 0 0; }
.terrain-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.terrain-action { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:155px;width:100%;padding:19px;border:1px solid #dde8df;border-radius:23px;background:#fff;box-shadow:0 5px 20px #2e573708;color:#254d3d;text-align:left;font:inherit;cursor:pointer; }
.terrain-action>.icon { width:25px;height:25px;margin-bottom:7px; }
.terrain-action>strong { font-size:14px;font-weight:650;line-height:1.45;letter-spacing:-.025em; }
.terrain-action>span { font-size:10px;line-height:1.5;color:#82938a; }
.terrain-action:hover { background:#f5faf6; }
.terrain-action:focus-visible,.terrain-secondary button:focus-visible { outline:2px solid #518c6b;outline-offset:3px; }
.terrain-position { background:#e8f3ec;border-color:#cfe3d5; }
.terrain-position.is-sharing { background:#d9f0e1;border-color:#9acdad; }
.terrain-photo { background:#fffdfa;border-color:#e9e4da; }
.terrain-gallery { background:#f4f7fa;border-color:#dce5ec; }
.terrain-live.stream-studio { position:relative;display:flex;flex-direction:column;justify-content:center;min-height:155px;margin:0;padding:19px;border:1px solid #dfe5e1;border-radius:23px;box-shadow:0 5px 20px #2e573708;background:#193f30;color:#fff; }
.terrain-live .camera-launch { margin:0;order:0; }
.terrain-live .camera-launch .button { display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-height:65px;padding:0;border:0;background:transparent;box-shadow:none;color:#fff;font-size:14px; }
.terrain-live .camera-launch .button .icon { width:26px;height:26px; }
.terrain-live #broadcast-status { order:1;font-size:10px;line-height:1.5;color:#abc9b6;margin:8px 0 0; }
.terrain-live #broadcast-external-stop { font-size:10px;min-height:28px;padding:4px 0;color:#f0b8ae; }
.terrain-live .camera-launch-dot { position:absolute;top:21px;right:20px; }
.terrain-secondary { display:flex;justify-content:space-between;gap:12px;margin:20px 2px 0; }
.terrain-secondary button { display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;padding:7px 0;font:inherit;font-size:10px;color:#6a8c78;cursor:pointer; }
.terrain-secondary .icon { width:14px;height:14px; }
.terrain-screen-note { text-align:center;font-size:10px;line-height:1.65;color:#98a69c;max-width:310px;margin:19px auto 0; }
.terrain-dialog { width:min(600px,calc(100vw - 24px));max-height:90dvh;margin:auto;padding:0;border:1px solid #e3ebe5;border-radius:25px;background:#fbfdfb;color:var(--ink);box-shadow:0 25px 100px #163c2d36; }
.terrain-dialog::backdrop { background:#0e2a2466;backdrop-filter:blur(6px); }
.terrain-dialog .modal-head { padding:20px 21px; }
.terrain-dialog .modal-head h2 { font-size:20px;margin:0; }
.terrain-dialog .modal-head .icon-button { width:36px;height:36px;flex:none;border-radius:50%;background:#edf3ee; }
.terrain-dialog-body { padding:20px; }
.terrain-dialog .tracking-stats { margin:20px 0; }
.terrain-dialog .tracking-map { height:320px;border-radius:16px; }
.terrain-dialog .tracking-map-head { padding:0 0 14px;gap:8px; }
.terrain-dialog .media-gallery { grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
.terrain-dialog .media-card { border-radius:15px; }
.terrain-dialog .media-viewer { height:180px;object-fit:contain;background:#0a1d15; }
.terrain-dialog .media-card-body { padding:12px; }
.terrain-dialog .media-card-body .button { font-size:10px;padding:7px;min-height:34px; }
.terrain-dialog .media-place { font-size:10px;min-height:28px; }
.terrain-dialog .media-card-body p { font-size:11px; }
.terrain-file-choices { display:flex;gap:10px;margin-bottom:15px; }
.terrain-file-choices label { position:relative;flex:1;min-width:0;min-height:54px;padding:10px;white-space:normal;line-height:1.5;text-align:center;overflow:hidden;font-size:12px; }
.terrain-file-choices .icon { flex:none;width:20px;height:20px; }
.terrain-file-input { position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer; }
.terrain-upload-limits { margin-top:16px;font-size:11px;color:#829589; }
.terrain-dialog .field input,.terrain-dialog .field select,.terrain-dialog .field textarea { font-size:16px; }
.terrain-dialog #media-upload-fields { margin:0;padding:0;border:0;min-width:0;min-inline-size:0;width:100%; }
.terrain-dialog-body,.terrain-dialog .field { min-width:0;overflow-wrap:anywhere; }
.terrain-dialog .field input,.terrain-dialog .field select,.terrain-dialog .field textarea { min-width:0;max-width:100%; }
.terrain-dialog #media-send { white-space:normal;padding:13px 10px;line-height:1.5; }
.terrain-live .camera-launch .button { white-space:normal;text-align:left; }

@media(max-width:899px) { .public-page .event-main-layout { grid-template-columns:minmax(0,1fr); }.community-home { max-width:none; } }
@media(max-width:999px) {
 .public-page .live-map-layout[data-live="true"] { grid-template-columns:minmax(0,1fr); }
 .public-page .public-story { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .public-page .live-map-layout[data-live="true"] .map-canvas { height:400px; }
}
@media(max-width:680px) {
 .public-page .public-story { grid-template-columns:minmax(0,1fr); }
 .public-page .video-stage { min-height:280px;aspect-ratio:16/9; }
 .public-page .live-map-layout .map-canvas,.public-page .live-map-layout[data-live="false"] .map-canvas { min-height:390px; }
 .live-social-tools { top:13px;right:12px;flex-direction:column;align-items:flex-end;gap:8px; }
 .community-toggle { padding:8px 11px;font-size:10px; }
 .live-reactions { padding:2px; }
 .live-reactions button { width:31px;height:31px;font-size:18px; }
 .community-overlay { position:absolute;inset:53px 12px 52px auto;width:min(260px,62%);height:auto; }

 .community-overlay .community-panel { padding:0;background:transparent;border-radius:0; }
 .community-overlay .community-name input,.community-overlay .community-composer textarea { font-size:16px; }
 .community-overlay .community-composer { min-height:42px; }
 .community-overlay .community-heading h2 { font-size:10px; }
 .community-overlay .community-message p,.community-overlay .community-message-head>strong { font-size:10px;line-height:1.55; }
 .community-overlay .community-message { margin-bottom:7px; }
 .community-overlay:has(.is-composing) { width:min(350px,calc(100% - 24px)); }
 .community-overlay .is-composing .community-feed-wrap { display:none; }
 .community-overlay .community-name>span { font-size:9px; }
 .community-overlay .community-form { padding:8px 10px; }
 .video-stage.chat-visible .live-route-overlay { right:12px; }
 .video-stage:fullscreen .community-overlay,.video-stage.is-immersive .community-overlay { max-width:330px;left:auto;width:55%; }
 .video-stage:fullscreen .community-overlay:has(.is-composing),.video-stage.is-immersive .community-overlay:has(.is-composing) { width:calc(100% - 24px); }
 .terrain-wrap { padding:25px 18px 32px; }
 .terrain-heading h1 { font-size:29px; }
 .terrain-actions { gap:11px; }
 .terrain-action,.terrain-live.stream-studio { min-height:148px;padding:17px;border-radius:21px; }
 .terrain-action>strong,.terrain-live .camera-launch .button { font-size:13px; }
 .terrain-dialog .modal-head { padding:18px; }
 .terrain-dialog-body { padding:17px; }
 .terrain-dialog .media-viewer { height:150px; }
 .terrain-dialog .media-gallery { gap:10px; }
 .media-popover-caption { flex-direction:column;gap:5px; }
}
@media(max-width:360px) {
 .terrain-action,.terrain-live.stream-studio { padding:14px;min-height:145px; }
 .terrain-action>strong { font-size:12px; }
 .terrain-secondary { gap:9px; }
 .terrain-secondary button { font-size:9px; }
 .terrain-file-choices { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { .encouragement-bubble,.is-cheering { animation:none; }.community-overlay { transition:none; } }

.public-page .live-map-layout[data-live="true"] .map-canvas { height:clamp(300px,24vw,380px); }
.video-stage:fullscreen .live-social-tools,.video-stage.is-immersive .live-social-tools { right:64px; }
@media(max-width:999px) { .public-page .live-map-layout[data-live="true"] .map-canvas { height:400px; } }

/* The picture stays visible between chat messages. Only the composer is glass. */
.community-overlay .community-heading,.community-overlay .community-messages,.community-overlay .community-moderation,.community-overlay .community-form,.community-overlay .community-quick-compose { pointer-events:auto; }
.community-overlay .community-message-content,.community-overlay .community-message-head { display:inline; }
.community-overlay .community-message-head>strong { color:var(--author-color,#9ce6bf);font-size:12px; }
.community-overlay .community-message-head>strong::after { content:' : '; }
.community-overlay .community-message p { display:inline;color:#fff;font-size:12px;line-height:1.65;margin:0; }
.community-overlay .community-message-head>time { display:none; }
.community-overlay .community-message-menu { display:inline-block;color:#fff; }
.community-overlay .community-message-menu>div { color:var(--ink);text-shadow:none; }
.community-new { z-index:2;pointer-events:auto; }
.community-overlay .organizer-badge { background:#2a574880;color:#cfffe0;margin-right:5px; }
.community-overlay .community-moderation { color:#d8eee2;font-size:9px; }
.community-overlay .community-moderation .text-link { background:#ffffff20;color:#f1fff5; }
.community-overlay .community-close { min-width:30px;background:#111d2260;border:1px solid #ffffff24;color:#fff; }
.community-overlay .community-empty { color:#e0eae3; }
.community-overlay .community-name>span,.community-overlay .community-compose-foot { color:#d0dfd4; }
.community-overlay .community-name input,.community-overlay .community-composer textarea { color:#fff; }
.community-overlay .community-name input { border-color:#ffffff35; }
.community-overlay .community-name input::placeholder,.community-overlay .community-composer textarea::placeholder { color:#c9d8ce; }
.community-overlay .community-composer button { background:#a5e2bf;color:#193e2b; }
.community-quick-compose { display:flex;align-items:center;gap:8px;margin:8px 0 0;width:100%;padding:10px 12px;min-height:38px;border:1px solid #ffffff35;border-radius:100px;background:#14282b70;color:#fff;text-align:left;font:inherit;font-size:11px;text-shadow:0 1px 3px #000;cursor:pointer; }
.community-quick-compose .icon { width:15px;height:15px; }
.community-quick-compose:focus-visible { outline:2px solid #bcf3d5;outline-offset:2px; }
.video-stage .live-player-controls { position:absolute;z-index:12;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0009);color:#fff;transition:opacity .2s; }
.live-player-button { display:grid;place-items:center;flex:none;min-height:32px;width:32px;padding:4px;border:0;border-radius:8px;background:transparent;color:#fff;font:inherit;cursor:pointer; }
.live-player-button .icon { width:18px;height:18px; }
.live-player-button:hover,.live-player-button:focus-visible { background:#ffffff26; }
.live-player-button:focus-visible,.live-player-donate:focus-visible { outline:2px solid #cdf9dc;outline-offset:2px; }
.live-player-spacer { flex:1; }
.live-player-signal { display:flex;align-items:center;gap:5px;flex:none;font-size:9px;letter-spacing:.04em; }
.live-player-signal i { width:5px;height:5px;border-radius:50%;background:#f6717d; }
.live-player-controls #live-volume { width:64px;height:24px;padding:0;accent-color:#acf4c9;border:0;background:none; }
.live-player-donate { display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:5px 8px;border-radius:100px;background:#ffe9e221;color:#ffdfd1;font-size:10px;text-decoration:none;white-space:nowrap; }
.live-player-donate .icon { width:14px;height:14px; }
.video-stage.is-muted #live-mute { opacity:.65; }
.video-stage.controls-idle .live-player-controls { opacity:0;pointer-events:none; }
.video-stage:focus-within .live-player-controls,.video-stage:hover .live-player-controls { opacity:1;pointer-events:auto; }
.public-page .video-stage:fullscreen,.public-page .video-stage.is-immersive { aspect-ratio:auto;min-height:0;height:100dvh; }
.video-stage:fullscreen .live-route-overlay,.video-stage.is-immersive .live-route-overlay { bottom:max(65px,calc(env(safe-area-inset-bottom) + 60px)); }
.video-stage:fullscreen .community-overlay,.video-stage.is-immersive .community-overlay { bottom:max(58px,calc(env(safe-area-inset-bottom) + 54px)); }
.camera-quality { padding:7px 9px;border:1px solid #ffffff24;border-radius:100px;background:#18282588;backdrop-filter:blur(10px);font-size:9px;color:#e0eee5;text-align:center; }
.camera-topbar .camera-window-controls { margin-left:auto; }
.camera-signals button[aria-pressed="true"] { border-color:#94e9bb66; }
.event-library { width:min(1020px,calc(100vw - 32px));max-height:90dvh;margin:auto;padding:0;border:1px solid #e4ebe6;border-radius:26px;background:#fbfdfb;color:var(--ink);box-shadow:0 30px 120px #102e2855;overflow:auto; }
.event-library::backdrop { background:#0b242875;backdrop-filter:blur(8px); }
.event-library .media-popover-head { padding:22px 25px;background:#fbfdfbf0; }
.event-library .media-popover-head h2 { margin:6px 0 0;letter-spacing:-.04em;font-size:24px; }
.event-library .icon-button { border-radius:50%;background:#ecf2ee;flex:none; }
.event-library-tabs { display:flex;gap:5px;padding:0 24px 17px;border-bottom:1px solid var(--line); }
.event-library-tabs button { display:flex;align-items:center;gap:7px;min-height:40px;padding:9px 13px;border:0;border-radius:100px;background:transparent;color:#71867a;font:inherit;font-size:12px;cursor:pointer; }
.event-library-tabs button[aria-selected="true"] { background:#e8f2eb;color:#2d6147; }
.event-library-tabs span { font-size:10px;padding:2px 5px;border-radius:30px;background:#ffffff80; }
.event-library-tabs button:focus-visible { outline:2px solid #50896a;outline-offset:2px; }
.event-library-body { padding:23px 24px;min-width:0; }
.event-library-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:15px; }
.event-library-item { display:flex;flex-direction:column;padding:0;border:1px solid #e4ebe5;border-radius:18px;overflow:hidden;background:#fff;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:0; }
.event-library-item:hover { transform:translateY(-3px);box-shadow:0 9px 25px #193f2715; }
.event-library-preview { display:grid;place-items:center;width:100%;height:165px;object-fit:cover;background:#e8efea;color:#365946;font-size:27px; }
.event-library-info { display:flex;flex-direction:column;gap:5px;padding:13px;min-width:0;width:100%; }
.event-library-info strong { font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.event-library-info small { color:#829287;font-size:10px;overflow-wrap:anywhere; }
.event-library .stream-replays-section { margin:0; }
.event-library .stream-playlist { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);column-gap:22px;row-gap:0; }
.event-library .playlist-list { grid-column:2;grid-row:1/span 2;max-height:430px; }
.event-library .playlist-current { grid-column:1; }
.event-library .playlist-player { align-self:start;border-radius:18px; }
@media(max-width:680px) {
 .live-social-tools { flex-direction:row;align-items:center;gap:6px; }
 .community-toggle { min-width:36px;justify-content:center;padding:8px; }
 .community-toggle>span:not(.community-unread) { display:none; }
 .public-page .video-stage.chat-visible { min-height:400px; }
 .public-page .video-stage.chat-visible:fullscreen,.public-page .video-stage.chat-visible.is-immersive { min-height:0; }
 .video-stage.chat-visible .community-overlay { top:57px;bottom:174px; }
 .video-stage.chat-visible .community-overlay:has(.is-composing) { top:53px;bottom:174px; }
 .community-overlay .is-composing .community-moderation { display:none; }
 .live-player-controls { gap:3px!important;padding:8px!important; }
 .live-player-controls #live-volume { display:none; }
 .live-player-donate { padding:5px 7px; }
 .community-overlay .community-message p,.community-overlay .community-message-head>strong { font-size:10px; }
 .community-overlay .community-quick-compose { padding:7px 9px;min-height:30px;font-size:10px; }
 .camera-quality { font-size:8px;padding:6px;max-width:135px; }
 .camera-topbar { flex-wrap:wrap; }
 .camera-topbar .camera-quality { position:absolute;top:45px;left:0; }
 .event-library { width:calc(100vw - 20px);max-height:92dvh;border-radius:24px; }
 .event-library .media-popover-head { padding:18px; }
 .event-library .media-popover-head h2 { font-size:20px; }
 .event-library-tabs { padding:0 13px 13px; }
 .event-library-tabs button { font-size:11px;padding:8px 10px; }
 .event-library-body { padding:17px; }
 .event-library-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
 .event-library-preview { height:140px; }
 .event-library-info { padding:10px; }
 .event-library .stream-playlist { grid-template-columns:minmax(0,1fr); }
 .event-library .playlist-list { grid-column:1;grid-row:3;max-height:215px; }
}
@media(max-height:480px) and (orientation:landscape) {
 .camera-topbar .camera-quality { position:static;font-size:9px; }
 .video-stage:fullscreen .live-route-overlay,.video-stage.is-immersive .live-route-overlay { bottom:54px;padding:9px 12px; }
 .video-stage:fullscreen .community-overlay,.video-stage.is-immersive .community-overlay { top:57px; }
 .community-overlay .is-composing .community-feed-wrap { display:none; }
}
@media(prefers-reduced-motion:reduce) { .live-player-controls,.event-library-item { transition:none; } }