.live-page{color:#eef7f2;background:#07110e;height:100vh;overflow:hidden}.live-page>.live-map.mapboxgl-map{background:#10231b;width:100%;height:58%;position:absolute;inset:0 0 42%}.live-map-key{z-index:3;color:#eef7f2;background:#07110ef2;border:1px solid #385247;gap:14px;padding:10px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;top:64px;left:14px;box-shadow:0 8px 24px #0009}.live-map-key span{align-items:center;gap:6px;display:flex}.live-map-key i{border-radius:4px;width:23px;height:5px;display:inline-block;box-shadow:0 0 0 2px #07110e}.live-map-key .remaining-route{background:#ffd84d}.live-map-key .completed-route{background:#27c7ff}.live-map-key .current-location{background:#ff5367;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #fff}.live-header{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:12px;left:14px;right:14px}.live-header a,.live-header span{pointer-events:auto;color:#eef7f2;letter-spacing:1px;background:#07110ee8;border:1px solid #294138;padding:9px 11px;font-size:12px;text-decoration:none}.live-header .online{color:#78f29f}.live-header .offline{color:#ffad70}.live-sheet{z-index:4;background:#08130f;border-top:1px solid #385247;height:48%;min-height:420px;padding:18px max(18px,4vw);position:absolute;bottom:0;left:0;right:0;overflow:auto}.live-sheet.session-setup{height:60%}.live-title{justify-content:space-between;align-items:flex-start;display:flex}.live-title p,.simulation p{letter-spacing:1.5px;color:#78f29f;margin:0 0 5px;font-size:11px}.live-title h1{margin:0;font-size:clamp(22px,2.4vw,32px)}.gps{color:#62bcff;font-size:12px}.setup{gap:10px;margin:18px 0;display:flex}.setup label{color:#82968c;flex:1;font-size:12px}.setup select,.setup button,.simulation select,.simulation button{color:#eef7f2;background:#10231b;border:1px solid #385247;width:100%;margin-top:5px;padding:12px;font-size:14px}.setup button,.simulation button{color:#07110e;background:#78f29f;font-weight:800}.live-start{background:#0a1813;border:1px solid #315044;margin:18px 0;padding:18px}.trail-choice{display:block}.trail-choice>span,.mode-heading{color:#78f29f;letter-spacing:1.4px;margin:0 0 8px;font-size:11px;font-weight:800;display:block}.trail-choice select{color:#f3fbf7;background:#10231b;border:2px solid #4b7060;width:100%;min-height:54px;padding:12px 44px 12px 14px;font-size:17px;font-weight:700}.trail-choice small{color:#a8bbb0;margin-top:7px;font-size:12px;display:block}.mode-heading{margin-top:22px}.mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mode-card{background:#0c1d17;border:2px solid #385247;flex-direction:column;min-height:300px;padding:18px;display:flex}.mode-card.real-mode{border-color:#55b8ff}.mode-card.simulation-mode{border-color:#d2a83b}.mode-card p{color:#78f29f;letter-spacing:1.3px;margin:0 0 6px;font-size:10px;font-weight:800}.mode-card h2{margin:0 0 8px;font-size:21px}.mode-card>span{color:#b1c3ba;font-size:13px;line-height:1.5}.mode-card ul{color:#91a59a;margin:13px 0;padding-left:18px;font-size:12px;line-height:1.6}.mode-card label{color:#a8bbb0;margin-top:10px;font-size:11px}.mode-card select{color:#eef7f2;background:#07130f;border:1px solid #486759;width:100%;margin-top:4px;padding:10px;font-size:13px}.mode-card button{color:#07110e;background:#78f29f;border:0;width:100%;margin-top:auto;padding:13px;font-size:14px;font-weight:900}.simulation-mode button{background:#ffd84d}.live-metrics{border:1px solid #20332b;grid-template-columns:repeat(4,1fr);margin:15px 0;display:grid}.live-metrics article{border-right:1px solid #20332b;padding:13px}.live-metrics article:last-child{border:0}.live-metrics strong,.live-metrics span,.live-metrics small{display:block}.live-metrics strong{font-size:19px}.live-metrics span{color:#71847d;margin-top:4px;font-size:10px}.live-metrics small{color:#89a197;font-size:10px}.primary-warning{background:#ff9a5712;border-left:4px solid #ff9a57;padding:12px 14px}.primary-warning.high{border-color:#ff5367}.primary-warning.clear{border-color:#78f29f}.primary-warning p{letter-spacing:1.4px;color:#ffb27b;margin:0 0 5px;font-size:10px}.primary-warning strong,.primary-warning span{display:block}.primary-warning strong{font-size:15px}.primary-warning span{color:#91a59a;margin-top:5px;font-size:12px}.next-row{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0;display:grid}.next-row span{color:#71847d;background:#0c1a15;padding:9px;font-size:11px}.next-row b{color:#dce9e2;margin-bottom:4px;font-size:13px;display:block}.live-recommendation{background:#78f29f0b;border:1px solid #78f29f55;margin:10px 0;padding:12px 14px}.live-recommendation p,.live-recommendation strong,.live-recommendation span{display:block}.live-recommendation p{color:#78f29f;letter-spacing:1.4px;margin:0 0 5px;font-size:10px}.live-recommendation strong{font-size:15px}.live-recommendation span{color:#91a59a;margin-top:5px;font-size:12px}.live-actions{gap:8px;display:flex}.live-actions button{color:#07110e;background:#78f29f;border:0;padding:10px 18px;font-weight:800}.live-actions .finish{background:#ff715f}.simulation{border-top:1px solid #20332b;grid-template-columns:1fr 180px 180px 180px;align-items:end;gap:10px;margin-top:13px;padding-top:12px;display:grid}.simulation label{color:#82968c;font-size:12px}.simulation label small{color:#a8bbb0;margin-top:5px;font-size:10px;line-height:1.35;display:block}.live-sheet footer{color:#60766a;margin-top:11px;font-size:10px}.live-demo-guide{background:#78f29f12;border:1px solid #315e43;align-items:center;gap:12px;margin-bottom:12px;padding:11px 13px;font-size:12px;display:flex}.live-demo-guide b{color:#78f29f}.live-demo-guide span{color:#a8bbb0;flex:1}.live-demo-guide a{color:#78f29f}.post-hike{background:#0d2118;border:1px solid #3f6d52;margin:13px 0;padding:15px}.post-hike p{letter-spacing:1.5px;color:#78f29f;font-size:10px}.post-hike h2{margin:4px 0 12px}.post-hike>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.post-hike span{color:#91a59a;background:#08140f;padding:10px;font-size:11px}.post-hike span b,.post-hike>strong,.post-hike>small{color:#e9f3ee;margin-bottom:4px;display:block}.post-hike>strong{margin-top:10px;font-size:13px}.post-hike>small{color:#91a59a;font-size:11px}.pace-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0;display:grid}.pace-overview article{background:#0c1a15;border:1px solid #315044;padding:13px 15px}.pace-overview span,.pace-overview strong,.pace-overview small{display:block}.pace-overview span{color:#78f29f;letter-spacing:1.2px;font-size:10px}.pace-overview strong{margin-top:5px;font-size:18px}.pace-overview small{color:#a8bbb0;margin-top:4px;font-size:11px}@media (width<=760px){.live-map{inset:0 0 58%}.live-sheet{height:62%;padding:14px}.live-title h1{font-size:20px}.live-metrics{grid-template-columns:repeat(3,1fr)}.live-metrics article:nth-child(3){border-right:0}.next-row{grid-template-columns:1fr}.simulation{grid-template-columns:1fr 1fr}.simulation p{grid-column:1/-1}.pace-overview{grid-template-columns:1fr}.live-start{padding:13px}.mode-options{grid-template-columns:1fr}.mode-card{min-height:0}.live-map-key{justify-content:center;gap:10px;padding:8px;font-size:10px;top:58px;left:12px;right:12px}}