:root{font-family:Inter,Arial,sans-serif;color:#173e48;background:#edf3f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #d1dfe1;background:white;color:#214952;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600}button:hover{background:#e9f7f3;border-color:#54a894}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #36bd9b;outline-offset:3px}a{color:#087d70}header{display:flex;align-items:center;gap:22px;padding:20px 28px;background:#103a47;color:white}.brand{font-size:35px;font-weight:900;letter-spacing:-2px;border-right:1px solid #ffffff32;padding-right:24px;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:1.35px;margin-top:7px;font-weight:500}.heading{flex:1}h1{font-size:22px;letter-spacing:-.5px;margin:0 0 7px}.heading p{font-size:10px;letter-spacing:1.1px;color:#b0c9cc;margin:0}.quiet{background:#ffffff0d;color:white;border-color:#ffffff35}.topline{padding:15px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #d9e3e3;background:white;font-size:13px}.topline>div{display:flex;align-items:center;gap:12px}.routechip{color:#087d70;background:#e3f5ef;border-radius:6px;padding:7px 9px;font-size:10px;letter-spacing:1px}.tag{color:#886218;background:#fbf1d9;border-radius:20px;font-size:10px;font-weight:700;padding:6px 10px;white-space:nowrap}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;padding:22px 28px 0;max-width:1800px;margin:auto}.panel{border:1px solid #d6e2e2;border-radius:13px;background:white;overflow:hidden;box-shadow:0 8px 26px #183a4308;min-width:0}.panelhead{height:57px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px;border-bottom:1px solid #e3ebea}.panelhead b{font-size:11px;letter-spacing:1.1px}.tabs{display:flex;gap:3px}.tabs button{border-color:transparent;font-size:12px;padding:9px}.tabs button.active{background:#e3f5ef;color:#087d70}.tools{display:flex;gap:4px}.tools button{padding:7px 9px;font-size:11px}.quality{font-size:10px;color:#64848a;margin-left:12px}.mapstage{height:490px;position:relative;background:#cbdad0;overflow:hidden}.mapstage svg{width:100%;height:100%;display:block;touch-action:none;user-select:none}.routeLine{fill:none;stroke:#fafdfd;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:.85;pointer-events:none}.routeLine-inner{stroke:#ef6450;stroke-width:3}.point{cursor:pointer}.point circle{fill:#fff7e5;stroke:#bc8b3c;stroke-width:2;vector-effect:non-scaling-stroke}.point text{font-size:9px;text-anchor:middle;dominant-baseline:central;font-weight:800;fill:#67450c;pointer-events:none}.point.bound circle{fill:#e2f6eb;stroke:#188b63}.point.bound text{fill:#0c6746}.point.selected circle{fill:#103f55;stroke:white;stroke-width:3}.point.selected text{fill:white}.livehalo{fill:#208dcc44;stroke:white;stroke-width:2;vector-effect:non-scaling-stroke}.livepin{fill:#1988c9}.maplabel{position:absolute;bottom:12px;left:12px;right:12px;pointer-events:none;color:white;background:#103a47dd;border-radius:7px;padding:9px 10px;font-size:10px;width:fit-content;max-width:calc(100% - 24px)}.mapfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;color:#738b90;font-size:10px;border-top:1px solid #e5eded}.mapfoot a{white-space:nowrap}.mapedit{padding:13px 14px;background:#f7faf9;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:11px}.mapedit label{display:flex;gap:6px;align-items:center}.mapedit span{color:#8a6b32;font-size:10px}#officialStage{height:100%;overflow:auto;background:#c9e3a0;position:relative}#official{display:block;width:100%;transform-origin:top left}.officialNote{position:sticky;bottom:12px;background:#fffffff0;border-radius:6px;margin:12px;padding:8px;font-size:10px;width:fit-content}.panostage{height:355px;background:#071e28;position:relative}.panostage canvas{width:100%;height:100%;display:block;touch-action:none}.panobadge{position:absolute;top:14px;left:14px;color:white;background:#103a47d9;border:1px solid #ffffff26;border-radius:6px;padding:7px 10px;font-size:11px}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#f0f9f8;background:#0c303bd9;padding:14px;border-radius:8px;font-size:12px;max-width:85%;width:max-content}.panohint{position:absolute;bottom:10px;left:12px;color:#e7f3f1;font-size:10px;pointer-events:none}.playbar{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #e3ebea}.primary{background:#087f70;color:white;border-color:#087f70}.primary:hover{background:#056c60;color:white}.playbar input{flex:1;min-width:40px;accent-color:#088574}.playbar span{font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap}.stationbar{display:flex;align-items:center;gap:7px;padding:12px 15px}.stationbar select{width:100%;min-width:0;border:1px solid #d1dfe1;border-radius:7px;padding:9px;font-size:12px;background:white;color:#244951}.stationbar button{white-space:nowrap;font-size:11px}.pointdetail{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:0 16px 12px}.pointdetail b{font-size:12px}.pointdetail p{font-size:10px;color:#6f858b;line-height:1.5;margin:5px 0 0}.calibration{background:#f7faf9;padding:13px 15px;border-top:1px solid #e4ecea;display:flex;flex-wrap:wrap;gap:8px}.calibration button{font-size:11px}.calibration p{margin:0;flex-basis:100%;font-size:10px;color:#6b858b;line-height:1.4}.routefooter{max-width:1800px;margin:auto;padding:18px 30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.routefooter b{font-size:11px}.routefooter p{font-size:10px;color:#6f858b;line-height:1.6;margin:5px 0}.legend{display:flex;gap:16px;font-size:10px;color:#5b777f;white-space:nowrap}.legend span{display:flex;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.estimated{background:#ddad56}.calibrated{background:#179365}.current{background:#124a61}footer{padding:12px 28px;border-top:1px solid #d7e2e2;color:#82959b;display:flex;gap:20px;justify-content:space-between;font-size:10px;align-items:center}footer button{font-size:10px;padding:6px 9px}dialog{border:1px solid #d2e3e0;border-radius:14px;max-width:640px;width:calc(100% - 30px);padding:24px;color:#254953;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #001c3566}dialog::backdrop{background:#092a3b9e}.dialoghead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.dialoghead h2{font-size:19px;margin:0}dialog p,dialog li{font-size:13px;line-height:1.7}dialog textarea{width:100%;height:280px;font:11px monospace;padding:12px;border:1px solid #cddedb;border-radius:8px;margin:8px 0}#referenceDialog{max-width:560px}#referenceDialog img{width:100%}[hidden]{display:none!important}#flatFallback{position:absolute;inset:0;background:#092732;padding:10px;color:#d9ecec}#flatFallback p{font-size:10px;margin:0 0 7px}#flatHost{height:calc(100% - 35px)}#flatHost video{width:100%;height:100%;object-fit:contain}.videoSource{display:none}#flatHost .videoSource{display:block}.expanded{position:fixed;inset:8px;z-index:20;overflow:auto}.expanded .panostage{height:calc(100vh - 280px)}.video-panel:fullscreen{overflow:auto}.video-panel:fullscreen .panostage{height:calc(100vh - 280px)}@media(min-width:1500px){.mapstage{height:570px}.panostage{height:435px}}@media(max-width:1050px){main{padding:15px;gap:12px}.topline{padding:12px 16px}.panelhead{padding:8px}.tools button{padding:7px}.tabs button{font-size:10px;padding:7px}.quality{display:none}.stationbar{flex-wrap:wrap}.stationbar select{flex:1}.stationbar #returnPoint{flex-basis:100%}.routefooter{padding:16px;flex-wrap:wrap}}@media(max-width:760px){header{padding:15px;gap:14px}.brand{font-size:29px;padding-right:15px}.heading h1{font-size:18px}.heading p{font-size:8px;line-height:1.7}.quiet{font-size:10px;padding:7px}.topline{align-items:flex-start;flex-wrap:wrap}.topline>div{flex-wrap:wrap;gap:8px}.topline>div>span{font-size:11px}main{grid-template-columns:1fr;padding:12px}.mapstage{height:360px}.panelhead{padding:9px 12px}.tabs button{font-size:12px}.panostage{height:300px}.routefooter{padding:8px 16px 16px}.legend{flex-wrap:wrap;gap:12px}footer{padding:12px 16px;flex-wrap:wrap;gap:10px}.stationbar #returnPoint{flex-basis:auto}.stationbar select{max-width:62%}.playbar{gap:8px;padding:12px}.playbar button{font-size:11px}.playbar span{font-size:10px}.mapedit{flex-wrap:wrap}.expanded .panostage{height:45vh}}

#videoSelect{max-width:400px;border:1px solid #d1dfe1;border-radius:7px;background:white;color:#214952;padding:9px;font-size:12px}#source{font-size:11px}.panelhead{height:auto;min-height:57px;flex-wrap:wrap}.tabs{flex-wrap:wrap}.mapedit{flex-wrap:wrap}.mapfoot{flex-wrap:wrap}.stationbar{flex-wrap:wrap}.stationbar select{flex:1 1 180px}.stationbar #placePoint,.stationbar #addPoint{font-size:10px}#sourceURL{display:block;width:100%;padding:12px;border:1px solid #cddedb;border-radius:7px;margin-bottom:12px}.localInput{display:block;font-size:12px;margin-top:20px}.localInput input{display:block;margin-top:10px;width:100%}.point.unbound circle{stroke-dasharray:3 2}#vectorOverlay{opacity:.8;pointer-events:none}#vectorOverlay polyline,#vectorOverlay polygon{vector-effect:non-scaling-stroke;stroke-width:1.4;fill:none}.source-missing #flatFallback{display:none!important}@media(max-width:760px){#videoSelect{max-width:100%;width:100%}.topline>div{width:100%}.stationbar select{max-width:none;flex-basis:65%}}

.trace-legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 28px 0}.trace-legend button{display:flex;align-items:center;gap:7px;font-size:11px}.trace-legend button.active{background:#103a47;color:white;border-color:#103a47}.trace-legend i{width:18px;height:4px;border-radius:3px}.trace-legend span{font-size:10px;color:#657c85;margin-left:auto}.trace-group{cursor:pointer}.trace-group path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.trace-outline,.trace-color,.trace-arrow,.trace-endpoint{pointer-events:none}.trace-hit{pointer-events:stroke}.trace-endpoint circle{vector-effect:non-scaling-stroke}.trace-endpoint text{font-weight:800}.point text{font-weight:700}#routeLine{pointer-events:none}#referenceDialog{max-width:1000px}@media(max-width:760px){.trace-legend{padding:10px 12px 0;gap:6px}.trace-legend span{flex-basis:100%;margin:0}.trace-legend button{font-size:10px;padding:8px}}

.viewer [data-editor-only]{display:none!important}.access-link{font-size:12px;color:inherit;margin-left:auto;text-decoration:none;padding:9px;border:1px solid #ffffff40;border-radius:7px}body.editor:before{content:'ÉDITION · les changements restent en brouillon jusqu’à publication';display:block;text-align:center;background:#fff0bc;color:#594200;padding:9px;font-size:12px}#publish{margin-left:8px}.viewer .pointdetail{padding-bottom:16px}@media(max-width:650px){.access-link{max-width:105px;text-align:center;font-size:11px}}

.heading .place-title{font-size:14px;color:#e4f0ef;letter-spacing:0;margin:0 0 8px;line-height:1.4}@media(max-width:760px){.heading .place-title{font-size:12px}}
/* Visitor header: project details remain readable on narrow screens. */
header{display:grid;grid-template-columns:132px minmax(0,1fr) auto auto;grid-template-areas:'brand heading access help';gap:20px}.brand-block{grid-area:brand;min-width:0}.brand-block .brand{border-right:0;padding-right:0}.heading{grid-area:heading;min-width:0}.heading h1{line-height:1.3}.heading p{line-height:1.6}#accessLink{grid-area:access;margin-left:0;white-space:nowrap}#help{grid-area:help}.language-switch{display:flex;gap:6px;margin-top:14px}.language-switch button{padding:4px;width:44px;height:40px;font-size:24px;line-height:1;background:#ffffff10;border-color:#ffffff40;border-radius:7px}.language-switch button[aria-pressed=true]{background:#ffffff26;border-color:#68d9bd;box-shadow:0 0 0 1px #68d9bd}.viewer .point.bound circle{fill:#fff7e5;stroke:#bc8b3c}.viewer .point.bound text{fill:#67450c}.viewer .point.selected circle{fill:#103f55;stroke:#fff}.viewer .point.selected text{fill:#fff}.site-status{padding:14px 24px;margin:0;background:#fff1d6;color:#6d451a}.viewer .routefooter{padding-top:15px}.trace-legend button>span{white-space:nowrap}
@media(max-width:900px){header{grid-template-columns:100px minmax(0,1fr) auto;grid-template-areas:'brand heading heading' 'access access help';gap:14px 18px;padding:18px}.brand-block .brand{font-size:32px}.heading h1{font-size:20px}.heading .place-title{font-size:13px}.heading p{font-size:9px;letter-spacing:.7px}#accessLink{max-width:none;justify-self:start;font-size:11px}#help{justify-self:end;font-size:11px}.language-switch{gap:4px;margin-top:12px}.language-switch button{width:42px;height:40px}}
@media(max-width:430px){header{grid-template-columns:86px minmax(0,1fr) auto;padding:15px;gap:14px}.heading h1{font-size:18px}.heading .place-title{font-size:12px}.brand-block .brand{font-size:30px}.language-switch button{width:39px;height:39px;font-size:23px}.mapfoot{align-items:flex-start}.mapfoot a{white-space:normal}.trace-legend button{font-size:11px}}