:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:#123747;background:#102d38}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffc66c;outline-offset:3px}body{display:flex;justify-content:center}button,div{-webkit-user-select:none;user-select:none}.game{width:min(100%,560px);height:100vh;height:100dvh;min-height:570px;position:relative;overflow:hidden;background:#b6d8d9;isolation:isolate;box-shadow:0 15px 90px #0008}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:manipulation;cursor:pointer}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a293d38,transparent 23%,transparent 55%,#0a283c24 79%,#051c2e22)}.header{position:absolute;top:0;left:0;right:0;padding:calc(13px + env(safe-area-inset-top)) 16px 10px;z-index:2;display:flex;justify-content:space-between;gap:8px;align-items:center;pointer-events:none}.brand{display:flex;gap:8px;align-items:center;color:#143747;text-shadow:0 2px 12px #fff9}.brand .asterisk{font-size:27px;font-weight:bold;color:#f49e54}.brand strong{font-size:20px;letter-spacing:-1px;white-space:nowrap}.brand em{font-style:normal;color:#116a7c}.brand small{display:block;font-size:10px;letter-spacing:1.4px;margin-top:1px;font-weight:800;color:#436775}.header-buttons{display:flex;gap:7px;pointer-events:auto}.icon-btn{height:40px;width:40px;border:1px solid #ffffffa8;background:#eefaf6dc;border-radius:50%;color:#1b5260;font-size:20px;font-weight:bold;box-shadow:0 6px 18px #194e6530}.icon-btn.muted{opacity:.6}.hud{position:absolute;top:calc(71px + env(safe-area-inset-top));left:15px;right:15px;z-index:3;padding:12px 15px 11px;border-radius:21px;border:1px solid #ffffffbd;background:#f8fffbeb;box-shadow:0 12px 32px #0b43503b;backdrop-filter:blur(17px);pointer-events:none}.hud-top,.hud-bottom,.hud-numbers{display:flex;align-items:center;justify-content:space-between;gap:8px}.place{font-size:12px;font-weight:900;color:#216f66}.weather{font-size:10px;color:#5d8491;font-weight:750;white-space:nowrap}.weather-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#5acfa9;box-shadow:0 0 0 3px #5acfa930;margin-right:5px}.hud-numbers{margin-top:5px;align-items:flex-end}.field-label{font-size:10px;color:#6d8b91;font-weight:750}.steps{display:flex;align-items:baseline;gap:5px}.steps strong{font-size:38px;line-height:1.1;letter-spacing:-1.6px;font-variant-numeric:tabular-nums;color:#174c5c;font-weight:950}.steps span{font-size:13px;color:#728f98;font-weight:800}.alt{text-align:right}.alt strong{font-size:17px;display:block;margin-top:6px;color:#234452;font-variant-numeric:tabular-nums}.track{position:relative;width:100%;height:7px;border-radius:14px;background:#d9e9ea;margin:9px 0 8px;overflow:visible}.track>div{width:0;height:100%;border-radius:14px;background:linear-gradient(90deg,#3a9f9c,#e4b76b);transition:width .2s}.track i{width:13px;height:13px;border:3px solid #fff;box-shadow:0 1px 5px #23566745;background:#e3a655;border-radius:50%;position:absolute;top:-3px;left:0;transition:left .2s}.hud-bottom{font-size:11px;color:#577984;font-weight:800}.point-mini{display:flex;align-items:center;gap:5px;color:#db9347}.point-mini strong{font-size:15px;color:#a76626;min-width:22px;text-align:right}.point-mini b{font-size:12px}.point-bar{height:6px;width:45px;background:#e5dacf;border-radius:10px;overflow:hidden}.point-bar div{height:100%;width:0;background:#e7a04c;transition:width .35s}.trail-badge{position:absolute;top:calc(221px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:1;padding:7px 13px;font-size:11px;white-space:nowrap;background:#123f4acb;backdrop-filter:blur(9px);color:#ecfcf2;font-weight:850;border:1px solid #b9f8e343;border-radius:20px;pointer-events:none;box-shadow:0 4px 15px #09354c40}.event-pop{position:absolute;left:50%;top:39%;transform:translate(-50%,-5px) scale(.94);max-width:90vw;opacity:0;pointer-events:none;white-space:nowrap;text-align:center;padding:10px 16px;background:#fffbedf2;border:1px solid #fff;border-radius:30px;color:#31545d;font-weight:900;font-size:13px;z-index:5;box-shadow:0 8px 20px #1047585c;transition:all .25s}.event-pop.show{opacity:1;transform:translate(-50%,0) scale(1)}.step-effect{position:absolute;top:62%;left:62%;color:white;font-weight:900;letter-spacing:.3px;font-size:20px;text-shadow:0 3px 10px #174653;opacity:0;pointer-events:none;z-index:4}.step-effect.show{animation:stepJump .55s forwards}@keyframes stepJump{0%{opacity:0;transform:translateY(8px) scale(.8)}25%{opacity:1;transform:translateY(-12px) scale(1.14)}100%{opacity:0;transform:translateY(-53px)}}.controls{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;flex-direction:column;gap:8px;padding:12px 15px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#d5e7e6f7 0%,#d4e7e5f0 68%,transparent 100%)}.mission{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #fff;border-radius:16px;background:#ffffffeb;box-shadow:0 8px 25px #1847592b;min-height:54px}.mission-icon{font-size:21px;background:#e1f0e8;border-radius:12px;width:38px;height:38px;display:grid;place-items:center}.mission-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.mission-text small{font-size:10px;color:#82979d;font-weight:700}.mission-text strong{font-size:14px;color:#285665;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission>span{white-space:nowrap;border-radius:20px;padding:6px 8px;font-size:11px;font-weight:900;color:#1f7781;background:#e5f3f2}.climb{height:69px;min-height:69px;display:flex;align-items:center;gap:12px;text-align:left;color:#fff;padding:9px 13px;border-radius:18px;border:0;background:linear-gradient(140deg,#1e8191,#185b72);box-shadow:0 5px 0 #0c4258,0 12px 20px #0b43554b;touch-action:manipulation}.climb.pressed,.climb:active{transform:translateY(4px);box-shadow:0 1px 0 #0c4258,0 8px 13px #0b43554b}.climb-hand{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ffffff2c;font-size:25px}.climb-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.climb-label strong{font-size:17px;letter-spacing:-.8px;white-space:nowrap}.climb-label small{font-size:11px;color:#ceecf0;font-weight:650}.climb>b{background:#ffffff23;padding:10px;border-radius:12px;font-size:17px}.toolbar{display:grid;grid-template-columns:1.2fr 1fr .65fr;gap:7px}.toolbar button{height:40px;border:1px solid #bcd7dc;border-radius:13px;color:#28596a;background:#fafdffdd;font-weight:850;font-size:12px;white-space:nowrap}.toolbar button span{font-size:11px;color:#f0a448}.disclaimer{font-size:9px;color:#5e808a;text-align:center;font-weight:700}.toast{position:absolute;left:50%;bottom:calc(230px + env(safe-area-inset-bottom));transform:translate(-50%,10px);opacity:0;background:#163e4de8;box-shadow:0 8px 30px #0b354b55;border-radius:24px;color:#fff;font-size:13px;font-weight:850;padding:12px 16px;white-space:nowrap;pointer-events:none;z-index:6;transition:transform .25s,opacity .25s}.toast.show{transform:translate(-50%,0);opacity:1}dialog{border:0;padding:0;border-radius:24px;width:min(91vw,440px);max-height:88dvh;overflow-y:auto;box-shadow:0 35px 90px #0a25348c;background:#f7fbf7;color:#244b55}dialog::backdrop{background:#091f32b0;backdrop-filter:blur(5px)}.dialog-card{padding:22px 23px 23px;text-align:center}.modal-eyebrow{font-size:10px;color:#438d88;letter-spacing:1.7px;font-weight:950}.dialog-card h2{font-size:23px;letter-spacing:-1px;margin:11px 0;color:#174658}.dialog-card p{color:#607783;font-size:14px;line-height:1.65}.view-image{height:170px;position:relative;border-radius:17px;background:linear-gradient(155deg,#9ed6ce,#7da7ca 42%,#d6e6e9 42%,#6e9297 100%);margin-top:12px;overflow:hidden;display:grid;place-items:center}.view-image:before{content:'';position:absolute;left:-5%;right:-5%;bottom:-28%;height:80%;background:linear-gradient(90deg,#638d84,#e5f0eb,#487d83);clip-path:polygon(0 100%,15% 15%,28% 70%,49% 0,70% 80%,85% 22%,100% 100%)}.view-image>span{font-size:68px;z-index:1;filter:drop-shadow(0 4px 10px #23465366)}.view-label{position:absolute;z-index:1;bottom:12px;left:14px;color:white;background:#184f5daa;padding:7px 12px;border-radius:20px;font-weight:900;font-size:12px}.reward{background:#fff0d7;border:1px solid #f4d09c;border-radius:13px;padding:12px;display:flex;justify-content:space-between;color:#a56720;font-size:13px;font-weight:900}.reward b{font-size:21px;color:#c17d28}.reward-gauge{height:10px;border-radius:10px;background:#e7e2d7;margin:12px 0 4px;overflow:hidden}.reward-gauge div{width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#f3c46e,#e5a052);transition:width 1s}.dialog-card .subtext{margin:4px 0 8px;font-size:11px}.primary-btn,.ghost-btn{width:100%;border-radius:12px;padding:13px;border:0;font-weight:900;margin-top:11px}.primary-btn{background:#176e7d;color:white;font-size:15px}.ghost-btn{background:#eaf1f0;color:#3c6570;font-size:12px}.album-items,.shop-items{display:flex;flex-direction:column;gap:9px;margin:18px 0;max-height:43dvh;overflow:auto}.album-item,.shop-item{display:flex;gap:11px;align-items:center;text-align:left;padding:12px;border:1px solid #d8e5e3;border-radius:12px;background:#fff}.album-item span:first-child,.shop-item .item-icon{font-size:27px}.album-item .item-info,.shop-item .item-info{flex:1}.item-info b{display:block;font-size:13px;color:#25566a}.item-info small{display:block;font-size:11px;color:#78939b;margin-top:4px}.shop-item button{border:0;border-radius:9px;color:white;background:#237e8a;font-weight:850;font-size:11px;padding:9px 11px;white-space:nowrap}.shop-item button:disabled{opacity:.5;background:#98a6a8}.shop-balance{background:#fdf0d5;color:#a7772d;border-radius:12px;padding:11px;font-size:12px;margin-top:13px}.shop-balance strong{font-size:19px}.game.look .hud{opacity:.2;transition:opacity .2s}.game.look .trail-badge{opacity:0}.game.look .controls .mission{opacity:.65}@media(min-width:700px){body{background:linear-gradient(90deg,#092a35,#375a57,#0d2d38)}}@media(max-height:720px){.header{padding-top:8px}.hud{top:54px;padding:9px 13px}.steps strong{font-size:31px}.track{margin:6px 0}.trail-badge{top:177px}.controls{gap:6px;padding-top:8px}.mission{min-height:46px;padding:5px 10px}.climb{height:58px;min-height:58px}.climb-hand{height:36px;width:36px}.climb-label strong{font-size:15px}.toolbar button{height:35px}.disclaimer{font-size:8px}.toast{bottom:205px}}@media(max-width:350px){.brand strong{font-size:18px}.hud{left:9px;right:9px}.controls{padding-left:9px;padding-right:9px}.climb-label strong{font-size:15px}}

