@font-face{font-family:Atkinson Hyperlegible;src:url(/timescaler/assets/AtkinsonHyperlegible-400-BrHNak5F.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/timescaler/assets/AtkinsonHyperlegible-700-GZI4o3u0.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--text:#5a4a36;--text-h:#2a1f14;--bg:#f4ecdc;--card:#fdf8eef0;--card-solid:#fdf8ee;--border:#d2b98a;--code-bg:#efe3c8;--accent:#e2742f;--accent-shadow:#a85a26;--accent-bg:#e2742f1f;--accent-border:#e2742f8c;--pine:#2f6b3c;--pine-bg:#2f6b3c24;--gold:#e3a722;--danger:#d1452f;--sky:#4f8fd6;--shadow:#2a1f142e 0 14px 28px -10px, #2a1f141a 0 4px 10px -4px;--radius:18px;--sans:"Atkinson Hyperlegible", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#d6c8a8;--text-h:#f7efdf;--bg:#1b1610;--card:#261e15eb;--card-solid:#261e15;--border:#5f4c2e;--code-bg:#2f261a;--accent:#ec8d4a;--accent-shadow:#a85a2e;--accent-bg:#ec8d4a29;--accent-border:#ec8d4a80;--pine:#7cbd86;--pine-bg:#7cbd862e;--gold:#f0bb45;--danger:#ef6a52;--sky:#6fa8ea;--shadow:#00000080 0 14px 28px -10px, #0000004d 0 4px 10px -4px}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}main{flex:1}.page{text-align:center;width:100%;max-width:1040px;margin:0 auto;padding:1.25rem 1rem 3rem}.page--wide{text-align:left;max-width:1180px}.page__lead{max-width:44ch;margin:0 auto .75rem;font-size:1.1em}h1,h2,h3{font-family:var(--sans);color:var(--text-h);margin:0 0 .5rem;line-height:1.15}h1{letter-spacing:-.01em;margin:1.25rem 0 .75rem;font-size:clamp(1.7rem,2.2vw + 1rem,2.6rem);font-weight:700}h2{text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .5rem;font-size:1.15rem;font-weight:700}p{margin:0 0 .75rem}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:6px;padding:2px 6px;font-size:.85em}button{font-family:var(--sans);letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--accent);min-height:44px;box-shadow:0 3px 0 var(--accent-shadow);cursor:pointer;border:none;border-radius:999px;padding:.7rem 1.35rem;font-size:.8rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .12s}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}button:disabled{opacity:.5;cursor:not-allowed}button[data-variant=secondary]{color:var(--text-h);background:var(--card-solid);border:1.5px solid var(--border);box-shadow:0 3px 0 var(--border)}button[data-variant=ghost]{color:var(--text-h);border:1.5px dashed var(--border);box-shadow:none;text-transform:none;background:0 0}select,input{max-width:100%;font-family:var(--sans);color:var(--text-h);background:var(--card-solid);border:2px solid var(--border);border-radius:10px;min-height:44px;padding:.45rem .7rem;font-size:1rem}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-border);outline-offset:2px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.3rem .5rem}.pill{background:var(--code-bg);color:var(--text-h);border-radius:999px;padding:.1rem .55rem;font-size:.78em;font-weight:700;display:inline-block}.pill--summit{background:var(--pine-bg);color:var(--pine)}.pill--best{background:var(--pine);color:#fff}.scene-fallback{position:absolute;inset:0}.scene-fallback--sky{background:linear-gradient(#4f8fd6,#cfe6ff);place-items:center;display:grid}.scene-loading{color:#2a1f14;background:#ffffffd9;border-radius:999px;padding:.4rem 1rem;font-weight:700;animation:1.2s ease-in-out infinite loadingPulse}@keyframes loadingPulse{0%,to{opacity:.6}50%{opacity:1}}.map-screen__hint{color:#fff;white-space:nowrap;pointer-events:none;background:#2a1f148c;border-radius:999px;margin:0;padding:.25rem .8rem;font-size:.78rem;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.climb-screen__scene{z-index:0;background:var(--sky);position:fixed;inset:0}.map-label{color:#2a1f14;text-align:center;pointer-events:none;white-space:nowrap;background:#ffffffeb;border-radius:999px;min-width:1.7em;padding:.1em .45em;font-size:.85rem;font-weight:700;display:inline-block;box-shadow:0 2px 6px #00000040}.map-label--selected{background:#ffd13b;transform:scale(1.15)}.intro-screen{background:linear-gradient(#3f86d8 0%,#9fd0ff 55%,#e8f3ff 100%);place-items:center;min-height:100svh;padding:1rem;display:grid;position:relative;overflow:hidden}.intro-screen__sky{pointer-events:none;position:absolute;inset:0}.intro-screen__sun{background:#fff4c2;border-radius:50%;width:90px;height:90px;position:absolute;top:9%;right:14%;box-shadow:0 0 60px 20px #fff4c2b3}.intro-screen__peak{border-left:32vw solid #0000;border-right:32vw solid #0000;width:0;height:0;position:absolute;bottom:0}.intro-screen__peak--far{border-bottom:38vh solid #7f93b4;left:-8vw}.intro-screen__peak--mid{border-bottom:48vh solid #5b7295;right:-14vw}.intro-screen__peak--near{border-bottom:30vh solid #2f6b3c;left:18vw}.intro-screen__cloud{background:#ffffffeb;border-radius:999px;width:140px;height:46px;position:absolute;box-shadow:40px -18px 0 6px #ffffffeb,-40px -10px 0 2px #ffffffeb}.intro-screen__cloud--a{top:18%;left:8%}.intro-screen__cloud--b{top:30%;left:60%;transform:scale(.75)}.intro-screen__card{z-index:1;border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(560px,100%);box-shadow:var(--shadow);text-align:center;padding:1.75rem 1.5rem 1.5rem;position:relative}.intro-screen__card h1{letter-spacing:-.02em;margin-top:0;font-size:clamp(2.2rem,4vw + 1rem,3.4rem)}.intro-screen__layout{z-index:1;flex-direction:column;align-items:center;gap:1rem;width:min(1100px,100%);display:flex;position:relative}.intro-hero{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:4px solid var(--card-solid);width:min(100%,38svh,520px);box-shadow:var(--shadow);background:var(--text-h);display:block}.intro-screen__more{margin:1.1rem 0 0;font-size:.95rem}@media (width>=900px){.intro-screen__layout{flex-direction:row;justify-content:center;gap:2rem}.intro-hero{width:min(46vw,520px,80svh)}}.climb-screen{min-height:100svh;position:relative}.climb-hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex;position:fixed;top:0;left:0;right:0}.climb-hud>*{pointer-events:auto}.climb-hud__group{background:var(--card);box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.35rem .6rem;display:flex}.climb-hud__peak{margin:0;padding-left:.3rem;font-size:1rem}.climb-hud__readout{background:var(--code-bg);border-radius:999px;padding:.1rem .6rem;font-size:.95rem}.climb-hud__readout strong{color:var(--text-h);font-size:1.1em}.climb-hud__move{color:var(--accent);font-weight:700;animation:.42s ease-out hudPop}.climb-hud__streak{background:var(--gold);color:#2a1f14;border-radius:999px;padding:.1rem .6rem;font-size:.85rem;font-weight:700;animation:.42s ease-out hudPop}.climb-hud__meter{align-items:center;gap:.35rem;display:flex}.climb-hud__label{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.climb-hud button{min-height:36px;padding:.4rem .9rem;font-size:.7rem}.mute-button{border-radius:50%;place-items:center;width:36px;min-width:36px;display:inline-grid;padding:0!important}@media (width<=640px){.climb-hud{align-items:flex-start;gap:.35rem;padding:.4rem .5rem}.climb-hud__group{gap:.4rem;padding:.25rem .5rem}.climb-hud__peak{white-space:nowrap;text-overflow:ellipsis;max-width:7.5rem;font-size:.8rem;overflow:hidden}.climb-hud__readout{padding:0 .4rem;font-size:.8rem}.climb-hud__label{display:none}.climb-hud__move{font-size:.8rem}.climb-hud button{min-height:32px;padding:.3rem .6rem;font-size:.62rem}.mute-button{width:32px;min-width:32px}.climb-card{max-height:56svh}}.climb-card{z-index:2;max-height:60svh;padding:.9rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);text-align:center;border-radius:22px 22px 0 0;position:fixed;bottom:0;left:0;right:0;overflow:auto}.climb-card__prompt{color:var(--text-h);margin:.6rem 0 .5rem;font-size:1.15rem;font-weight:700}.climb-card__display{justify-content:center;margin-bottom:.5rem;display:flex}.climb-card__display:empty{display:none}.climb-card__answer{justify-content:center;display:flex}.climb-card__stack{flex-direction:column;align-items:center;gap:.6rem;display:flex}.climb-card__explain{background:var(--pine-bg);color:var(--pine);border-radius:12px;margin:.75rem 0 0;padding:.5rem .75rem;font-weight:700}@media not all and (width>=720px) and (aspect-ratio>=1){.climb-card__prompt{margin:.5rem 0 .4rem;font-size:1.05rem}.climb-card__display{margin-bottom:.4rem}.climb-card__explain{z-index:1;background:linear-gradient(var(--pine-bg), var(--pine-bg)), var(--card-solid);box-shadow:var(--shadow);margin:0;position:absolute;top:.6rem;left:.75rem;right:.75rem}.climb-screen[data-revealing=true] .climb-card__prompt{visibility:hidden}}@media (width>=720px) and (aspect-ratio>=1){.climb-card{border-radius:var(--radius);flex-direction:column;justify-content:center;width:min(44vw,560px);max-height:none;padding:1.25rem;display:flex;inset:5rem 1rem 1rem auto;overflow:auto}}@media (width>=720px) and (aspect-ratio>=1) and (height<=520px){.climb-card{justify-content:flex-start;padding:.6rem .9rem;top:3.4rem;bottom:.5rem;right:.5rem}.climb-card__prompt{margin:.4rem 0 .3rem;font-size:1rem}}.climb-title{z-index:3;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem 1.6rem;animation:2.6s ease-in-out both titleCard;display:flex;position:fixed;top:22%;left:50%;transform:translate(-50%)}.climb-title__peak{color:var(--text-h);font-size:clamp(1.4rem,3vw + .5rem,2.2rem);font-weight:700}.climb-title__level{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}@keyframes titleCard{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.92)}12%,80%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.98)}}@media (width>=720px) and (aspect-ratio>=1){.climb-title{left:28%}}@media (aspect-ratio<=1){.climb-title{margin-bottom:.6rem;top:auto;bottom:60svh}}.climb-screen[data-revealing=true][data-move=hop] .climb-card,.climb-screen[data-revealing=true][data-move=summit] .climb-card{animation:.7s ease-out cardGood}.climb-screen[data-revealing=true][data-move=slip] .climb-card,.climb-screen[data-revealing=true][data-move=fall] .climb-card{animation:.5s ease-out cardBad}@keyframes cardGood{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--pine) 70%, transparent), var(--shadow)}to{box-shadow:0 0 0 18px transparent, var(--shadow)}}@keyframes cardBad{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes hudPop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.result-screen{place-items:end center;min-height:100svh;padding:1rem;display:grid;position:relative}.result-card{z-index:1;border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(520px,100%);box-shadow:var(--shadow);text-align:center;padding:1.5rem 1.25rem 1.25rem;animation:.5s cubic-bezier(.2,.9,.3,1.2) cardRise;position:relative}.result-card h1{margin-top:0}.result-card__tier{color:var(--pine);font-weight:700}.result-card__reward{color:var(--text-h);flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-weight:700;display:flex}.result-card__reward>span,.rewards-chip,.peak-card__trophies{align-items:center;gap:.3rem;display:inline-flex}.result-card__note{font-size:.9rem}.result-card__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.result-card__burst{pointer-events:none;position:absolute;top:0;left:50%}@media (width>=720px) and (aspect-ratio>=1){.result-screen{place-items:center end;padding-right:2rem}}@keyframes cardRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.fell-message{color:var(--accent);font-style:italic;font-weight:700}.confetti-piece{opacity:0;border-radius:2px;width:10px;height:14px;position:absolute}.summit-ribbon{background:var(--gold);color:#2a1f14;letter-spacing:.08em;border-radius:999px;margin-bottom:.4rem;padding:.25rem 1rem;font-weight:700;display:inline-block;transform:rotate(-4deg)}.summit-badge{margin:.25rem 0 .5rem;font-size:3rem;line-height:1;display:block}.map-screen__scene{background:#d6ecff;height:clamp(300px,52svh,620px);position:relative}.map-screen__bar{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex;position:absolute;top:0;left:0;right:0}.map-screen__bar>*{pointer-events:auto}.map-screen__title{background:var(--card);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;margin:0;padding:.4rem .9rem;font-size:1.05rem}@media (width<=640px){.map-screen__title{display:none}}.map-screen__bar-left{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.map-screen__bar-actions{gap:.4rem;display:flex}.map-screen__bar button{min-height:36px;padding:.4rem .9rem;font-size:.7rem}[data-testid=profile-chip]{background:var(--card);box-shadow:var(--shadow);color:var(--text-h);border-radius:999px;padding:.3rem .7rem .3rem .35rem;font-weight:700}.rewards-chip{background:var(--card);box-shadow:var(--shadow);color:var(--text-h);white-space:nowrap;border-radius:999px;padding:.35rem .75rem;font-weight:700}.rewards-chip__sep{opacity:.5}.peak-card__trophies{gap:.1rem}.profile-chip__animal{color:#fff;text-shadow:0 1px 2px #0006;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:inline-grid}.map-screen__list{text-align:left;flex-direction:column;gap:1rem;padding-top:.75rem;display:flex}.peak-card{border-radius:var(--radius);background:var(--card-solid);border:2px solid var(--peak-flag,var(--accent));border-left:8px solid var(--peak-rock,var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--peak-flag,var(--accent)) 35%, transparent), var(--shadow);flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex}.peak-card__name{text-transform:none;letter-spacing:0;margin:0;font-size:1.25rem}.peak-tiles{grid-template-columns:1fr;gap:.5rem;display:grid}@media (width>=760px){.peak-tiles{grid-template-columns:1fr 1fr}}button.peak-tile{text-align:left;text-transform:none;letter-spacing:normal;width:100%;min-height:0;color:var(--text);background:var(--card-solid);border:2px solid var(--border);border-left:6px solid var(--peak-rock,var(--border));box-shadow:none;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.55rem .8rem;font-size:1rem;font-weight:400;display:flex}button.peak-tile:hover:not(:disabled){filter:none;border-color:var(--peak-flag,var(--accent));border-left-color:var(--peak-rock,var(--border))}button.peak-tile--selected{border-color:var(--peak-flag,var(--accent));border-left-color:var(--peak-rock,var(--border));background:color-mix(in srgb, var(--peak-flag,var(--accent)) 14%, var(--card-solid))}.peak-tile .peak-card__number{width:1.7rem;height:1.7rem;font-size:.9rem}.peak-tile__title{color:var(--text-h);flex-direction:column;flex:140px;line-height:1.25;display:flex}.peak-tile .peak-card__emphasis{font-size:.85rem}.peak-tile .peak-card__status{font-size:.8rem}.peak-card__head{flex-wrap:wrap;align-items:flex-start;gap:.6rem;display:flex}.peak-card__number{background:var(--peak-rock,var(--border));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-weight:700;display:inline-grid}.peak-card__title{color:var(--text-h);flex-direction:column;flex:160px;display:flex}.peak-card__emphasis{color:var(--text);font-size:.9rem}.peak-card__status{flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.9rem;display:flex}.peak-card__actions{align-items:center;gap:.5rem;display:flex}.peak-card__actions select{min-width:4.2rem}.peak-card__details{font-size:.9rem}.peak-card__details summary{cursor:pointer;font-weight:700}.pick-grid{grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:1rem;display:grid}@media (width>=720px){.pick-grid{grid-template-columns:repeat(3,1fr)}}.pick-card{border-radius:var(--radius);background:var(--card-solid);border:2px solid var(--border);box-shadow:0 4px 0 var(--border);color:var(--text-h);text-transform:none;letter-spacing:normal;flex-direction:column;align-items:stretch;gap:.2rem;min-height:0;padding:.6rem .6rem .9rem;font-size:1rem;transition:transform .12s,border-color .12s;display:flex}.pick-card:hover:not(:disabled),.pick-card:focus-visible{border-color:var(--accent-card,var(--accent));filter:none;transform:translateY(-3px)}.pick-card__stage{aspect-ratio:1;background:linear-gradient(#cfe6ff,#f2f7fb);border-radius:14px;display:block;position:relative;overflow:hidden}.pick-card__name{margin-top:.4rem;font-size:1.2rem;font-weight:700}.pick-card__tagline{color:var(--text);font-size:.85rem;font-weight:400}.boost-pip-row{position:relative}.boost-pip-row--full{border-radius:6px;overflow:hidden}.debug-scene__stage{position:fixed;inset:0}.debug-scene__controls{z-index:5;background:var(--card);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;font-size:.85rem;display:flex;position:fixed;bottom:0;left:0;right:0}.debug-scene__pick{background:var(--bg);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid;position:absolute;inset:0}.debug-scene__card{background:var(--code-bg);border-radius:16px;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.boost-pip--charging{animation:1.6s ease-in-out infinite boostPipBreathe}.boost-pip-row--full:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffb3 50%,#0000 80%);animation:1.4s linear infinite boostWaveSweep;position:absolute;inset:0}.confetti-piece{animation:1.4s ease-out forwards summitConfettiFly}.summit-ribbon{animation:.6s cubic-bezier(.2,.9,.3,1.3) both summitRibbonDrop}.summit-badge{animation:.5s cubic-bezier(.2,.9,.3,1.4) .3s both summitBadgeStamp}.intro-screen__cloud--a{animation:46s linear infinite cloudDrift}.intro-screen__cloud--b{animation:64s linear infinite reverse cloudDrift}}@media (prefers-reduced-motion:reduce){.confetti-piece{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}.climb-hud__move,.climb-hud__streak,.climb-card,.result-card{animation:none!important}.climb-title{animation:none}}@keyframes boostPipBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.18)}}@keyframes boostWaveSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes summitConfettiFly{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}}@keyframes summitRibbonDrop{0%{opacity:0;transform:translateY(-20px)rotate(-10deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes summitBadgeStamp{0%{opacity:0;transform:scale(2.5)}to{opacity:1;transform:scale(1)}}@keyframes cloudDrift{0%{transform:translate(-20vw)}to{transform:translate(110vw)}}.chip-button{min-height:0;box-shadow:none;color:var(--text-h);letter-spacing:normal;text-transform:none;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:0;font-size:1rem;display:inline-flex}.chip-button:hover:not(:disabled),.chip-button:focus-visible{filter:none;border-color:var(--accent)}.chip-button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.chip-button.rewards-chip{background:var(--card-solid);box-shadow:var(--shadow);padding:.35rem .75rem}.mute-button{color:var(--text-h);background:var(--card-solid)!important;border:2px solid var(--border)!important;box-shadow:var(--shadow)!important}.map-recenter{z-index:2;background:var(--card-solid);border:2px solid var(--border);width:44px;height:44px;min-height:0;box-shadow:var(--shadow);color:var(--text-h);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:.8rem;right:.8rem}.map-recenter:active:not(:disabled){box-shadow:var(--shadow);transform:translateY(1px)}@media (width<=640px){.map-screen__hint{white-space:normal;text-align:left;max-width:calc(100% - 4.5rem);left:.8rem;transform:none}}.profile-select{justify-content:center;align-items:flex-start;padding-top:clamp(1.5rem,8vh,4rem);display:flex}.profile-select__card{border-radius:var(--radius);background:var(--card-solid);border:2px solid var(--border);width:min(480px,100%);box-shadow:var(--shadow);padding:1.75rem 1.5rem}.profile-select__card h1{margin:0 0 1.25rem}.profile-select__list{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.profile-select__list button{padding:.85rem 1.6rem;font-size:.95rem}.profile-select__new{margin-top:1.25rem}.profile-select__list+.profile-select__form{border-top:1.5px dashed var(--border);margin-top:1.5rem;padding-top:1.5rem}.profile-select__form{text-align:left;flex-direction:column;gap:.5rem;display:flex}.profile-select__form label{color:var(--text-h);font-weight:700}.profile-select__form input{width:100%}.profile-select__actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.profile-screen{text-align:left}.profile-screen__top{justify-content:flex-start;display:flex}.profile-hero{border-radius:var(--radius);background:var(--card-solid);border:2px solid var(--border);box-shadow:var(--shadow);grid-template-columns:minmax(160px,240px) 1fr;align-items:center;gap:1rem;margin:1rem 0 1.5rem;padding:1rem;display:grid}.profile-hero__stage{aspect-ratio:1;background:linear-gradient(#cfe6ff,#f2f7fb);border-radius:16px;position:relative;overflow:hidden}.profile-hero h1{margin:0 0 .25rem}.profile-hero__animal{margin:0 0 .75rem}.profile-hero__stats{flex-wrap:wrap;gap:.4rem;display:flex}.stat-pill{background:var(--code-bg);color:var(--text-h);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-weight:700;display:inline-flex}@media (width<=560px){.profile-hero{text-align:center;grid-template-columns:1fr}.profile-hero__stage{max-width:220px;margin:0 auto}.profile-hero__stats{justify-content:center}}.profile-section{margin-bottom:1.75rem;scroll-margin-top:.5rem}.profile-section__lead{margin-top:-.25rem}.animal-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}@media (width>=640px){.animal-grid{grid-template-columns:repeat(6,1fr)}}.animal-tile{background:var(--card-solid);border:2px solid var(--border);min-height:0;box-shadow:0 3px 0 var(--border);color:var(--text-h);letter-spacing:normal;text-transform:none;border-radius:16px;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .4rem;font-size:.95rem;display:flex}.animal-tile:hover:not(:disabled),.animal-tile:focus-visible{filter:none;border-color:var(--accent-card,var(--accent));transform:translateY(-2px)}.animal-tile--selected{border-color:var(--accent-card,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-card,var(--accent)) 35%, transparent), 0 3px 0 var(--border)}.animal-tile__badge{background:var(--accent-card,var(--accent));color:#fff;text-shadow:0 1px 2px #0006;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.3rem;font-weight:700;display:grid}.animal-tile__name{font-weight:700}.animal-tile__tag{color:var(--pine);font-size:.7rem;font-weight:700}.coin-purse{background:var(--card-solid);border:2px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:.8rem 1rem}.coin-purse__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.coin-purse__head>span{align-items:center;gap:.3rem;display:inline-flex}.coin-purse__hint{font-size:.85rem}.coin-purse__bar{background:var(--code-bg);border-radius:7px;height:14px;overflow:hidden}.coin-purse__fill{background:linear-gradient(90deg, var(--gold), #ffd96b);height:100%;transition:width .4s}.muted{color:var(--text);text-transform:none;letter-spacing:normal;font-weight:400}.badge-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}@media (width>=720px){.badge-grid{grid-template-columns:repeat(4,1fr)}}.badge{background:var(--card-solid);border:2px solid var(--border);opacity:.75;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:.5rem;padding:.6rem .7rem;display:grid}.badge--earned{opacity:1;border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, var(--card-solid))}.badge__icon{color:var(--gold);grid-row:1/span 2;align-self:center;font-size:1.6rem;line-height:1}.badge__title{color:var(--text-h);font-weight:700}.badge__blurb,.badge__progress{grid-column:2;font-size:.82rem}.badge__progress{color:var(--accent);font-weight:700}.trophy-case{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.trophy-shelf{background:var(--card-solid);border:2px solid var(--border);border-left:8px solid var(--peak-rock,var(--border));border-radius:14px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:.2rem .6rem;padding:.55rem .8rem;display:grid}.trophy-shelf__peak{color:var(--text-h);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.trophy-shelf__status{grid-column:1;font-size:.85rem}.trophy-shelf__trophies{flex-wrap:wrap;grid-area:1/2/span 2;justify-content:flex-end;gap:.3rem;display:inline-flex}.trophy-shelf__empty{color:var(--text);font-size:.8rem}.trophy-mark{background:color-mix(in srgb, var(--gold) 22%, var(--card-solid));border:2px solid var(--gold);border-radius:50%;place-items:center;width:36px;height:36px;display:inline-grid;position:relative}.trophy-mark--newBest{background:color-mix(in srgb, var(--sky) 18%, var(--card-solid));border-color:var(--sky)}.trophy-mark__level{background:var(--text-h);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:18px;position:absolute;bottom:-6px;right:-6px}.numbers{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin:0;display:grid}.numbers>div{background:var(--card-solid);border:2px solid var(--border);border-radius:14px;padding:.6rem .8rem}.numbers dt{font-size:.8rem}.numbers dd{color:var(--text-h);margin:0;font-size:1.4rem;font-weight:700}