.ladder-play{width:min(480px,100%);margin:auto}.ladder-endpoints{justify-content:center;align-items:center;gap:28px;padding:20px 0 30px;display:flex}.ladder-endpoints>div{flex-direction:column;gap:8px;display:flex}.ladder-endpoints small{color:#738267;font-size:12px}.ladder-endpoints strong{letter-spacing:.1em;color:#345b3a;font:26px Georgia,serif}.ladder-endpoints>span{color:#b2bea2}.ladder-path{width:max-content;max-width:100%;margin:0 auto 24px;padding:0;list-style:none}.ladder-path li{align-items:center;gap:14px;margin-bottom:12px;display:flex}.ladder-step{color:#8b967d;text-align:right;width:32px;font-size:11px}.ladder-path li>div{gap:7px;display:flex}.ladder-path li>div>span{color:#325638;background:#f4f1e7;border:1px solid #dedecb;border-bottom:3px solid #d2d5bc;border-radius:7px;place-items:center;width:48px;height:52px;font:25px Georgia,serif;display:grid}.ladder-path .is-changed{background:#e3efcd;border-color:#a9c68b}.ladder-form{background:#eef2e4;border-radius:12px;padding:24px}.ladder-form label{color:#496246;margin-bottom:12px;font-size:13px;display:block}.ladder-form>div{gap:10px;display:flex}.ladder-form input{letter-spacing:.22em;color:#254b32;background:#fffdf6;border:1px solid #b9ccab;border-radius:7px;width:100%;min-width:0;padding:10px 16px;font:22px Georgia,serif}.ladder-form button[type=submit]{white-space:nowrap;color:#fff;background:#176c43;border-color:#176c43}.ladder-hint{color:#638051;background:0 0;border:0;min-height:42px;margin-top:10px;padding:0;text-decoration:underline;font-size:12px!important}@media (max-width:430px){.ladder-form{padding:18px 14px}.ladder-path li>div>span{width:44px;height:48px}.ladder-endpoints{gap:24px}}