.course-map{position:relative;display:flex;flex-direction:column;align-items:center}.course-map::before{content:""}.streak-badge{position:absolute;top:14px;right:16px;z-index:20;display:flex;align-items:center;gap:7px;padding:8px 13px;border:2px solid #ffad33;border-radius:999px;background:linear-gradient(135deg,#fff8d7,#ffd467);box-shadow:0 7px 0 #e99328,0 12px 22px rgba(224,142,24,.24);color:#793f08;transform:rotate(2deg)}.streak-badge span{font-size:23px;line-height:1;filter:drop-shadow(0 2px 1px rgba(206,86,0,.25))}.streak-badge strong{font-size:20px;line-height:1}.streak-badge small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.streak-badge.streak-hot{animation:streak-pop .45s ease}.topic-track{width:min(760px,100%);margin-inline:auto}.task-chain{position:relative;width:min(470px,100%);margin-inline:auto;gap:28px;align-items:center;padding:20px 0 26px}.task-chain::before{left:50%;transform:translateX(-50%);height:calc(100% - 30px)}.mini-island{position:relative;z-index:2;transition:transform .22s ease,filter .22s ease}.mini-island:nth-child(4n+1){transform:translateX(-78px)}.mini-island:nth-child(4n+2){transform:translateX(-24px)}.mini-island:nth-child(4n+3){transform:translateX(38px)}.mini-island:nth-child(4n){transform:translateX(82px)}.mini-island:hover:not(:disabled){filter:brightness(1.08) drop-shadow(0 8px 7px rgba(39,84,182,.22));transform:translateY(-4px) scale(1.08)}.mini-island:nth-child(4n+1):hover:not(:disabled){transform:translate(-78px,-4px) scale(1.08)}.mini-island:nth-child(4n+2):hover:not(:disabled){transform:translate(-24px,-4px) scale(1.08)}.mini-island:nth-child(4n+3):hover:not(:disabled){transform:translate(38px,-4px) scale(1.08)}.mini-island:nth-child(4n):hover:not(:disabled){transform:translate(82px,-4px) scale(1.08)}.island-stage{width:min(760px,100%);margin-inline:auto}.island-stage:nth-child(4n+1)>.section-island{transform:translateX(-35px)}.island-stage:nth-child(4n+2)>.section-island{transform:translateX(26px)}.island-stage:nth-child(4n+3)>.section-island{transform:translateX(48px)}.island-stage:nth-child(4n)>.section-island{transform:translateX(-20px)}.checkpoint{box-shadow:0 0 0 5px rgba(255,192,59,.25),0 8px 0 #c66b1b,0 14px 22px rgba(206,104,20,.28)!important}.checkpoint::after{content:"КОНТРОЛЬ";position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);font-size:8px;font-weight:900;color:#9b4b13;letter-spacing:.08em;white-space:nowrap}@keyframes streak-pop{0%{transform:rotate(2deg) scale(.8)}65%{transform:rotate(-4deg) scale(1.14)}100%{transform:rotate(2deg) scale(1)}}@media(max-width:720px){.streak-badge{top:10px;right:10px;padding:7px 10px}.streak-badge span{font-size:20px}.streak-badge strong{font-size:17px}.task-chain{width:min(340px,100%);gap:24px}.mini-island:nth-child(4n+1){transform:translateX(-44px)}.mini-island:nth-child(4n+2){transform:translateX(-15px)}.mini-island:nth-child(4n+3){transform:translateX(18px)}.mini-island:nth-child(4n){transform:translateX(45px)}.island-stage:nth-child(n)>.section-island{transform:none}.mini-island:nth-child(4n+1):hover:not(:disabled){transform:translate(-44px,-4px) scale(1.06)}.mini-island:nth-child(4n+2):hover:not(:disabled){transform:translate(-15px,-4px) scale(1.06)}.mini-island:nth-child(4n+3):hover:not(:disabled){transform:translate(18px,-4px) scale(1.06)}.mini-island:nth-child(4n):hover:not(:disabled){transform:translate(45px,-4px) scale(1.06)}}@media(prefers-reduced-motion:reduce){.streak-badge.streak-hot{animation:none}}