:root{color-scheme:light;--terra: #B85C38;--terra-2: #C96F4A;--char: #3A3226;--cream: #F7F4EF;--paper: #FBF8F2;--sage: #7A8B6F;--mute: #7a7266;--line: #e6e0d6;--serif: "Libre Baskerville", Georgia, "Times New Roman", serif;--sans: Archivo, "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", "Courier New", monospace}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--cream);color:var(--char);font-family:var(--sans)}#stage{position:relative;height:100%;overflow:hidden;touch-action:none;outline:none}#sky{position:absolute;inset:0;background:linear-gradient(to top,#f7f4ef,#f4eadb 45%,#f1dcc4)}#world{position:absolute;left:0;top:0;width:min(100vw,max(720px,92vh));transform-origin:0 0;will-change:transform}#world svg{display:block;width:100%;height:auto;overflow:visible}#gauge{position:absolute;right:max(14px,env(safe-area-inset-right,0px));top:10vh;bottom:14vh;width:112px;pointer-events:none;background:#fbf8f2f0;border:1.5px solid var(--char);border-radius:18px;box-shadow:0 10px 28px #3a322638}#gauge:before{content:"YOUR CLIMB";position:absolute;top:-26px;right:0;left:0;text-align:center;font:600 9.5px/1 var(--mono);letter-spacing:.18em;color:var(--char);background:var(--paper);border:1.5px solid var(--char);border-radius:999px;padding:6px 0;width:100px;margin:0 auto}#gauge .rail,#gauge .fill{position:absolute;right:22px;width:6px;border-radius:3px}#gauge .rail{top:22px;bottom:22px;background:repeating-linear-gradient(to bottom,rgba(58,50,38,.28) 0 7px,transparent 7px 12px)}#gauge .fill{bottom:22px;background:linear-gradient(to top,#8c3f22,var(--terra))}#gauge .knob{position:absolute;right:13px;width:24px;height:24px;margin-bottom:-12px;border-radius:50%;background:var(--terra);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--char),0 0 0 7px #b85c3840}#gauge .tick{position:absolute;right:16px;transform:translateY(50%);font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#3a32268c;padding-right:26px;white-space:nowrap}#gauge .tick:after{content:"";position:absolute;right:2px;top:50%;width:9px;height:9px;margin-top:-6px;border-radius:50%;background:var(--paper);border:2px solid rgba(58,50,38,.45)}#gauge .tick.minor{font-size:0}#gauge .tick.minor:after{width:6px;height:6px;margin-top:-4px;right:4px}#gauge .tick.on{color:var(--char)}#gauge .tick.on:after{background:var(--terra);border-color:var(--char)}#gauge .tick.here{color:var(--terra)}@media(max-width:560px){#gauge{width:22px;top:12vh;bottom:34vh;right:8px;background:none;border:0;box-shadow:none;transition:opacity .3s}#gauge:before{display:none}#gauge .tick{font-size:0;right:2px;padding-right:12px}#gauge .rail,#gauge .fill{right:8px;width:4px}#gauge .knob{right:1px;width:18px;height:18px;margin-bottom:-9px}}#card{position:absolute;left:16px;right:100px;bottom:max(20px,env(safe-area-inset-bottom,0px));max-width:400px;background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--terra);padding:16px 18px;box-shadow:0 10px 30px #3a32261f;transition:transform .3s ease,opacity .3s ease}#card.swap{transform:translateY(8px);opacity:0}#card.right{left:auto;right:100px}@media(max-width:560px){#card.right{left:16px;right:16px}}#card .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}#card .where{font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}#card .load{font:500 10.5px/1 var(--mono);letter-spacing:.08em;color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap}#card h2{margin:0 0 6px;font:700 clamp(21px,5.2vw,25px)/1.2 var(--serif);text-wrap:balance}#card p{margin:0;font-size:15px;line-height:1.5;max-width:38ch;color:#4a4236}#card .sig{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#card .sig[hidden]{display:none}#card .sig b{font:400 15px/1.2 var(--serif)}#card .sig span{display:block;font:500 10.5px/1.4 var(--mono);letter-spacing:.08em;color:var(--terra);text-transform:uppercase}#card .btn{font:600 13px/1 var(--sans);letter-spacing:.04em;background:var(--char);color:var(--cream);border:0;padding:10px 14px;border-radius:3px;cursor:pointer}#card .btn:focus-visible{outline:2px solid var(--terra);outline-offset:2px}#card .note{margin-top:10px;font:400 10px/1.3 var(--mono);letter-spacing:.06em;color:#a39a8c;text-transform:uppercase}#hint{position:absolute;left:0;right:0;top:max(18px,env(safe-area-inset-top,0px));text-align:center;font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;transition:opacity .4s;pointer-events:none}#hint span{display:inline-block;background:var(--char);color:var(--cream);padding:9px 14px;border-radius:999px}@media(prefers-reduced-motion:reduce){#card,#hint{transition:none}}@media(max-width:560px){#card,#card.right{left:10px;right:40px;max-width:none;padding:11px 13px 12px;bottom:max(10px,env(safe-area-inset-bottom,0px))}#card h2{font-size:19px}#card p{font-size:13.5px;line-height:1.4;max-width:none}#card .note{display:none}#card .row{margin-bottom:5px}#card .sig{margin-top:8px;padding-top:8px}}