*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:#292d28;background:#e7e9e2;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a,button,input{color:inherit}button,input{font:inherit}.app{display:grid;grid-template:56px minmax(0,1fr) /340px minmax(0,1fr);height:100dvh}.app-header{display:flex;grid-column:1/-1;align-items:center;gap:26px;padding:0 20px;border-bottom:1px solid rgba(44,49,43,.14);background:#f4f3ee}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:11px;font-weight:700;letter-spacing:.18em;white-space:nowrap}.wordmark small{display:block;margin-top:4px;color:#7b8077;font-size:8px;font-weight:500;letter-spacing:.28em}.wordmark-icon{display:grid;width:31px;height:31px;place-items:center;border:1px solid #75816b;border-radius:50%;color:#65725d;font:italic 18px Georgia,serif}.app-count{color:#7b8077;font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.app-search{width:min(300px,42vw);height:34px;margin-left:auto;padding:0 12px;border:1px solid #c8cec3;border-radius:3px;background:#fbfbf8;font-size:13px}.app-search::placeholder{color:#969d90}.app-search:focus-visible{border-color:#69785f;outline:2px solid rgba(105,120,95,.3);outline-offset:1px}.panel{display:flex;min-height:0;flex-direction:column;overflow-y:auto;border-right:1px solid #d0d5cb;background:#f4f3ee}.panel-selected{padding:22px 20px 20px;border-bottom:1px solid #d9d9d0}.eyebrow{margin:0;color:#828b7b;font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.panel-selected h1{margin:9px 0 16px;color:#333c33;font:400 33px/1.04 Georgia,Times New Roman,serif;letter-spacing:-.045em;text-wrap:balance}.panel-summit{display:flex;align-items:baseline;justify-content:space-between;gap:14px;color:#4d564b;font-size:13px}.panel-summit strong{color:#3c4b3c;font:400 23px Georgia,serif;white-space:nowrap}.panel-summit strong small{font-size:12px}.panel-note{margin:8px 0 0;color:#657260;font:italic 13px/1.5 Georgia,serif}.panel-list{flex:1 1;padding:8px 0 18px}.panel-list ul{margin:0;padding:0;list-style:none}.panel-list button{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:12px;border:0;background:transparent;cursor:pointer;text-align:left;transition:background .15s,color .15s}.panel-list button:hover{background:#ebeee6}.panel-list button>span:last-child{flex:none;color:#969d90;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.system{padding:10px 20px;color:#667063;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.system.active{color:#2f3b30;font-weight:700}.group{padding:8px 20px 8px 32px;color:#4d564b;font-size:13px}.group.active{color:#2f3b30;background:#e3e7de}.summit{padding:6px 20px 6px 46px;color:#5e675c;font-size:13px}.summit.active{color:#8a5a22;font-weight:700}.result{padding:8px 20px;color:#4d564b;font-size:13px}.result-name small{display:block;margin-top:2px;color:#969d90;font-size:11px}.panel-empty{margin:0;padding:14px 20px;color:#7b8077;font-size:13px}.panel-credit{margin:0;padding:14px 20px 18px;border-top:1px solid #d9d9d0;color:#8a9085;font-size:10px;line-height:1.65}.panel-credit a{-webkit-text-decoration-color:#b9c0b3;text-decoration-color:#b9c0b3;text-underline-offset:2px}.model-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#d9ded6,#c4cdc6 77%)}.peak-canvas-host{position:absolute;inset:0;touch-action:none}.peak-canvas{display:block;width:100%;height:100%;outline:none}.model-reset{position:absolute;top:18px;right:20px;z-index:3;min-height:30px;padding:0 12px;border:1px solid rgba(74,88,76,.42);border-radius:2px;color:#445245;background:rgba(231,233,226,.72);cursor:pointer;font-size:9px;font-weight:600;letter-spacing:.15em;transition:background .2s}.model-reset:hover{background:#e7e9e2}.layer-control{position:absolute;top:18px;left:20px;z-index:3;display:grid;grid-gap:6px;gap:6px;margin:0;padding:9px 12px 10px;border:1px solid rgba(74,88,76,.3);border-radius:2px;color:#445245;background:rgba(231,233,226,.8);font-size:11px}.layer-control legend{float:left;width:100%;margin-bottom:2px;padding:0;color:#667063;font-size:9px;font-weight:600;letter-spacing:.15em}.layer-control label{display:flex;align-items:center;gap:8px;cursor:pointer}.layer-control label:after{width:16px;height:0;margin-left:auto;border-top:3px solid var(--key,transparent);content:""}.layer-control input{margin:0;accent-color:#69785f}.layer-huts{--key:#2c352c}.layer-ferratas{--key:#b3301f}.layer-routes{--key:#2f6f8f}.layer-paths{--key:#5d5a3b}.map-mark{position:absolute;top:0;left:0;display:none;margin:-4px 0 0 -4px;padding-left:13px;color:transparent;font:600 10px/8px Arial,Helvetica,sans-serif;white-space:nowrap;pointer-events:none}.map-mark.visible{display:block}.map-mark.named{color:#2c352c;text-shadow:0 0 4px #f4f3ee,0 0 2px #f4f3ee,0 0 1px #f4f3ee}.map-hut:before{position:absolute;top:0;left:0;width:7px;height:7px;border:1.5px solid #f4f3ee;background:#2c352c;content:""}.map-ferrata{padding-left:0;font-style:italic}.map-ferrata.named{color:#8f2416}.map-route{padding-left:0;letter-spacing:.08em;text-transform:uppercase}.map-route.named{color:var(--mark)}.sun-control{position:absolute;bottom:12px;left:20px;z-index:3;display:grid;grid-gap:7px;gap:7px;padding:9px 12px;border:1px solid rgba(74,88,76,.3);border-radius:2px;color:#445245;background:rgba(231,233,226,.8);font-size:9px;font-weight:600;letter-spacing:.15em}.sun-control label{display:grid;grid-template-columns:34px 190px 46px;align-items:center;grid-gap:10px;gap:10px}.sun-control input{width:100%;height:2px;accent-color:#b9813f;cursor:ew-resize}.sun-control output{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.sun-control p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 0;color:#667063}.sun-control button{padding:3px 8px;border:1px solid rgba(74,88,76,.42);border-radius:2px;background:transparent;cursor:pointer;font-size:9px;font-weight:600;letter-spacing:.15em}.sun-control button:hover{background:#e7e9e2}.model-hint{right:20px;bottom:16px;z-index:2;margin:0;color:rgba(49,62,53,.68);font-size:9px;font-weight:600;letter-spacing:.15em}.map-labels,.model-hint{position:absolute;pointer-events:none}.map-labels{inset:0;overflow:hidden}.map-label{position:absolute;top:0;left:0;margin:-22px 0 0;padding:4px 9px;border:0;border-radius:4px;color:#f7f5ef;background:rgba(44,53,44,.88);cursor:pointer;font:12px/1.2 Georgia,serif;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}.map-label.visible{opacity:1;visibility:visible;pointer-events:auto}.map-label:after{position:absolute;top:100%;left:50%;width:1px;height:22px;background:rgba(44,53,44,.7);content:""}.map-label.selected{color:#2c352c;background:#e7a35f}.map-label-massif{padding:0;color:#36443a;background:none;font-family:inherit;font-size:9px;font-weight:600;letter-spacing:.16em;text-shadow:0 0 5px #e7e9e2,0 0 2px #e7e9e2;text-transform:uppercase}.map-label-massif:after{content:none}@media (max-width:820px){.app{grid-template:52px 58dvh auto/minmax(0,1fr);height:auto;min-height:100dvh}.app-header{gap:14px;padding:0 14px}.app-count{display:none}.model-stage{grid-row:2}.panel{grid-row:3;overflow:visible;border-right:0}.model-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important}}