:root{--tm-header:#1d2c2e;--tm-menu:#e36610;--tm-text:#fff;--tm-font:Arial,sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--tm-font);color:#162326;background:#dbe3df}.map{position:fixed;inset:0}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;padding:calc(.55rem + var(--safe-top)) .8rem .55rem;display:grid;grid-template-columns:52px minmax(0,1fr) 48px;align-items:center;gap:.65rem;background:var(--tm-header);color:var(--tm-text);box-shadow:0 4px 20px rgba(0,0,0,.2)}.org-button,.info-button{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:var(--tm-text);cursor:pointer}.org-button img{width:44px;height:44px;border-radius:50%;object-fit:contain;background:#fff}.trail-title{min-width:0;text-align:center}.trail-title strong,.trail-title span{display:block;overflow:hidden;text-overflow:ellipsis}.trail-title strong{font-size:clamp(1rem,4vw,1.28rem);white-space:nowrap}.trail-title span{font-size:.78rem;opacity:.84;margin-top:.16rem;white-space:nowrap}.info-button{font-weight:900;font-size:1.15rem}.controls{position:fixed;z-index:20;left:50%;bottom:calc(.7rem + var(--safe-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));gap:.35rem;width:min(96vw,620px);padding:.4rem;border-radius:17px;background:color-mix(in srgb,var(--tm-menu) 92%,#000 8%);box-shadow:0 12px 35px rgba(0,0,0,.3)}.control{min-height:55px;border:0;border-radius:12px;background:rgba(255,255,255,.11);color:var(--tm-text);font-weight:800;font-size:.72rem;line-height:1.1;cursor:pointer}.control.primary{background:#fff;color:#1d2c2e}.control[disabled]{opacity:.32}.map-tools{position:fixed;z-index:15;right:.7rem;bottom:calc(82px + var(--safe-bottom));display:grid;gap:.45rem}.map-tool{width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#1d2c2e;box-shadow:0 4px 16px rgba(0,0,0,.22);font-size:1.15rem;cursor:pointer}.route-status{position:fixed;z-index:14;top:calc(76px + var(--safe-top));left:50%;transform:translateX(-50%);max-width:90vw;padding:.6rem .9rem;border-radius:999px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.2);font-size:.8rem;font-weight:750;display:none}.route-status.visible{display:block}.sheet{border:0;padding:0;background:transparent;max-width:none;max-height:none}.sheet::backdrop{background:rgba(6,15,16,.66)}.sheet-card{position:fixed;left:0;right:0;bottom:0;max-height:min(82vh,760px);overflow:auto;padding:1.1rem 1.1rem calc(1.4rem + var(--safe-bottom));border-radius:22px 22px 0 0;background:var(--tm-header);color:var(--tm-text);box-shadow:0 -20px 45px rgba(0,0,0,.28)}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sheet-head h2{margin:.25rem 0}.sheet-close{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:var(--tm-text);font-size:1.1rem;cursor:pointer}.sheet p{line-height:1.6}.sheet a{color:inherit}.gallery{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:1rem -.25rem 0;padding:.25rem .25rem 1rem}.media-item{flex:0 0 100%;scroll-snap-align:center;margin:0}.media-item img,.media-item video,.media-item iframe{display:block;width:100%;max-height:56vh;object-fit:contain;border:0;border-radius:13px;background:#101718}.media-item iframe{aspect-ratio:16/9}.media-item figcaption{padding:.65rem .2rem 0;font-size:.9rem}.empty-content{padding:2rem 0;text-align:center;opacity:.8}.scan-video{display:block;width:100%;max-height:58vh;object-fit:cover;border-radius:14px;background:#000}.scan-message{min-height:1.5rem;text-align:center}.switch-camera{width:100%;margin-top:.5rem;padding:.75rem;border:0;border-radius:10px;font-weight:800}.mapboxgl-popup-content{background:var(--tm-header)!important;color:var(--tm-text)!important;border-radius:10px!important}.mapboxgl-popup-tip{border-top-color:var(--tm-header)!important;border-bottom-color:var(--tm-header)!important}@media(min-width:760px){.sheet-card{left:50%;right:auto;bottom:1rem;width:min(620px,90vw);transform:translateX(-50%);border-radius:22px}.controls{bottom:1.2rem}.topbar{left:50%;right:auto;width:min(720px,96vw);transform:translateX(-50%);border-radius:0 0 17px 17px}.media-item{flex-basis:92%}}@media(max-width:390px){.controls{gap:.22rem}.control{font-size:.63rem;min-width:0}.topbar{grid-template-columns:45px 1fr 45px}.org-button,.info-button{width:43px;height:43px}.org-button img{width:39px;height:39px}}