:root{font-family:Noto Sans KR,sans-serif;color:#f3f5e9;background:#b3c6b6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff24;border-radius:12px;padding:13px 18px;color:inherit;background:#ffffff0d;min-height:44px}button:hover{background:#ffffff25}button:focus-visible,a:focus-visible{outline:3px solid #dae7a3;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}header{position:absolute;top:max(28px,env(safe-area-inset-top));left:38px;right:38px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;text-shadow:0 2px 18px #173d32}.brand svg{width:42px;fill:none;stroke:currentColor;stroke-width:1.5}.brand span{font-size:25px;letter-spacing:5px;font-weight:600}.brand small{display:block;font:8px sans-serif;letter-spacing:2px;margin-top:4px}.round{border-radius:50%;width:44px;padding:0;background:#173d3266;backdrop-filter:blur(12px)}main{position:absolute;inset:0;pointer-events:none}main button,main section{pointer-events:auto}.glass{background:linear-gradient(135deg,#153d32df,#143c31b8);backdrop-filter:blur(18px);border:1px solid #d4edc52b;box-shadow:0 12px 40px #12392c18}.route{position:absolute;left:38px;top:128px;width:280px;border-radius:19px;padding:23px}.eyebrow{font-size:10px;letter-spacing:2px;color:#c7d8b6;display:flex;align-items:center;gap:8px}.dot{height:5px;width:5px;border-radius:50%;background:#d7ecac}.tag{margin-left:auto;font-size:9px;letter-spacing:0;border:1px solid #c4d8b34d;padding:3px 6px;border-radius:5px}h1{font-size:23px;font-weight:500;letter-spacing:-1px;margin:14px 0}.route-meta{font-size:10px;color:#d0dacb;display:flex;justify-content:space-between}.route-meta span{color:#738d7e}.track{height:2px;background:#ffffff29;margin:22px 0;position:relative}#bar{height:100%;background:#d4e8a8;width:0}#trail-dot{position:absolute;width:7px;height:7px;border-radius:50%;top:-2px;background:#e1edc0;left:0}.metrics{display:flex;justify-content:space-between}.metrics span{display:flex;flex-direction:column}.metrics b{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.metrics small{font-size:10px;color:#b5c7b3;margin-top:4px}.compass{position:absolute;right:48px;top:140px;color:#eef3dc;text-align:center;font:10px serif}.compass span{display:block;font-size:35px;margin-top:5px}.bottom{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));width:420px;left:50%;transform:translate(-50%)}.scene-caption{text-align:center;text-shadow:0 2px 20px #102f22,0 2px 5px #102f22;margin-bottom:24px}.scene-caption span{font-size:10px;letter-spacing:2px;color:#e0e9cd}h2{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.5}.scene-caption h2{font-size:21px;margin:9px 0}.controls{border-radius:19px;padding:20px}.status-row{display:flex;justify-content:space-between;font-size:11px;color:#dbe7c4}.status-row #count{font-variant-numeric:tabular-nums}#sensor-status{font-size:11px;line-height:1.7;color:#c1d2c0;min-height:19px;margin:10px 0 14px}.actions{display:flex;gap:8px}.primary{background:#dbe8b9;color:#203e30;border:0;text-align:left;font-weight:600;flex:1}.primary:hover{background:#ebf3d2}.primary span{float:right}.icon{width:47px;padding:0;font-size:23px}.text-button{border:0;background:none;display:block;margin:auto;padding:12px 0 0;font-size:10px;min-height:30px;color:#cdddc4}.text-button span{padding-left:10px}.safety{text-align:center;color:#fff;font-size:9px;text-shadow:0 1px 6px #173d32;margin:12px 0 0}.toast{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);padding:18px 26px;background:#183c30e6;border:1px solid #e2e9b64d;border-radius:16px;font-size:14px;text-align:center;opacity:0;transition:opacity 1s;pointer-events:none}.toast.show{opacity:1}dialog{background:#173b30;color:#eef1df;border:1px solid #c1d7ac40;border-radius:25px;width:min(440px,calc(100% - 32px));padding:32px;box-shadow:0 30px 100px #0c281c66;max-height:90dvh;overflow:auto}dialog::backdrop{background:#0b291d55;backdrop-filter:blur(5px)}dialog h2{margin:20px 0 16px}dialog p{font-size:13px;line-height:1.9;color:#cad9c4}dialog .primary{width:100%;margin-top:16px}.close:not(.wide){position:absolute;right:14px;top:12px;border:0;background:none;font-size:23px;padding:0;width:40px}.guide{display:grid;grid-template-columns:24px 1fr;gap:12px;margin:24px 0}.guide>span{font-size:10px;color:#b6c99b;padding-top:3px}.guide p{margin:0;font-size:11px}.guide b{display:block;font-size:13px;color:#eff2e3;margin-bottom:3px}.fine{font-size:10px!important;color:#a5bca3!important;line-height:1.8!important}label{display:block;font-size:13px;margin:22px 0 12px}select{display:block;width:100%;background:#284f40;border:1px solid #ffffff26;color:#eff1dc;padding:12px;border-radius:8px;margin-top:10px}.check{display:flex;gap:10px;align-items:center}input{accent-color:#d5e5ad;width:18px;height:18px}.wide{display:block;width:100%;margin-top:12px}.danger{color:#e4bbaa}#fallback{position:fixed;inset:0;background:linear-gradient(#a2b8aa,#486b51);text-align:center;padding:40vh 20px 0;color:#fff}#fallback p{font-size:12px}@media(max-width:600px){header{top:max(20px,env(safe-area-inset-top));left:22px;right:22px}.brand span{font-size:21px}.brand svg{width:35px}.route{top:100px;left:20px;width:210px;padding:17px;border-radius:15px}h1{font-size:20px;margin:10px 0}.route .eyebrow{font-size:8px;letter-spacing:1px}.route-meta{font-size:8px}.track{margin:17px 0}.metrics b{font-size:20px}.metrics small{font-size:9px}.compass{right:30px;top:114px}.bottom{width:calc(100% - 36px);max-width:420px;bottom:max(16px,env(safe-area-inset-bottom))}.controls{padding:16px}.scene-caption{margin-bottom:16px}.scene-caption h2{font-size:19px}dialog{padding:28px}.safety{font-size:8px}}@media(max-height:660px){.route{top:85px;padding:12px}.track{margin:12px 0}.scene-caption{display:none}.bottom{bottom:12px}.controls{padding:12px}}@media(max-height:660px){.route{width:calc(100% - 40px);max-width:340px;top:78px}.route h1{font-size:17px;margin:5px 0}.route-meta{display:none}.route .eyebrow{font-size:8px}.route .track{margin:10px 0}.route .metrics{justify-content:flex-start;gap:34px}.route .metrics span{flex-direction:row;align-items:baseline;gap:7px}.route .metrics b{font-size:18px}.route .metrics small{font-size:8px}.compass{top:90px;right:32px}.compass span{font-size:24px}.controls button{padding:11px 12px}.controls .icon{padding:0}.safety{margin-top:8px}}.social-pill{margin-left:auto;margin-right:12px;border-radius:30px;background:#173d32bd;font-size:11px;padding:10px 15px;backdrop-filter:blur(12px)}.world-tools{position:absolute;right:24px;top:39%;display:flex;flex-direction:column;gap:7px;z-index:2}.world-tools>button,.zoom-tools{background:#173d32c7;backdrop-filter:blur(14px);border-radius:13px;font-size:10px}.world-tools>button{padding:10px;min-width:52px}.world-tools button[aria-pressed=true]{color:#223e30;background:#e0eac6}.zoom-tools{display:flex;flex-direction:column}.zoom-tools button{padding:3px;border:0;background:none;font-size:18px}.social-toast{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);z-index:5;max-width:280px;padding:13px 18px;border-radius:15px;font-size:11px;line-height:1.7;background:#173d32ec;pointer-events:none}.photo-clean header,.photo-clean main,.photo-clean .world-tools,.photo-clean .social-toast{display:none}#restore-ui{position:fixed;bottom:24px;right:24px;background:#173d32a8;z-index:10}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-fields label{font-size:11px;margin:10px 0}.profile-fields input,.profile-fields select{width:100%;height:44px;border-radius:8px;border:1px solid #ffffff25;background:#285140;color:#f1f4e7;padding:8px;font:inherit;margin-top:8px}.social-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.social-actions button{font-size:11px;flex:1;padding:10px}.room-link{overflow-wrap:anywhere;user-select:all;font-size:10px!important;border:1px solid #ffffff25;padding:10px;border-radius:8px}.person-row{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff18;padding:8px 0;font-size:11px}.person-row span{flex:1;overflow-wrap:anywhere}.person-row small{font-size:9px;color:#c4d2bb}.person-row button{font-size:10px;padding:8px 12px}.compass{right:35px}.scene-caption{pointer-events:none}#world{touch-action:none}@media(max-width:600px){.social-pill{font-size:10px;padding:8px 11px;margin-right:7px}.world-tools{right:10px;top:36%;gap:5px}.world-tools>button{min-width:45px;padding:7px;font-size:9px}.profile-fields{gap:8px}}@media(max-height:660px){.world-tools{top:213px;right:8px}.world-tools>button{padding:5px;font-size:8px}.zoom-tools{flex-direction:row}.zoom-tools button{width:24px}.social-pill{padding:7px;font-size:9px}.brand{gap:6px}.brand span{font-size:18px;letter-spacing:3px}.brand small{font-size:6px}.brand svg{width:28px}.round{width:38px;min-height:38px}}@media(max-height:660px){.world-tools{display:grid;grid-template-columns:44px 44px;gap:4px;right:8px;top:213px}.world-tools>button{min-width:44px;padding:4px;font-size:8px}.world-tools .zoom-tools{grid-column:1/-1;justify-content:space-between}.world-tools .zoom-tools button{width:44px}}.view-hint{position:absolute;left:50%;top:28%;transform:translate(-50%);border-radius:30px;padding:10px 16px;background:#173d3277;backdrop-filter:blur(8px);color:#eff3df;font-size:10px;white-space:nowrap;transition:opacity .6s;pointer-events:none}.view-hint span{margin:0 7px;opacity:.5}.view-hint.dismissed{opacity:0}.landscape-choices{display:grid;gap:10px;margin:22px 0}.landscape-choices button{display:grid;grid-template-columns:68px 1fr;column-gap:15px;text-align:left;align-items:center;padding:10px;border:1px solid #ffffff20;background:#ffffff05}.landscape-choices button[aria-pressed=true]{border-color:#dbe8b9;background:#dbe8b914}.landscape-choices b{font-size:13px;font-weight:500;align-self:end}.landscape-choices small{font-size:10px;color:#b9cdb6;align-self:start;margin-top:6px}.sky-swatch{grid-row:span 2;width:68px;height:54px;display:block;border-radius:9px;position:relative;overflow:hidden}.sky-swatch:after{content:"";position:absolute;left:-5px;bottom:-16px;width:85px;height:40px;background:#3f6a53;border-radius:60% 90% 0 0;transform:rotate(-12deg)}.morning{background:linear-gradient(#89b2b1,#e0e5ce)}.sunset{background:linear-gradient(#889da9,#f4cfaa)}.sunset:after{background:#796e5d}.mist{background:linear-gradient(#8fa7ad,#d1ded8)}.mist:after{background:#7c9890}#landscape h2{font-size:23px}.world-tools{top:34%;gap:5px}.world-tools>button{min-height:40px}.zoom-tools button{min-height:40px}@media(max-width:600px){.view-hint{top:31%;font-size:9px;padding:8px 12px}.world-tools{top:34%}.world-tools>button{min-height:40px}.world-tools #hide-ui{font-size:8px}}@media(max-height:660px){.world-tools{top:180px}.view-hint{display:none}.world-tools>button{min-height:38px}.zoom-tools button{min-height:38px}}@media(prefers-reduced-motion:reduce){.toast,.view-hint{transition:none}}@media(max-width:600px){.world-tools{display:grid;grid-template-columns:48px 48px;right:12px;top:36%;gap:5px}.world-tools .zoom-tools{grid-column:1/-1;flex-direction:row;justify-content:space-between}.world-tools .zoom-tools button{width:48px;min-height:44px}.world-tools>button{min-height:44px;padding:6px 3px}.view-hint{top:304px;left:20px;transform:none;font-size:8px;padding:7px 10px}.compass{right:27px}}@media(max-height:700px){.view-hint{display:none}.world-tools{top:190px;grid-template-columns:44px 44px}.world-tools>button{min-height:40px}.world-tools .zoom-tools button{min-height:40px;width:44px}}.tester-entry{color:#e0eabf;border-top:1px solid #ffffff18;width:100%;margin-top:10px;padding:10px 0 0;min-height:36px}.tester-stops{display:grid;gap:10px;margin:20px 0}.tester-stops button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;min-height:56px;margin:0}.tester-stops b{font-size:13px;font-weight:500}.tester-stops span{font-size:10px;opacity:.75}#tester h2{font-size:24px}@media(max-height:660px){.tester-entry{margin-top:5px;padding-top:6px;min-height:30px}}.world-tools{display:flex;flex-direction:column;gap:6px;inset:36% 16px auto auto;transform:none}.world-tools>button{min-height:44px;min-width:50px;padding:8px 10px;font-size:10px}.view-options{position:absolute;right:calc(100% + 8px);top:0;width:216px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border:1px solid #d4edc52b;border-radius:17px;background:#173d32f2;backdrop-filter:blur(18px);box-shadow:0 12px 40px #12392c33}.view-options>button{padding:9px 6px;font-size:10px;min-height:44px}.view-options .zoom-tools{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;border:1px solid #ffffff24}.view-options .zoom-tools button{width:44%;min-height:44px}.view-options p{grid-column:1/-1;margin:3px 0 0;font-size:8px;text-align:center;color:#bed0b6}.person-actions{display:flex;gap:5px}.person-actions .join-selfie{color:#dfebbd;background:#d4e2b815}.person-row{flex-wrap:wrap}.person-row>span{min-width:80px}.scenic-view .route{top:92px;left:20px;width:min(calc(100% - 40px),390px);padding:12px 15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;border-radius:15px}.scenic-view .route .eyebrow,.scenic-view .route-meta{display:none}.scenic-view .route h1{font-size:16px;margin:0;white-space:nowrap}.scenic-view .route .metrics{gap:12px;justify-content:flex-start}.scenic-view .route .metrics span{display:flex;flex-direction:row;gap:3px;align-items:baseline}.scenic-view .route .metrics b{font-size:16px}.scenic-view .route .metrics small{font-size:7px;margin:0}.scenic-view .route .track{grid-column:1/-1;margin:2px 0 0}.scenic-view .scene-caption,.scenic-view .tester-entry,.scenic-view .view-hint{display:none}.scenic-view .bottom{width:min(440px,calc(100% - 32px));bottom:max(16px,env(safe-area-inset-bottom))}.scenic-view .controls{padding:11px 13px;border-radius:16px}.scenic-view #sensor-status{font-size:9px;line-height:1.5;margin:5px 0 8px;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scenic-view .status-row{font-size:10px}.scenic-view .safety{font-size:7px;margin-top:6px;opacity:.8}.scenic-view .world-tools{position:fixed;display:flex;flex-direction:row;justify-content:center;left:50%;right:auto;top:auto;bottom:calc(var(--hike-hud-height, 130px) + max(16px,env(safe-area-inset-bottom)) + 10px);transform:translate(-50%);gap:6px;width:max-content;max-width:calc(100% - 24px)}.scenic-view .world-tools>button{min-width:54px;padding:8px 12px}.scenic-view .view-options{right:0;top:auto;bottom:calc(100% + 8px)}.scenic-view .compass{top:160px;right:26px}.scenic-view .social-toast{top:25%;font-size:10px}.scenic-view .toast{top:28%}@media(max-height:660px){.scenic-view .route{top:77px;padding:10px 12px;gap:6px}.scenic-view .route h1{font-size:14px}.scenic-view .route .metrics{gap:8px}.scenic-view .route .metrics b{font-size:14px}.scenic-view .route .metrics small{font-size:6px}.scenic-view .compass{top:139px}.scenic-view .controls{padding:10px 12px}.scenic-view .world-tools>button{padding:8px 9px;min-width:50px}.world-tools{top:37%;right:10px}.scenic-view .social-toast{top:27%}}.scenic-view .route .metrics{grid-column:2;grid-row:1}.scenic-view .route .track{grid-row:2}body .scene-caption,body .compass,body .view-hint{display:none}body header.hike-header{position:fixed;top:max(18px,env(safe-area-inset-top));left:18px;right:18px;gap:12px;z-index:3;pointer-events:none}.hike-header button,.trail-status{pointer-events:auto}.trail-status{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 15px;background:#12372bb5;backdrop-filter:blur(12px);border:1px solid #e2ebce20;border-radius:40px}.trail-status .status-row{flex-direction:column;gap:4px;font-size:9px}.trail-status #count{font-size:13px;color:#f1f4e6}.trail-status #mode-label{font-size:8px;color:#c7d4bd}.trail-status #route-open{padding:6px 10px;min-height:44px;font-size:11px;border:0;border-radius:30px;background:#ffffff0c;font-variant-numeric:tabular-nums}.menu-toggle{margin-left:auto;border-radius:50%;width:46px;height:46px;padding:0;background:#12372bb5;backdrop-filter:blur(12px);font-size:19px}body .bottom,body.scenic-view .bottom{bottom:max(18px,env(safe-area-inset-bottom));width:min(360px,calc(100% - 36px))}body .controls,body.scenic-view .controls{padding:10px;background:#143c31b3;border-radius:23px;box-shadow:none}body #sensor-status,body.scenic-view #sensor-status{font-size:10px;line-height:1.6;margin:2px 7px 9px;display:block;-webkit-line-clamp:unset}body.hiking-active #sensor-status:not(.needs-attention){display:none}.actions{align-items:center}.actions>button{min-height:46px;border-radius:15px;font-size:12px}.actions #pause{flex:1;background:#173d3266}.actions #demo-step{flex:1}.actions #connect{padding:14px 18px}body.photo-clean .hike-header{display:none}#hike-menu{width:min(440px,calc(100% - 24px));padding:26px;border-radius:24px}#hike-menu h2{font-size:24px;margin:14px 0 20px}#hike-menu h3{font-size:11px;color:#bdd0b4;font-weight:400;margin:0 0 10px}.menu-section{border-top:1px solid #ffffff18;padding-top:17px;margin-top:17px}body #hike-menu .route{position:static;display:block;transform:none;width:100%;padding:15px;border-radius:15px;box-shadow:none;max-width:none}#hike-menu .route .eyebrow{display:flex}#hike-menu .route h1{font-size:18px;margin:10px 0}#hike-menu .route .route-meta{display:flex}#hike-menu .route .track{margin:15px 0}#hike-menu .route .metrics{display:flex;justify-content:space-between;gap:15px}#hike-menu .route .metrics span{display:flex;flex-direction:column;gap:0}#hike-menu .route .metrics b{font-size:20px}#hike-menu .route .metrics small{font-size:9px;margin-top:4px}body #hike-menu .world-tools{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:auto;max-width:none;transform:none}.world-tools #camera-more{display:none}body #hike-menu .view-options{position:static;display:grid!important;grid-column:1/-1;width:auto;background:none;box-shadow:none;border:0;padding:0;backdrop-filter:none;gap:8px}.view-options .zoom-tools{grid-column:auto;border:1px solid #ffffff24}.view-options p{display:none}.world-tools button,.menu-links button{font-size:11px!important;min-height:46px!important;padding:10px!important;border-radius:12px!important}.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-links #together-open{grid-column:1/-1;margin:0;background:#ffffff0d;backdrop-filter:none}.menu-links #info{width:auto}.menu-section #demo,.menu-section #tester-open{display:block;width:100%;text-align:left;padding:12px!important;border:1px solid #ffffff24;border-radius:12px;margin-top:8px;min-height:44px;font-size:11px}.menu-section #tester-open{border-top:1px solid #ffffff24}.photo-clean #restore-ui{font-size:10px;min-height:44px;padding:10px 15px}.photo-clean .bottom{display:none}@media(max-height:660px){body .hike-header{top:max(12px,env(safe-area-inset-top));left:14px;right:14px}.trail-status{padding-top:4px;padding-bottom:4px}body .bottom{bottom:max(12px,env(safe-area-inset-bottom))}}.hike-switches .check{margin:14px 0 6px;min-height:40px;font-size:13px}.hike-switches .fine{margin:0 0 8px 28px}.hike-only-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hike-only-actions button{font-size:11px;min-height:48px;padding:10px}.actions #new-hike{width:100%;text-align:center}.developer-jumps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.developer-jumps button{font-size:12px;min-height:46px}#developer-tools h3{color:#dfc68f}#developer-return{font-size:11px}.hike-header .together-indicator{font-size:10px;border-radius:24px;padding:8px 12px;min-height:44px;margin-left:auto;background:#12372bb5;backdrop-filter:blur(12px)}.hike-header .menu-toggle{margin-left:0}#together-open{font-size:11px}#together .primary{margin-top:12px}.avatar-name{position:fixed;z-index:2;transform:translate(-50%,-100%);padding:7px 12px;border-radius:20px;min-height:36px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;background:#173d32dc;border:1px solid #e0eac64d;box-shadow:0 3px 12px #10291e22;backdrop-filter:blur(6px)}.avatar-name:hover{background:#244f3ee8}.photo-clean .avatar-name{display:none}#nickname-edit{width:100%;height:48px;background:#285140;border:1px solid #ffffff35;border-radius:10px;color:#f2f4e8;font:inherit;padding:12px}#nickname-editor h2{font-size:24px}#nickname-form .primary{margin-top:8px}.cairn-action{position:fixed;z-index:3;left:18px;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 108px);width:190px;padding:12px;border-radius:17px;background:#173d32db;border:1px solid #dce7bf28;backdrop-filter:blur(10px)}.cairn-action>span{font-size:10px;color:#c9d7bb;display:block;margin-bottom:8px}.cairn-action button{width:100%;font-size:11px;padding:10px 8px;min-height:44px;background:#dbe8b9;color:#203e30}.cairn-action p{font-size:9px;line-height:1.6;color:#bdcfb4;margin:7px 0 0}.photo-clean .cairn-action{display:none}.developer-jumps{grid-template-columns:repeat(2,1fr)}@media(max-height:660px){.cairn-action{bottom:100px;left:12px;padding:9px;width:170px}}body.at-entrance .hike-header,body.at-entrance .bottom,body.at-entrance .cairn-action{display:none!important}.entrance{position:fixed;inset:0;z-index:4;pointer-events:none;background:linear-gradient(0deg,#122f2966,transparent 50%)}.entrance button,.entrance-board{pointer-events:auto}.arrival-skip{position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));border-radius:30px;background:#163e32bb;font-size:11px}.arrival-caption{position:absolute;left:8%;bottom:12%;text-shadow:0 2px 20px #132e22}.arrival-caption small{font-size:11px;letter-spacing:3px}.arrival-caption h1{font-size:34px;font-weight:400;margin:15px 0}.arrival-caption p{font-size:13px;color:#ecedda}.entrance-board{position:absolute;right:4%;bottom:5%;width:min(355px,calc(100% - 32px));max-height:82dvh;overflow:auto;padding:24px;border-radius:22px;background:#173e32ed;border:1px solid #e1e9cb40;box-shadow:0 12px 60px #0b281b33;backdrop-filter:blur(12px)}.entrance-board h1{font-size:20px;line-height:1.5;font-weight:500}.entrance-board p{font-size:11px;line-height:1.8}.course-distance{color:#dce5b9;margin:10px 0 18px}.course-map{list-style:none;margin:0;padding:0 0 0 11px;border-left:1px solid #c8d9b944}.course-map li{position:relative;padding:0 0 15px 12px}.course-map li:before{content:"";position:absolute;left:-15px;top:5px;width:7px;height:7px;background:#b7c99e;border-radius:50%}.course-map b,.course-map span{display:block}.course-map b{font-size:12px;font-weight:500}.course-map span{font-size:10px;margin-top:5px;color:#b9cdb1}.course-map li:last-child{padding-bottom:2px}.entry-people{color:#dce5c2}.entrance-board .fine{margin:10px 0}.entrance-board .primary{font-size:12px;text-align:center}.entry-secondary{display:flex;gap:8px;margin-top:10px}.entry-secondary button{flex:1;padding:10px 6px;font-size:10px}#breathing{text-align:center;padding:10px 0 0}.breath-orb{width:62px;height:62px;border-radius:50%;margin:24px auto 32px;background:radial-gradient(circle,#e0e8b775,#adcaa91a);border:1px solid #dce7c866;transform:scale(.8);transition:transform 3s ease,opacity 3s ease;opacity:.6}.breath-orb.inhale{transform:scale(1.3);opacity:1}#breath-skip{font-size:10px;border:0;background:none;color:#bdcfb1}body.forest-quiet .hike-header,body.forest-quiet .bottom{opacity:0;visibility:hidden;pointer-events:none}body .hike-header,body .bottom{transition:opacity .8s,visibility .8s}body.forest-quiet .cairn-action{bottom:24px}.toast{position:fixed;top:auto;bottom:24%;font-size:11px;padding:12px 18px;z-index:8;max-width:calc(100% - 40px);width:max-content}.volume-label input{display:block;width:100%;height:30px;margin-top:10px}#sound-channels{display:grid;grid-template-columns:1fr 1fr;margin-left:26px;gap:0 10px}#sound-channels .check{font-size:11px;margin:2px 0;min-height:36px}details a{color:#c8d8b5;font-size:10px}#share-card h2{font-size:21px}#card-image{display:block;width:100%;border-radius:10px}#card-status{font-size:11px}.card-save{text-align:center;padding:13px;border:1px solid #ffffff33;border-radius:12px;color:#e4ebcf;text-decoration:none;font-size:12px}@media(max-width:600px){.entrance-board{right:16px;bottom:max(18px,env(safe-area-inset-bottom));padding:20px;width:min(330px,calc(100% - 32px));max-height:78dvh}.arrival-caption{left:24px;bottom:14%}.arrival-caption h1{font-size:29px}.entrance-board h1{font-size:18px}.course-map li{padding-bottom:12px}}@media(prefers-reduced-motion:reduce){.breath-orb,body .hike-header,body .bottom{transition:none}}.night{background:linear-gradient(#0d1a2e,#33476a)}.night:after{background:#1d2c2a}.journey-bar{display:flex;gap:3px;align-items:center;margin-left:2px}.journey-bar span{--fill:0;position:relative;font-size:8px;color:#c6d4bd;padding:4px 7px;border-radius:9px;background:#ffffff10;overflow:hidden;white-space:nowrap}.journey-bar span:before{content:"";position:absolute;inset:0;width:calc(var(--fill)*100%);background:#d4e8a840;transition:width .6s}.journey-bar span.now{color:#173d32;background:#e3efc4;font-weight:600}.journey-bar span.now:before{background:#b5d58a}.journey-bar [data-jb=summit]{padding:4px 6px}@media(max-width:600px){.journey-bar span{font-size:7.5px;padding:3px 5px}}@media(max-width:380px){.journey-bar [data-jb=summit]{display:none}}.actions #descend{flex:1;background:linear-gradient(135deg,#d9b46a,#c48e4a);color:#1f2a22;border:0;font-weight:600}.actions #descend.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #e7c67a40}}.turn-pad{position:fixed;left:50%;transform:translate(-50%);bottom:calc(max(22px,env(safe-area-inset-bottom)) + 150px);display:flex;align-items:center;gap:10px;z-index:3;pointer-events:auto;color:#eef3dc;font-size:10px;text-shadow:0 1px 8px #0f2b20}.turn-pad button{width:58px;height:58px;border-radius:50%;font-size:18px;background:#12372bc8;backdrop-filter:blur(10px);border:1px solid #e2ebce40;touch-action:none;user-select:none;-webkit-user-select:none}.turn-pad button:active,.turn-pad button.hold{background:#d4e8a8;color:#173d32}.turn-pad span{background:#12372b80;padding:5px 9px;border-radius:12px}.spot-hint{position:fixed;left:50%;transform:translate(-50%);top:calc(max(18px,env(safe-area-inset-top)) + 70px);z-index:3;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 18px;border-radius:16px;background:#f4efe1e8;color:#1f3328;box-shadow:0 8px 30px #0f2b2030;text-align:center;max-width:min(86vw,360px);animation:rise .5s ease-out}.spot-hint b{font-size:14px}.spot-hint span{font-size:11px;color:#4a5d51}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.moment{position:fixed;inset:auto 0 0;z-index:6;padding:36px 26px calc(max(26px,env(safe-area-inset-bottom)) + 8px);text-align:center;background:linear-gradient(#0f2b2000,#0f2b20d0 40%,#0d241be8);color:#f6f3e4;animation:momentIn 1.4s cubic-bezier(.2,.8,.2,1)}.moment small{font-size:10px;letter-spacing:3px;color:#e3d7a8}.moment h1{font-family:serif;font-size:40px;letter-spacing:8px;margin:10px 0 4px;font-weight:600;text-shadow:0 4px 30px #f0d58a80}.moment-line{font-size:14px;margin:4px 0;color:#e8ecd8}.moment-stats{font-size:11px;color:#c8d6bd;margin:8px 0 18px;font-variant-numeric:tabular-nums}.moment-actions{display:flex;gap:8px;justify-content:center;max-width:420px;margin:0 auto}.moment-actions button{flex:1;border-radius:15px}.moment-actions .primary{background:#e3efc4;color:#173d32;border:0;font-weight:600}@keyframes momentIn{0%{opacity:0;transform:translateY(40px)}}body[data-phase=summit] .bottom .scene-caption h2,body[data-phase=down] .bottom .scene-caption h2{transition:opacity .6s}body.at-entrance .turn-pad,body.at-entrance .spot-hint,body.at-entrance .moment{display:none!important}@media(prefers-reduced-motion:reduce){.moment,.spot-hint,.actions #descend.pulse{animation:none}}.turn-pad span{white-space:nowrap}body:has(.moment:not([hidden])) .turn-pad,body:has(.moment:not([hidden])) .bottom{visibility:hidden}#done-moment h1{font-size:32px;letter-spacing:4px}#mode-label,#count,.together-indicator{white-space:nowrap}@media(max-width:600px){.trail-status{position:relative}.journey-bar{position:absolute;left:16px;right:16px;bottom:-11px;margin:0;justify-content:center}.journey-bar span{flex:1;text-align:center;box-shadow:0 1px 4px #0004;background:#183c31e6}.journey-bar span.now{background:#e3efc4}.journey-bar [data-jb=summit]{display:block;flex:.6}}.journey-bar span{isolation:isolate}.journey-bar span:before{z-index:-1}