:root{--forest:#172c22;--paper:#f7efcf;--lime:#c8ff72;--line:#617064}*{box-sizing:border-box}body{margin:0;background:var(--forest);color:var(--paper);font-family:Georgia,"Times New Roman",serif}main{min-height:100vh;max-width:760px;margin:auto;padding:max(1.4rem,env(safe-area-inset-top)) 1.4rem max(1.5rem,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:.7rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.mark{border:1px solid var(--paper);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font:700 1rem Arial}header div:nth-child(2){display:flex;flex-direction:column;font:700 .7rem/1.1 Arial;letter-spacing:.14em}header span{font-weight:400;color:#b8c0b4}header button{margin-left:auto;background:none;border:1px solid var(--line);color:var(--paper);padding:.7rem;border-radius:99px;font:700 .6rem Arial;letter-spacing:.1em}header button i{color:var(--lime)}.welcome{padding:8vh 0 2rem}.stairs-art{height:180px;display:flex;align-items:flex-end;margin-bottom:2rem}.stairs-art i{display:block;width:25%;background:var(--lime);border:1px solid var(--forest)}.stairs-art i:nth-child(1){height:25%}.stairs-art i:nth-child(2){height:50%}.stairs-art i:nth-child(3){height:75%}.stairs-art i:nth-child(4){height:100%}.welcome>p,.summit>p,#level{font:700 .65rem Arial;letter-spacing:.2em;color:var(--lime)}h1{font-size:clamp(3rem,10vw,5.7rem);line-height:.88;letter-spacing:-.055em;margin:.8rem 0 2.5rem;font-weight:400}h1 em{color:var(--lime)}.welcome button,.summit button{border:0;background:var(--lime);color:var(--forest);font:800 .75rem Arial;letter-spacing:.12em;padding:1.1rem 1.5rem}.hidden{display:none!important}.quiz{display:grid;grid-template-columns:70px 1fr;gap:clamp(1rem,6vw,4rem);min-height:78vh;padding-top:2rem}.ladder{display:flex;flex-direction:column}.step{flex:1;display:grid;place-items:center;border-left:1px solid var(--line);font:700 .7rem Arial;color:#819086;position:relative}.step:before{content:"";position:absolute;left:-4px;width:7px;height:7px;background:var(--line);border-radius:50%}.step.active{color:var(--lime);border-color:var(--lime)}.step.active:before,.step.done:before{background:var(--lime)}.step.done{color:var(--paper)}article{display:flex;flex-direction:column;justify-content:center}article h2{font-size:clamp(2rem,7vw,3.6rem);line-height:1.02;font-weight:400;margin:.7rem 0 2rem}.options{display:grid;gap:.7rem}.options button{border:1px solid var(--line);background:transparent;color:var(--paper);padding:1rem;text-align:left;font:400 1rem/1.3 Georgia}.options button:hover,.options button:focus{border-color:var(--lime)}.options button.correct{background:var(--lime);color:var(--forest)}.options button.wrong{border-color:#f28b73;color:#f28b73}.note{min-height:3.5rem;margin-top:1rem;color:#c1c8bd;font:400 .9rem/1.45 Arial}.summit{padding-top:20vh}.summit h2{font-size:clamp(3rem,12vw,6rem);line-height:.86;margin:.6rem 0;font-weight:400}.medal{font:700 7rem Arial;color:var(--lime)}.summit>p:last-of-type{font:400 1rem/1.5 Arial;color:#c1c8bd;max-width:480px}.summit button{margin-top:1.5rem}@media(max-width:480px){.quiz{grid-template-columns:46px 1fr}.step{font-size:.6rem}}