/* A view worth climbing for: the discoverable postcard appears at every lookout. */
.view-image{background:linear-gradient(180deg,#102f4b10,#11364c23),url("vista-valley.jpg") center 43% / cover;border:1px solid #eff4f0;}
.view-image::before{display:none}
.view-image>span{position:absolute;top:12px;right:12px;z-index:1;font-size:24px;padding:5px 9px;background:#e5f5f2c9;border-radius:20px;filter:none}
.view-image.night{background-image:linear-gradient(#091e4166,#11295d66),url("vista-valley.jpg")}.view-image.snow{background-position:center 19%}.view-image.forest{background-position:center 65%}

.album-item{width:100%;font:inherit;cursor:pointer}.album-item:active{background:#e6f3ed}

/* V4: a compact vertical progress rail and small weather/altitude/P pills */
.hud{display:none!important}
.hud-rail,.hud-stats{position:absolute;z-index:3;pointer-events:none;top:calc(81px + env(safe-area-inset-top))}
.hud-rail{left:12px;width:91px;padding:11px 7px;display:flex;align-items:center;flex-direction:column;border:1px solid rgba(255,255,255,.73);border-radius:23px;background:rgba(244,252,248,.67);box-shadow:0 6px 22px rgba(14,52,63,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rail-label{font-size:11px;font-weight:900;color:#39717a;white-space:nowrap}
.rail-count{display:flex;flex-direction:column;align-items:center;line-height:1.08;margin-top:7px}
.rail-count strong{font-size:27px;font-weight:950;color:#124b5f;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.rail-count small{font-size:10px;font-weight:850;color:#4f7280;margin-top:3px}
.rail-percent{margin-top:7px;border-radius:12px;padding:3px 9px;background:#135767;color:#fff;font-size:11px;font-weight:900}
.hud-rail .track{position:relative;height:clamp(136px,22dvh,210px);width:10px;border-radius:99px;overflow:visible;margin:13px auto 10px;background:rgba(192,218,215,.98);box-shadow:inset 0 1px 5px #587f7940}
.hud-rail .track>div{position:absolute;bottom:0;left:0;right:0;width:100%!important;height:0;border-radius:99px;background:linear-gradient(0deg,#298b89,#ebae54);transition:height .22s ease-out}
.hud-rail .track i{width:19px;height:19px;left:50%!important;top:auto;transform:translate(-50%,50%);bottom:0;border:3px solid white;background:#e9a34c;box-shadow:0 1px 9px #1c566670;transition:bottom .22s ease-out}
.rail-next{text-align:center;font-weight:750;color:#4b747c;font-size:10px}
.rail-next strong{display:block;font-weight:950;font-size:12px;margin-top:3px;color:#155d6e;white-space:nowrap}
.hud-stats{right:12px;width:139px;display:flex;flex-direction:column;gap:6px}
.stat-pill{border:1px solid rgba(255,255,255,.72);background:rgba(245,252,248,.76);border-radius:15px;padding:9px 11px;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);box-shadow:0 6px 19px #153d5040;font-weight:850;color:#185269}
.stat-place{font-size:12px;line-height:1.35;word-break:keep-all}
.stat-alt>span,.stat-point-top>span{display:block;font-size:10px;color:#527781}
.stat-alt>strong{display:block;font-size:18px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:2px}
.stat-point{background:rgba(255,247,225,.88);color:#a4692f}
.stat-point-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.stat-point-top>span{color:#aa793f}
.stat-point-top strong{font-size:19px;font-variant-numeric:tabular-nums}
.stat-point .point-bar{width:100%;height:5px;margin-top:7px;background:#ead9bd}
.stat-point .point-bar>div{height:100%;background:linear-gradient(90deg,#eaa853,#d7833d);transition:width .3s}
.stat-weather{font-size:10px;padding:7px 9px;white-space:nowrap;color:#3e7075}
.stat-weather .weather-dot{margin-right:3px}
.trail-badge{display:none}
.game.look .hud-rail,.game.look .hud-stats{opacity:.13;transition:opacity .2s}
@media(max-height:720px){.hud-rail,.hud-stats{top:calc(62px + env(safe-area-inset-top))}.hud-rail{width:78px;left:9px;padding:8px 5px}.rail-count strong{font-size:23px}.hud-rail .track{height:clamp(86px,16dvh,137px);margin:9px auto}.hud-stats{right:9px;width:124px}.stat-pill{padding:7px 9px}.stat-alt>strong,.stat-point-top strong{font-size:16px}}
@media(max-width:359px){.hud-rail{left:8px;width:76px}.hud-stats{right:8px;width:122px}.stat-place{font-size:11px}.rail-count strong{font-size:24px}}