/* v32 playful vertical treasure-map study navigation */
.treasure-study-map{--purple:#7654a5;--purple-dark:#3d3159;--pink:#ff83a7;--yellow:#ffd66b;--mint:#8ed9bb;--blue:#89c7f6;--ink:#362d49;position:relative;min-height:100dvh!important;padding:0 0 calc(118px + env(safe-area-inset-bottom))!important;overflow:hidden;background:linear-gradient(180deg,#dff4ff 0,#fff4ca 26%,#f4eaff 56%,#dff7eb 78%,#ffe7ee 100%)!important;color:var(--ink)}
.treasure-study-map:before,.treasure-study-map:after{content:'';position:absolute;pointer-events:none;border-radius:50%;filter:blur(1px);opacity:.6}.treasure-study-map:before{width:340px;height:340px;right:-180px;top:280px;background:#fff7a9}.treasure-study-map:after{width:300px;height:300px;left:-150px;top:880px;background:#dcbcff}.treasure-sky-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.treasure-sky-decor i{position:absolute;border-radius:999px;background:#fff8;box-shadow:28px 4px 0 #fff8,54px 0 0 #fff8}.treasure-sky-decor i:nth-child(1){width:54px;height:20px;top:170px;left:7%}.treasure-sky-decor i:nth-child(2){width:65px;height:22px;top:510px;right:8%;transform:scale(.8)}.treasure-sky-decor i:nth-child(3){width:48px;height:17px;top:1060px;left:11%;transform:scale(.7)}.treasure-sky-decor i:nth-child(4){width:58px;height:20px;top:1510px;right:9%;transform:scale(.85)}.treasure-sky-decor i:nth-child(5){width:44px;height:15px;top:1940px;left:15%;transform:scale(.65)}
.treasure-map-hero,.treasure-box-hero{position:relative;z-index:2;width:min(920px,calc(100% - 32px));margin:0 auto;padding:clamp(30px,6vw,64px) clamp(22px,5vw,54px);text-align:center}.treasure-map-hero>span,.treasure-box-hero>span{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#ffffffb8;border:1px solid #ffffffde;color:#6f5590;font:900 10px 'DM Sans',sans-serif;letter-spacing:.08em}.treasure-map-hero h1,.treasure-box-hero h1{margin:14px 0 10px;font-size:clamp(35px,7vw,65px);line-height:1.08;letter-spacing:-.035em}.treasure-map-hero p,.treasure-box-hero p{max-width:680px;margin:0 auto;color:#70677d;font-size:12px;line-height:1.9;font-weight:600}.treasure-map-hero>div{width:130px;height:130px;margin:22px auto 0;border-radius:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#7d59aa,#4d3b69);color:#fff;box-shadow:0 15px 0 #4b3864,0 24px 35px #503f691f;transform:rotate(-3deg)}.treasure-map-hero>div b{font-size:9px;color:#e6d9f3}.treasure-map-hero>div strong{font:900 48px/1 'DM Sans',sans-serif;margin-top:7px}
.treasure-levels-road{position:relative;z-index:2;width:min(860px,calc(100% - 30px));margin:10px auto 60px;padding:28px 0 90px}.treasure-levels-road:before{content:'';position:absolute;top:35px;bottom:85px;left:50%;width:8px;transform:translateX(-50%);border-radius:999px;background:repeating-linear-gradient(to bottom,#ffffffd8 0 18px,#b891d7 18px 31px,#ffffffd8 31px 49px);box-shadow:0 0 0 5px #ffffff45}.treasure-level-stop{position:relative;min-height:235px;display:flex;align-items:center}.treasure-level-stop.left{justify-content:flex-start;padding-right:18%}.treasure-level-stop.right{justify-content:flex-end;padding-left:18%}.treasure-path-dot{position:absolute;z-index:3;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);border:7px solid #fff;border-radius:50%;background:#a174c0;box-shadow:0 5px 14px #6a4e7c33}.treasure-level-stop.complete .treasure-path-dot{background:#57ae80}.treasure-level-stop.locked .treasure-path-dot{background:#b6b0b9}.treasure-level-card{width:min(560px,82%);min-height:178px;border:2px solid #ffffffc9;border-radius:36px;padding:20px;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:17px;align-items:center;text-align:start;color:var(--ink);background:linear-gradient(145deg,#ffffffeb,#fffaf3df);box-shadow:0 17px 0 #d6bce5,0 28px 38px #54405d1b;cursor:pointer;transition:.2s cubic-bezier(.2,.8,.2,1)}.treasure-level-stop:nth-child(2) .treasure-level-card{box-shadow:0 17px 0 #e5b66a,0 28px 38px #54405d1b}.treasure-level-stop:nth-child(3) .treasure-level-card{box-shadow:0 17px 0 #76c7aa,0 28px 38px #54405d1b}.treasure-level-stop:nth-child(4) .treasure-level-card{box-shadow:0 17px 0 #74b8ea,0 28px 38px #54405d1b}.treasure-level-stop:nth-child(5) .treasure-level-card{box-shadow:0 17px 0 #ef91aa,0 28px 38px #54405d1b}.treasure-level-card:not(:disabled):hover{transform:translateY(-5px) rotate(-1deg)}.treasure-level-stop.right .treasure-level-card:not(:disabled):hover{transform:translateY(-5px) rotate(1deg)}.treasure-level-card:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.62;box-shadow:0 10px 0 #c9c5c9}.treasure-level-art{position:relative;width:86px;height:86px;border-radius:29px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#8a65b7,#634285);box-shadow:inset 0 0 0 3px #ffffff3d}.treasure-level-stop:nth-child(2) .treasure-level-art{background:linear-gradient(145deg,#ffc958,#ef9d3f)}.treasure-level-stop:nth-child(3) .treasure-level-art{background:linear-gradient(145deg,#79d6b3,#43a780)}.treasure-level-stop:nth-child(4) .treasure-level-art{background:linear-gradient(145deg,#7dc7fa,#4f91d6)}.treasure-level-stop:nth-child(5) .treasure-level-art{background:linear-gradient(145deg,#ff99b5,#e65f88)}.treasure-level-art .spark{position:absolute;width:9px;height:9px;border-radius:3px;background:#fff7aa;transform:rotate(45deg)}.treasure-level-art .s1{top:10px;right:10px}.treasure-level-art .s2{bottom:13px;left:9px;width:6px;height:6px}.treasure-level-art .s3{top:16px;left:15px;width:5px;height:5px;background:#fff}.treasure-level-copy{min-width:0}.treasure-level-copy>small{font:900 9px 'DM Sans',sans-serif;letter-spacing:.12em;color:#9a7caf}.treasure-level-copy>strong{display:block;margin:5px 0 4px;font-size:clamp(19px,3vw,29px);line-height:1.25}.treasure-level-copy>em{display:block;min-height:32px;font-style:normal;color:#817586;font-size:10px;line-height:1.6}.treasure-progress{display:block;height:8px;border-radius:999px;background:#e9e1ec;margin-top:10px;overflow:hidden}.treasure-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7955a5,#ff83a7,#ffd66b)}.treasure-level-score{text-align:center;min-width:60px}.treasure-level-score b{display:block;font:900 20px 'DM Sans',sans-serif;color:#6a4c89}.treasure-level-score small{font-size:8px;color:#9b91a0}.treasure-finish{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;background:#3d3159;color:#fff;box-shadow:0 9px 0 #261f39}.treasure-finish b{font-size:10px}
.treasure-map-topbar{position:sticky;top:10px;z-index:30;width:min(820px,calc(100% - 24px));margin:10px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px;border-radius:999px;background:#ffffffd9;border:1px solid #fff;backdrop-filter:blur(12px);box-shadow:0 10px 28px #4d3d5e1a}.treasure-map-topbar>span{justify-self:end;padding-inline:12px;font:900 10px 'DM Sans',sans-serif;color:#7a6590}.treasure-levels-back,.treasure-page-nav{border:0;font:inherit;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.treasure-levels-back{justify-self:start;padding:10px 13px;border-radius:999px;background:#efe5f7;color:#684982;font-size:10px}.treasure-page-nav.previous{padding:11px 20px;border-radius:999px;background:#5c4378;color:#fff;box-shadow:0 5px 0 #392b4a;font-size:10px}.treasure-page-nav:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.7)}
.treasure-box-hero{padding-top:34px;padding-bottom:18px}.treasure-box-hero h1{font-size:clamp(31px,6vw,53px)}.treasure-ten-road{position:relative;z-index:2;width:min(780px,calc(100% - 30px));margin:18px auto 24px;padding:24px 0}.treasure-ten-road:before{content:'';position:absolute;top:38px;bottom:38px;left:50%;width:7px;transform:translateX(-50%);border-radius:999px;background:repeating-linear-gradient(to bottom,#fff 0 15px,#815fa3 15px 27px,#fff 27px 42px);opacity:.75}.treasure-box-stop{position:relative;min-height:152px;display:flex;align-items:center}.treasure-box-stop.zig-left{justify-content:flex-start;padding-right:16%}.treasure-box-stop.zig-right{justify-content:flex-end;padding-left:16%}.treasure-box-path-dot{position:absolute;left:50%;top:50%;z-index:3;width:25px;height:25px;transform:translate(-50%,-50%);border:6px solid #fff;border-radius:50%;background:#9a73bc}.treasure-box-stop.complete .treasure-box-path-dot{background:#55ad7e}.treasure-box-stop.locked .treasure-box-path-dot{background:#aaa4ae}.treasure-box-stop.checkpoint .treasure-box-path-dot{width:35px;height:35px;background:#f1ad37;box-shadow:0 0 0 8px #ffd87855}.treasure-box-card{position:relative;width:min(500px,82%);min-height:116px;border:2px solid #fff;border-radius:29px;padding:16px 18px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center;text-align:start;background:#ffffffdf;color:var(--ink);box-shadow:0 12px 0 #cdb5df,0 18px 28px #503b5c16;cursor:pointer;transition:.18s}.treasure-box-card:not(:disabled):hover{transform:translateY(-3px) scale(1.015)}.treasure-box-card:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 7px 0 #cbc7cd;filter:grayscale(.7)}.treasure-box-icon{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#895fb0,#67448a);color:#fff}.treasure-box-stop.complete .treasure-box-icon{background:linear-gradient(145deg,#6ec295,#408d68)}.treasure-box-stop.locked .treasure-box-icon{background:#d2ced5}.treasure-box-copy small{font:900 8px 'DM Sans',sans-serif;letter-spacing:.12em;color:#9674aa}.treasure-box-copy strong{display:block;margin:4px 0;font-size:18px}.treasure-box-copy em{display:block;font-style:normal;color:#857887;font-size:9px;line-height:1.55}.treasure-box-phases{display:flex;gap:5px;margin-top:9px}.treasure-box-phases i{width:25px;height:6px;border-radius:999px;background:#e1d8e4}.treasure-box-phases i.done{background:#5db183}.treasure-box-phases i.active{background:#f4b84e;box-shadow:0 0 0 3px #f4b84e2b}.treasure-box-stop.checkpoint{min-height:190px}.treasure-box-stop.checkpoint .treasure-box-card{width:min(570px,88%);min-height:152px;grid-template-columns:90px minmax(0,1fr);border-color:#fff3b9;background:linear-gradient(145deg,#fff8c7,#ffd568 48%,#ffad63 100%);box-shadow:0 15px 0 #dc8d3d,0 25px 35px #9d612a27}.treasure-box-stop.checkpoint .treasure-box-icon{width:86px;height:86px;border-radius:29px;background:linear-gradient(145deg,#6e4d94,#3d3159);box-shadow:inset 0 0 0 4px #ffffff33}.treasure-box-stop.checkpoint .treasure-box-copy small{color:#6b4b33}.treasure-box-stop.checkpoint .treasure-box-copy strong{font-size:22px;color:#4e352a}.treasure-box-stop.checkpoint .treasure-box-copy em{color:#715547;font-weight:700}.treasure-crown{position:absolute;top:-13px;right:18px;display:flex;align-items:center;gap:4px;padding:7px 10px;border-radius:999px;background:#fff;color:#d1872a;box-shadow:0 5px 12px #b36d3326}.treasure-crown b{font:900 10px 'DM Sans',sans-serif}.treasure-bottom-nav{position:relative;z-index:4;width:min(600px,calc(100% - 30px));margin:10px auto 30px;text-align:center}.treasure-page-nav.next{margin:auto;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#7855a5,#ff789f);color:#fff;box-shadow:0 7px 0 #54386f;font-size:11px}.treasure-bottom-nav small{display:block;margin-top:12px;color:#786c7d;font-size:9px;font-weight:800}.treasure-study-map>.course-control-fab{z-index:40}
@media(max-width:700px){.treasure-map-hero,.treasure-box-hero{width:calc(100% - 20px);padding-inline:14px}.treasure-levels-road{width:calc(100% - 18px)}.treasure-level-stop{min-height:205px}.treasure-level-stop.left{padding-right:11%}.treasure-level-stop.right{padding-left:11%}.treasure-level-card{width:87%;grid-template-columns:70px minmax(0,1fr);border-radius:27px;padding:15px;gap:12px}.treasure-level-art{width:67px;height:67px;border-radius:22px}.treasure-level-score{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-inline:5px}.treasure-level-score b{font-size:16px}.treasure-level-score small{font-size:9px}.treasure-map-topbar{grid-template-columns:auto 1fr auto;border-radius:22px;top:6px}.treasure-map-topbar>span{font-size:8px;padding-inline:3px}.treasure-levels-back{padding:9px}.treasure-page-nav.previous{padding:10px 13px}.treasure-box-stop.zig-left{padding-right:9%}.treasure-box-stop.zig-right{padding-left:9%}.treasure-box-card{width:88%;grid-template-columns:56px minmax(0,1fr);padding:13px;border-radius:24px}.treasure-box-icon{width:54px;height:54px;border-radius:18px}.treasure-box-stop.checkpoint .treasure-box-card{width:92%;grid-template-columns:68px minmax(0,1fr)}.treasure-box-stop.checkpoint .treasure-box-icon{width:65px;height:65px;border-radius:22px}.treasure-box-stop.checkpoint .treasure-box-copy strong{font-size:19px}.treasure-crown{right:10px}.treasure-ten-road{width:calc(100% - 18px)}}
@media(max-width:390px){.treasure-level-card{width:90%}.treasure-level-stop.left{padding-right:7%}.treasure-level-stop.right{padding-left:7%}.treasure-box-card{width:91%}.treasure-box-stop.zig-left{padding-right:5%}.treasure-box-stop.zig-right{padding-left:5%}.treasure-box-copy strong{font-size:16px}.treasure-box-copy em{font-size:8px}}