.child-map-page{max-width:1450px;margin:0 auto}.child-map-hero{padding:2px 0 8px}.child-map-title-card{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:8px 28px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:var(--lingo-shadow-sm);backdrop-filter:blur(10px)}.child-map-title-card h1{margin:0;color:var(--lingo-purple);font-family:var(--lingo-font-heading);font-size:clamp(34px,4.5vw,62px);font-weight:800;letter-spacing:1px;text-shadow:0 4px 0 rgba(139,92,246,.14)}.child-map-title-card span{font-size:34px}.child-map-hero p{margin:9px 0 0;font-size:clamp(16px,2vw,23px);font-weight:800}
.child-map-stage{position:relative;min-height:720px;margin-top:8px;overflow:hidden}.child-map-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.child-map-level{position:absolute;width:220px;height:180px;transform:translate(-50%,-50%)}.child-map-level--1{left:13%;top:21%}.child-map-level--2{left:32%;top:18%}.child-map-level--3{left:52%;top:20%}.child-map-level--4{left:73%;top:21%}.child-map-level--5{left:84%;top:48%}.child-map-level--6{left:62%;top:52%}.child-map-level--7{left:43%;top:48%}.child-map-level--8{left:24%;top:52%}.child-map-level--9{left:37%;top:77%}.child-map-level--10{left:61%;top:78%}
.child-map-island{position:relative;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px;border:0;border-radius:46% 54% 48% 52%/55% 47% 53% 45%;color:var(--lingo-text);background:linear-gradient(180deg,#b4f579 0 42%,#83c957 43% 52%,#a66a39 53% 100%);box-shadow:0 15px 24px rgba(57,89,137,.22),inset 0 4px 0 rgba(255,255,255,.45);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.child-map-island::before{content:"";position:absolute;inset:16px 22px auto;height:34px;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(4px)}.child-map-island:hover:not(:disabled){transform:translateY(-7px) scale(1.03);box-shadow:0 20px 32px rgba(57,89,137,.29),inset 0 4px 0 rgba(255,255,255,.45)}.child-map-island__number{position:absolute;top:-19px;display:grid;width:66px;height:66px;place-items:center;border:5px solid rgba(255,255,255,.8);border-radius:50%;color:#704400;background:linear-gradient(180deg,#fff36f,#ffc928);box-shadow:0 7px 14px rgba(152,105,19,.24);font-family:var(--lingo-font-heading);font-size:32px;font-weight:800}.child-map-island__number--green{color:#116d29;background:linear-gradient(180deg,#9ef565,#43d232)}.child-map-island__number--blue{color:#075db4;background:linear-gradient(180deg,#8fe9ff,#28a8ff)}.child-map-island__number--purple{color:#5324a1;background:linear-gradient(180deg,#d692ff,#8e4ff0)}.child-map-island__number--orange{color:#9b4300;background:linear-gradient(180deg,#ffd268,#ff8e18)}.child-map-island__number--pink{color:#9f1759;background:linear-gradient(180deg,#ff9dd1,#ff4a9e)}.child-map-island__number--locked{color:#53505d;background:linear-gradient(180deg,#dbdbe3,#9899a4)}
.child-map-island__scene{margin-top:22px;font-size:46px;line-height:1}.child-map-island strong{padding:5px 16px;border-radius:999px;color:#fff;background:rgba(74,38,123,.72);box-shadow:inset 0 2px 0 rgba(255,255,255,.18);font-family:var(--lingo-font-heading);font-size:22px;font-weight:800;text-shadow:0 2px 1px rgba(0,0,0,.18)}.child-map-island__stars{font-size:24px;letter-spacing:-5px}.child-map-lock{position:absolute;right:16px;bottom:17px;display:grid;width:42px;height:42px;place-items:center;border:3px solid #fff;border-radius:50%;background:#777989;font-size:20px}
.child-map-level--active .child-map-island{animation:child-map-float 4s ease-in-out infinite}.child-map-level--locked .child-map-island{filter:grayscale(.86) saturate(.35);cursor:not-allowed}.child-map-level--locked .child-map-island::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(109,117,137,.18)}
@keyframes child-map-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.child-map-leo-tip{position:absolute;left:0;bottom:10px;display:flex;align-items:flex-end;gap:10px}.child-map-leo-tip__leo{font-size:110px;line-height:1}.child-map-leo-tip__bubble{max-width:260px;padding:18px 20px;border:2px solid rgba(255,255,255,.85);border-radius:26px 26px 26px 8px;background:rgba(255,255,255,.84);box-shadow:var(--lingo-shadow-sm);font-family:var(--lingo-font-heading);font-size:16px;font-weight:800;line-height:1.45}
.child-map-reward{position:absolute;right:0;bottom:18px;display:flex;width:230px;flex-direction:column;align-items:center;gap:10px;padding:18px;border:2px solid rgba(255,255,255,.82);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--lingo-shadow-sm);text-align:center}.child-map-reward>strong{font-family:var(--lingo-font-heading);font-size:16px}.child-map-reward__chest{font-size:68px}.child-map-reward__progress{display:grid;width:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.child-map-reward__progress>div{height:14px;overflow:hidden;border-radius:999px;background:#ddd4f5}.child-map-reward__progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4edc5f,#39bff6)}
@media(max-width:1199.98px){.child-map-stage{min-height:670px}.child-map-level{width:190px;height:160px}.child-map-island__scene{font-size:39px}.child-map-island strong{font-size:18px}.child-map-level--1{left:12%}.child-map-level--2{left:31%}.child-map-level--3{left:51%}.child-map-level--4{left:71%}.child-map-level--5{left:84%}.child-map-level--6{left:64%}.child-map-level--7{left:44%}.child-map-level--8{left:23%}}
@media(max-width:991.98px){.child-map-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-height:auto;padding:18px 0 220px}.child-map-path{display:none}.child-map-level{position:static;width:auto;height:180px;transform:none}.child-map-level--active .child-map-island{animation:none}.child-map-leo-tip{left:0;bottom:12px}.child-map-reward{right:0;bottom:12px}}
@media(max-width:575.98px){.child-map-title-card{gap:8px;padding-inline:16px}.child-map-title-card span{font-size:24px}.child-map-stage{grid-template-columns:1fr;padding-bottom:330px}.child-map-level{height:175px}.child-map-leo-tip{right:0;align-items:center}.child-map-leo-tip__leo{font-size:78px}.child-map-leo-tip__bubble{font-size:14px}.child-map-reward{right:50%;bottom:10px;transform:translateX(50%)}}


.child-map-level {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.child-map-island {
    color: inherit;
    text-decoration: none;
}

a.child-map-island {
    cursor: pointer;
}

a.child-map-island:hover,
a.child-map-island:focus {
    color: inherit;
    text-decoration: none;
}

a.child-map-island:focus-visible {
    outline: 4px solid rgba(255, 255, 255, 0.95);
    outline-offset: 5px;
}

.child-map-empty {
    position: absolute;
    top: 45%;
    left: 50%;
    width: min(420px, 85%);
    padding: 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    transform: translate(-50%, -50%);
}