h1{font-size:32px;margin-top:13px}.intro{margin:12px 0 16px}#explorer{bottom:85px}.tabs{gap:4px}.tabs button{padding:9px 7px}.view-switch{position:absolute;left:380px;top:23px;display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.view-switch button{padding:9px 13px;font-size:12px;border:0;background:transparent}.view-switch button.active{background:#ff891f;color:#14232a}.map-legend{position:absolute;left:380px;bottom:50px;display:flex;gap:15px;flex-wrap:wrap;color:#f3f7f6;text-shadow:0 1px 4px #14232a;font-size:11px}.map-legend span{display:flex;align-items:center;gap:6px}.key{display:inline-block;width:14px;height:4px;border-radius:2px;flex:none;background:#ffe5b0}.key.buildings{background:#e1d7c5;height:9px}.key.lifts{background:#ff791e}.key.trails{background:#58b7ed}.key.water{background:#64cedd}.attribution{position:absolute;bottom:8px;right:15px;background:#162c36dc;color:#cfdfe2;border-radius:6px;padding:5px 8px;font-size:10px;z-index:9}.attribution a{color:inherit;text-decoration:none}.attribution a:hover{text-decoration:underline}.bottom-tools{bottom:41px}.compass{position:absolute;right:32px;bottom:110px;color:white;text-align:center;font-size:19px;pointer-events:none;text-shadow:0 1px 4px #000}#north{display:block}#north small{display:block;font-size:10px}#layer-panel{position:absolute;right:78px;top:170px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;z-index:12;width:215px;box-shadow:0 10px 30px #0003}#layer-panel[hidden]{display:none}#layer-panel strong{font-size:14px;display:block;margin-bottom:12px}#layer-panel label{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:12px;cursor:pointer}#layer-panel input{accent-color:#ff891f;width:16px;height:16px}.place-facts{display:flex;gap:20px;margin:17px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.place-facts span{font-size:18px}.place-facts small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.pin.street{background:#213c37c9;color:#fff4d4;box-shadow:none;border-color:#ffffff20;font-size:10px}.pin.street::before{display:none}.pin.lift{color:#ffd1ab;border-color:#ff891f88}.pin.lift::before{color:#ff891f}.pin.parking::before{content:'P';color:#7ec4ff}.empty{font-size:13px;line-height:1.5;color:var(--muted)}dialog a{color:#ff9d48}#detail{top:80px;max-height:calc(100% - 180px)}.light .badge{color:#8a4500}.light .map-legend{color:#15332b;text-shadow:0 1px 4px #fff}.light .compass{color:#15332b;text-shadow:none}
@media(min-width:761px) and (max-width:1100px){#explorer{width:280px;padding:18px}.view-switch,.map-legend{left:325px}.map-legend{bottom:91px;font-size:10px}#detail{width:280px}}
@media(max-width:760px){#explorer{bottom:auto}.tabs button{padding:9px 5px}.view-switch{left:12px;top:183px;right:65px;padding:4px;gap:2px;justify-content:space-between;border-radius:12px}.view-switch button{font-size:11px;padding:8px 9px;flex:1;white-space:nowrap}.map-controls{top:183px}.map-legend{left:15px;right:65px;bottom:89px;gap:9px;font-size:9px}.bottom-tools{bottom:35px}.attribution{font-size:9px;right:8px;bottom:6px;max-width:calc(100% - 16px)}.compass{right:25px;bottom:98px}#layer-panel{right:60px;top:235px;width:210px}#detail{top:auto;bottom:80px;max-height:48%}.prototype-note{display:none}.view-switch{z-index:1}#explorer{z-index:3}#detail{z-index:8}.detail-body{padding-top:20px}}
@media(max-width:760px){body.has-detail #explorer{display:none}body.has-detail .view-switch{top:12px}body.has-detail .map-controls{top:62px}body.has-detail #detail{max-height:42%}body.has-detail #layer-panel{top:112px}}

.navigation-hint{position:absolute;left:380px;bottom:73px;font-size:10px;color:#f2f5f1;text-shadow:0 1px 4px #000;pointer-events:none}@media(max-width:1100px){.navigation-hint{display:none}}
.dimension-switch{display:flex;border-left:1px solid var(--line);padding-left:5px;margin-left:3px;gap:2px}.dimension-switch button{font-size:12px;font-weight:700;padding:9px 11px}.dimension-switch #flat{font-size:12px}.map-controls #measure{display:grid;place-items:center}.map-controls #measure.active{background:#ff891f;color:#17272e}.view-switch [hidden]{display:none}#ruler-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.ruler-point{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;display:grid;place-items:center;background:#ffda57;border:2px solid #28322a;box-shadow:0 2px 6px #0004;border-radius:50%;font:bold 11px Arial;color:#17272e}.ruler-point[hidden],#ruler-labels[hidden],#ruler-panel[hidden]{display:none}#ruler-panel{position:absolute;bottom:88px;left:380px;width:360px;border-radius:18px;padding:18px;background:var(--panel);border:1px solid var(--line);z-index:10;box-shadow:0 10px 40px #0003}#ruler-panel small{display:block;font-size:9px;letter-spacing:.6px;color:var(--muted);padding-right:20px}#ruler-total{display:block;font-size:21px;margin:10px 0}#ruler-segments{font-size:11px;color:var(--muted);white-space:nowrap;overflow:auto;max-width:100%;padding-bottom:5px}.ruler-actions{display:flex;gap:8px;margin-top:7px}.ruler-actions button{font-size:11px;padding:9px 12px}#ruler-close{position:absolute;right:8px;top:8px;border:0;padding:2px 9px;font-size:22px}.measuring .pin{pointer-events:none;opacity:.45}.measuring .navigation-hint,.measuring .map-legend{display:none}.measuring canvas{cursor:crosshair}@media(max-width:760px){.view-switch{right:12px}.view-switch button{padding:8px 5px;font-size:10px}.dimension-switch{margin-left:1px;padding-left:3px}.dimension-switch button,.dimension-switch #flat{font-size:11px;padding:8px 6px}.map-controls{top:230px}body.has-detail .map-controls,body.measuring .map-controls{top:62px}body.measuring #explorer{display:none}body.measuring .view-switch{top:12px}#ruler-panel{left:12px;right:12px;bottom:80px;width:auto;padding:15px}#ruler-total{font-size:20px}#ruler-panel small{font-size:8px}.ruler-actions button{flex:1}}