:root{--ink: #23303f;--ink-soft: #4a5a6e;--paper: #fff9ef;--sky: #dff1ff;--accent: #ff4d6d;--peak: #ff8c42;--climb: #3a86ff;--dip: #6c757d;--green: #2f6b3a;--radius: 18px;--font-display: "Fredoka", system-ui, sans-serif;--font-hand: "Patrick Hand", "Comic Sans MS", cursive}*{box-sizing:border-box}html,body{margin:0;background:linear-gradient(180deg,#bfe3ff 0%,var(--sky) 40%,var(--paper) 100%);color:var(--ink);font-family:var(--font-display);min-height:100%;-webkit-text-size-adjust:100%}.page{max-width:1280px;margin:0 auto;padding:20px 14px 48px}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.hero-face{flex:0 0 auto;width:92px;height:92px;border-radius:50%;border:5px solid #fff;box-shadow:0 10px 30px #23303f2e;overflow:hidden;background:#fff}.hero-face img{width:100%;height:100%;display:block}h1{margin:0;font-size:clamp(42px,11vw,76px);line-height:1;font-weight:700;letter-spacing:-.02em}.thirty{color:var(--accent);display:inline-block;transform:rotate(-4deg)}.tagline{margin:8px 0 0;font-family:var(--font-hand);font-size:clamp(20px,5.5vw,28px);line-height:1.25;color:var(--ink-soft)}.tagline strong{color:var(--ink)}.mountain-wrap{background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column}.mountain-scroller{border-radius:calc(var(--radius) - 3px) calc(var(--radius) - 3px) 0 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mountain-stage{position:relative;min-width:980px}.mountain-svg{display:block;width:100%;height:auto;border-radius:calc(var(--radius) - 3px) calc(var(--radius) - 3px) 0 0}.flag-year{font-family:var(--font-display);font-weight:600;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.flag:hover .flag-year{fill:var(--accent)}.sign-text{font-family:var(--font-display);letter-spacing:.04em}.callout-anchor{display:none;position:absolute;transform:translate(-50%,-100%);z-index:2;pointer-events:none}.callout{position:relative;width:250px;background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;padding:10px 12px 12px;box-shadow:4px 4px 0 var(--ink)}.callout:after{content:"";position:absolute;left:50%;bottom:-11px;width:16px;height:16px;background:var(--paper);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:translate(-50%) rotate(45deg)}.callout-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.callout-emoji{font-size:18px}.callout-title{font-weight:700;font-size:17px;margin-top:2px}.callout-blurb{font-family:var(--font-hand);font-size:16px;line-height:1.25;margin-top:4px;color:var(--ink-soft)}.panel{padding:16px 16px 14px;border-top:3px solid var(--ink);background:#fff}.panel.future{background:#fff3f5}.panel-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:600;color:var(--ink-soft);font-size:14px}.panel-emoji{font-size:24px}.panel-year{font-size:20px;color:var(--ink)}.panel-tag{margin-left:auto;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:2px solid var(--ink)}.panel.future .panel-tag{background:var(--accent);color:#fff;border-color:var(--accent)}.panel h2{margin:8px 0 4px;font-size:24px;line-height:1.15}.panel p{margin:0;font-family:var(--font-hand);font-size:20px;line-height:1.3;color:var(--ink-soft)}.panel-hint{margin-top:10px!important;font-family:var(--font-display)!important;font-size:13px!important;opacity:.7}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px 14px;border-top:3px solid var(--ink);background:var(--paper);border-radius:0 0 calc(var(--radius) - 3px) calc(var(--radius) - 3px)}.btn{font:inherit;font-size:14px;font-weight:600;padding:8px 12px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s;touch-action:manipulation}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.primary{background:var(--accent);color:#fff}.scrub{display:flex;align-items:center;gap:10px;flex:1 1 100%;font-size:13px;font-weight:600;color:var(--ink-soft)}.scrub input{flex:1;min-width:0;accent-color:var(--accent);height:28px}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13px;font-weight:500;color:var(--ink-soft)}.legend-item{display:flex;align-items:center;gap:8px}.sw{width:14px;height:14px;border-radius:4px;border:2px solid var(--ink);display:inline-block;flex:0 0 auto}.sw.summit{background:var(--accent)}.sw.peak{background:var(--peak)}.sw.up{background:var(--climb)}.sw.dip{background:var(--dip)}footer{margin-top:36px;text-align:center;color:var(--ink-soft);font-size:13px;padding:0 8px}footer p{margin:0}footer .sig{font-family:var(--font-hand);font-size:24px;color:var(--ink);margin-top:8px}@media (min-width: 700px){.page{padding:32px 20px 60px}.hero{flex-direction:row;align-items:center;gap:28px;margin-bottom:22px}.hero-face{width:132px;height:132px;border-width:6px}.tagline{margin-top:10px}.mountain-wrap{box-shadow:6px 6px 0 var(--ink)}.panel{padding:20px 24px}.panel h2{font-size:28px}.panel p{font-size:22px}.controls{padding:14px 16px;gap:12px}.btn{font-size:15px;padding:9px 14px}.scrub{flex:1 1 260px;margin-left:auto}.legend{font-size:14px;gap:8px 22px}footer{font-size:14px}}@media (min-width: 1040px){.mountain-scroller{overflow:visible}.callout-anchor{display:block}}@media (prefers-reduced-motion: reduce){.btn{transition:none}}