.course-map{isolation:isolate}.topic-track{padding-inline:18px}.island-stage{--island-main:#5d68f6;--island-dark:#3741bd;--island-light:#a7b1ff}.island-stage:nth-child(3n + 2){--island-main:#25bb91;--island-dark:#087d61;--island-light:#93f2cd}.island-stage:nth-child(3n){--island-main:#ff9c3d;--island-dark:#d6601b;--island-light:#ffd398}.section-island{overflow:visible!important;background:radial-gradient(circle at 34% 25%,#fff 0 7%,var(--island-light) 8% 17%,var(--island-main) 45%,var(--island-dark) 100%)!important;border:5px solid #fff!important;box-shadow:0 10px 0 var(--island-dark),0 18px 28px color-mix(in srgb,var(--island-dark) 35%,transparent)!important;transition:transform .18s ease,filter .18s ease!important}.section-island::before{content:"";position:absolute;inset:-10px;z-index:-1;border:3px dashed color-mix(in srgb,var(--island-main) 45%,#fff);border-radius:50%;opacity:.8}.section-island::after{content:"✦";position:absolute;right:5px;top:2px;color:#fff5a8;font-size:21px;text-shadow:0 2px 0 color-mix(in srgb,var(--island-dark) 65%,transparent)}.section-island:not(.locked):hover{transform:translateY(-5px) rotate(-1deg) scale(1.035)!important;filter:saturate(1.14)}.section-island.complete{background:radial-gradient(circle at 34% 25%,#fff 0 7%,#a8f3bd 8% 17%,#36d987 45%,#108850 100%)!important;box-shadow:0 10px 0 #087247,0 18px 28px rgba(16,136,80,.3)!important}.section-island.locked{background:radial-gradient(circle at 34% 25%,#f7f8fb 0 7%,#d8dde8 8% 17%,#a8b0bd 46%,#798292 100%)!important;box-shadow:0 9px 0 #6d7582,0 16px 25px rgba(53,65,83,.18)!important;opacity:.78;filter:grayscale(.2)}.section-island.locked::after{content:"🔒";right:50%;top:50%;transform:translate(50%,-50%);font-size:29px;text-shadow:none}.section-island.locked .island-icon{opacity:.18}.island-progress{position:relative;z-index:3;border:2px solid #fff;background:rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(43,54,108,.18)}.task-chain{width:118px!important;gap:13px!important;padding-block:13px!important}.task-chain::before{border-left:5px dotted #ffd260!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}.mini-island{width:44px!important;height:44px!important;border:4px solid #fff!important;background:radial-gradient(circle at 32% 26%,#fff 0 10%,#d5ddff 11% 21%,#7180fb 48%,#3844c8 100%)!important;color:#fff!important;font-size:13px!important;box-shadow:0 6px 0 #3039aa,0 10px 16px rgba(56,68,200,.25)!important;transition:transform .16s ease,filter .16s ease!important}.mini-island::before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.65);border-radius:50%;pointer-events:none}.mini-island:not(.locked):hover{filter:brightness(1.1) saturate(1.15)}.mini-island.solved{background:radial-gradient(circle at 32% 26%,#fff 0 10%,#b9ffe2 11% 21%,#3ed69c 48%,#11885e 100%)!important;box-shadow:0 6px 0 #08714c,0 10px 16px rgba(16,136,80,.27)!important}.mini-island.solved span{font-size:0}.mini-island.solved span::after{content:"✓";font-size:20px;font-weight:1000}.mini-island.star-task{background:radial-gradient(circle at 32% 26%,#fff 0 10%,#fff1ab 11% 21%,#ffc536 48%,#e77c17 100%)!important;box-shadow:0 6px 0 #b95d0d,0 10px 16px rgba(231,124,23,.3)!important}.mini-island.star-task b{right:-8px!important;top:-13px!important;color:#fff4a8!important;font-size:17px!important;text-shadow:0 3px 0 #d97412!important}.mini-island.checkpoint{width:54px!important;height:54px!important;background:radial-gradient(circle at 32% 26%,#fff 0 9%,#ffc6eb 10% 21%,#ed69b7 48%,#a93682 100%)!important;box-shadow:0 7px 0 #832166,0 12px 20px rgba(169,54,130,.3)!important}.mini-island.checkpoint span{font-size:0}.mini-island.checkpoint span::after{content:"🏆";font-size:24px;filter:drop-shadow(0 2px 0 rgba(98,41,19,.25))}.mini-island.locked{background:radial-gradient(circle at 32% 26%,#f8f9fb 0 10%,#dce1e9 11% 21%,#aab3c1 48%,#7d8899 100%)!important;box-shadow:0 6px 0 #6f7887,0 9px 14px rgba(80,90,105,.18)!important;opacity:.86;filter:grayscale(.45)}.mini-island.locked span{font-size:0}.mini-island.locked span::after{content:"🔒";font-size:17px;filter:grayscale(1)}.map-start{background:radial-gradient(circle at 32% 26%,#fff 0 10%,#bff5ff 11% 21%,#4db5ff 48%,#3770e7 100%)!important;box-shadow:0 6px 0 #2752b5,0 12px 22px rgba(55,112,231,.3)!important}@media(max-width:720px){.task-chain{width:104px!important;gap:11px!important}.mini-island{width:39px!important;height:39px!important}.mini-island.checkpoint{width:49px!important;height:49px!important}.section-island::before{inset:-7px}}