*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;color:#25415a}button{font:inherit}body.world-body{min-height:100vh;background:linear-gradient(#83d9ff 0 22%,#b8ebff 38%,#dff7d1 58%,#9cdb83 100%);overflow-x:hidden}.world{width:100%;min-height:100vh;position:relative;overflow:hidden}.world:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 10%,#fff7b8 0 35px,transparent 36px),radial-gradient(circle at 90% 9%,#fff 0 70px,transparent 71px),linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.18) 46% 55%,transparent 56%);pointer-events:none}.world-header{position:relative;z-index:2;width:min(1180px,94vw);margin:0 auto;padding:24px 0 10px;display:flex;justify-content:space-between;align-items:flex-start}.logo-sign{display:inline-flex;flex-direction:column;align-items:center;padding:12px 28px 14px;background:linear-gradient(#9b6238,#744126);border:5px solid #e8b96d;border-radius:22px;box-shadow:0 10px 0 rgba(80,58,36,.18),0 18px 35px rgba(28,78,92,.18);transform:rotate(-2deg)}.logo-title{font-size:clamp(32px,5vw,56px);line-height:.9;color:#ffe178;text-shadow:0 3px 0 #704229}.logo-subtitle{font-size:clamp(27px,4vw,43px);font-weight:1000;letter-spacing:5px;color:#fff;text-shadow:0 3px 0 #35536a}.logo-tagline{margin-top:8px;padding:5px 12px;border-radius:20px;background:#e9bd70;color:#633b23;font-size:12px;font-weight:900}.header-stars{padding:12px 18px;border-radius:22px;background:#fff;box-shadow:0 8px 25px rgba(44,80,100,.16);font-size:25px;color:#e8a81f}.welcome-card{position:relative;z-index:2;width:min(1180px,94vw);margin:15px auto 20px;min-height:300px;border-radius:42px;background:linear-gradient(120deg,#dff8ff,#fff9dc);box-shadow:0 18px 45px rgba(35,87,104,.18);overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:30px 6% 20px}.welcome-card:after{content:"";position:absolute;inset:auto 0 0;height:85px;background:linear-gradient(transparent,#a8df8d);pointer-events:none}.welcome-copy{position:relative;z-index:2;max-width:520px}.speech{display:inline-block;padding:20px 25px;border-radius:28px;background:#fff;border:4px solid #e5edf1;box-shadow:0 10px 25px rgba(40,75,90,.12);font-size:27px;line-height:1.18}.speech:after{content:"";display:block;width:24px;height:24px;background:#fff;border-right:4px solid #e5edf1;border-bottom:4px solid #e5edf1;transform:rotate(45deg);position:absolute}.welcome-copy .speech{position:relative}.welcome-copy .speech:after{right:-15px;bottom:22px}.speech span{font-size:20px;color:#60798b}.welcome-buttons{display:flex;gap:12px;margin-top:18px}.mini-choice{border:0;border-radius:18px;padding:13px 19px;background:linear-gradient(135deg,#ffb84d,#ff7e70);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,127,102,.25);cursor:pointer}.mini-choice.light{background:#fff;color:#3f6e91}.wiggo-hero{position:relative;z-index:2;width:min(360px,38vw);height:320px;object-fit:contain;align-self:flex-end;filter:drop-shadow(0 15px 8px rgba(30,65,80,.15));animation:wobble 3s ease-in-out infinite}.world-map{position:relative;z-index:2;width:min(1180px,94vw);margin:0 auto;padding:25px 0 35px}.map-intro{text-align:center}.map-pill{display:inline-block;padding:8px 15px;border-radius:20px;background:#fff8cf;color:#946a19;font-weight:900;font-size:12px}.map-intro h1{margin:10px 0 4px;font-size:clamp(30px,5vw,48px);color:#2d5366}.map-intro p{margin:0 0 22px;color:#527184;font-size:18px}.adventure-path{position:relative;max-width:850px;margin:0 auto;padding:5px 0 10px;display:flex;flex-direction:column;align-items:center;gap:22px}.path-line{position:absolute;top:0;bottom:0;left:50%;width:16px;transform:translateX(-50%);border-radius:20px;background:repeating-linear-gradient(to bottom,#f7d78e 0 24px,#fff1c6 24px 42px);box-shadow:0 0 0 5px rgba(255,255,255,.45)}.adventure-card{position:relative;z-index:2;width:min(700px,92vw);min-height:115px;border:5px solid #fff;border-radius:32px;display:grid;grid-template-columns:62px 95px 1fr auto;align-items:center;gap:15px;padding:12px 20px;text-align:left;cursor:pointer;color:#23475d;box-shadow:0 12px 28px rgba(40,83,101,.17);transition:.2s ease}.adventure-card:nth-child(even){transform:translateX(60px)}.adventure-card:nth-child(odd){transform:translateX(-60px)}.adventure-card:hover{transform:translateY(-5px) scale(1.015)}.adventure-card:nth-child(even):hover{transform:translate(60px,-5px) scale(1.015)}.adventure-card:nth-child(odd):hover{transform:translate(-60px,-5px) scale(1.015)}.forest{background:linear-gradient(135deg,#c9f2ad,#fff8ce)}.village{background:linear-gradient(135deg,#ffe2a8,#fff4dd)}.space{background:linear-gradient(135deg,#c9d2ff,#f4d9ff)}.castle{background:linear-gradient(135deg,#ffd0e4,#fff2bd)}.card-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;font-size:23px;font-weight:1000;box-shadow:inset 0 -4px 0 rgba(0,0,0,.06)}.card-icon{font-size:62px;text-align:center;filter:drop-shadow(0 5px 2px rgba(0,0,0,.08))}.card-copy{display:flex;flex-direction:column;gap:5px}.card-copy strong{font-size:27px}.card-copy small{font-size:14px;color:#5d7585;font-weight:800}.card-stars{padding:9px 13px;background:#fff;border-radius:17px;font-weight:900;white-space:nowrap}.motivation{position:relative;z-index:2;width:min(700px,92vw);margin:15px auto 45px;padding:13px 20px;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 24px rgba(40,83,101,.13);font-size:18px}.motivation-wiggo{font-size:35px}.game-body{background:linear-gradient(#8fdfff 0,#d9f5ff 44%,#c4ebaa 100%)}.game-world{min-height:100vh;width:100%;padding:18px clamp(12px,4vw,55px) 30px;position:relative}.game-topbar{width:100%;display:flex;align-items:center;gap:14px;max-width:1450px;margin:0 auto}.round-button{width:55px;height:55px;border:0;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(38,78,97,.13);font-size:25px;cursor:pointer}.round-button.sound{background:#3e8ee8;color:#fff}.world-mini-logo{font-size:22px;color:#2c5367;margin-right:auto}.top-actions{display:flex;align-items:center;gap:8px}.level-chip,.counter{padding:11px 15px;border-radius:20px;background:#fff;font-weight:900;box-shadow:0 7px 18px rgba(38,78,97,.11)}.counter{color:#d1841c}.progress-track{max-width:1450px;height:15px;margin:15px auto 18px;background:rgba(255,255,255,.55);border-radius:20px;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#54c976,#ffd45c,#ff8d8d);transition:.3s}.lesson-stage{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:300px minmax(0,800px);gap:30px;align-items:center;min-height:650px}.wiggo-side-card{position:relative;text-align:center}.wiggo-lesson{width:280px;max-height:410px;object-fit:contain;filter:drop-shadow(0 15px 8px rgba(35,75,92,.18));animation:wobble 3s ease-in-out infinite}.lesson-speech{position:absolute;right:-5px;top:20px;font-size:18px;padding:13px 16px;border-radius:22px}.lesson-speech:after{right:auto;left:-13px;bottom:22px;transform:rotate(225deg)}.lesson-card{background:rgba(255,255,255,.96);border:6px solid #fff;border-radius:40px;padding:30px 35px 32px;text-align:center;box-shadow:0 20px 55px rgba(40,80,100,.18);min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center}.illustration{min-height:170px;display:flex;align-items:center;justify-content:center;font-size:125px;animation:bob 2.4s ease-in-out infinite}.lesson-kicker{font-size:12px;letter-spacing:2px;color:#6a8a9b;font-weight:1000}.lesson-card h1{margin:7px 0 3px;font-size:clamp(32px,5vw,48px);color:#2c5064}.instruction{margin:0 0 14px;color:#6f8592;font-size:18px}.word{min-height:95px;display:flex;justify-content:center;align-items:center;gap:10px;margin:12px 0 18px}.letter-box{width:68px;height:70px;border:4px solid #d9e5ec;border-radius:19px;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:1000;transition:.18s}.letter-box.empty{color:#c6d2da;background:#f8fbfc;box-shadow:inset 0 -5px 0 #edf3f6}.letter-box.correct{color:#fff;background:linear-gradient(145deg,#53d884,#2dbb68);border-color:#2dbb68;box-shadow:0 8px 18px rgba(50,190,105,.25);transform:translateY(-4px) scale(1.04);animation:pop .22s ease-out}.success{margin:5px 0 12px;color:#e69b1b;font-size:30px;font-weight:1000}.success:before,.success:after{content:"⭐";margin:0 7px}.next-button{border:0;border-radius:20px;padding:15px 31px;color:#fff;background:linear-gradient(135deg,#ffac43,#ff6e82);font-size:20px;font-weight:1000;cursor:pointer;box-shadow:0 10px 22px rgba(255,110,130,.27)}.enter-hint{color:#6e8490;font-size:14px}.lesson-help{width:max-content;max-width:92vw;margin:0 auto;padding:9px 16px;border-radius:20px;background:rgba(255,255,255,.75);color:#5e7684;font-size:13px;font-weight:800}.loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(233,249,255,.93);backdrop-filter:blur(6px)}.loading-card{width:min(370px,90vw);padding:25px;border-radius:30px;background:#fff;box-shadow:0 20px 55px rgba(35,80,100,.2);text-align:center}.loading-wiggo{width:150px;height:170px;object-fit:contain}.loading-spinner{width:34px;height:34px;margin:4px auto 12px;border:5px solid #e4edf1;border-top-color:#4c9bed;border-radius:50%;animation:spin .8s linear infinite}.loading-title{font-size:21px;font-weight:1000;color:#31586c}.loading-text{margin-top:5px;color:#6e8592}.complete-world{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(circle at 50% 25%,#fff7bd,#d8f5ff 60%,#b5e295)}.celebration{font-size:35px;letter-spacing:10px}.complete-wiggo{width:270px;height:300px;object-fit:contain;animation:wobble 1.4s ease-in-out infinite}.complete-speech{position:relative;font-size:24px;margin:-5px 0 12px}.complete-speech:after{bottom:-14px;left:50%;transform:translateX(-50%) rotate(45deg)}.complete-stars{font-size:30px;letter-spacing:7px;margin:12px}.complete-world h1{font-size:44px;margin:8px 0;color:#2c5368}.complete-world p{font-size:18px;color:#607c8b}.secondary-button{margin-top:13px;border:0;border-radius:18px;padding:12px 22px;background:#fff;color:#3f6d89;font-weight:1000;cursor:pointer;box-shadow:0 7px 18px rgba(38,78,97,.1)}@keyframes wobble{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pop{0%{transform:scale(.65) rotate(-7deg)}70%{transform:scale(1.12) rotate(3deg)}100%{transform:translateY(-4px) scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.world-header{padding-top:12px}.logo-sign{padding:9px 16px}.logo-tagline{font-size:9px}.header-stars{font-size:20px;padding:10px 13px}.welcome-card{min-height:360px;padding:20px 20px 0;align-items:flex-start}.welcome-copy{margin-top:10px}.speech{font-size:21px}.speech span{font-size:16px}.wiggo-hero{position:absolute;right:4%;bottom:-15px;width:250px;height:260px;opacity:.92}.welcome-buttons{position:relative;z-index:3}.adventure-card{grid-template-columns:45px 62px 1fr;gap:9px;padding:10px 13px}.adventure-card:nth-child(even),.adventure-card:nth-child(odd),.adventure-card:nth-child(even):hover,.adventure-card:nth-child(odd):hover{transform:none}.card-number{width:40px;height:40px;font-size:18px}.card-icon{font-size:45px}.card-copy strong{font-size:21px}.card-copy small{font-size:11px}.card-stars{grid-column:3;padding:5px 9px;justify-self:start;font-size:11px}.lesson-stage{grid-template-columns:1fr;gap:0;min-height:auto}.wiggo-side-card{height:210px}.wiggo-lesson{width:170px;height:220px}.lesson-speech{right:calc(50% - 145px);top:5px;font-size:14px}.lesson-card{min-height:530px;padding:22px 12px;border-radius:30px}.illustration{min-height:130px;font-size:100px}.letter-box{width:51px;height:58px;font-size:30px;border-radius:14px}.word{gap:6px}.game-topbar{gap:6px}.world-mini-logo{font-size:15px}.level-chip{display:none}.round-button{width:48px;height:48px}.counter{padding:9px 11px;font-size:13px}.complete-world h1{font-size:34px}.complete-wiggo{width:220px;height:250px}}
@media(max-width:430px){.welcome-card{min-height:390px}.wiggo-hero{width:220px;height:230px;right:-8px}.welcome-copy .speech{max-width:270px}.welcome-buttons{gap:7px}.mini-choice{padding:11px 12px;font-size:13px}.adventure-card{width:96vw}.path-line{left:15px}.card-stars{display:none}.adventure-card{grid-template-columns:38px 52px 1fr}.lesson-speech{right:2px}.word{max-width:100%;overflow-x:auto;padding:2px}.letter-box{flex:0 0 48px}}
.loading-overlay.is-hidden{display:none!important;pointer-events:none!important;}
/* FIX 6 – mere vector-grafik i Wiggos Verden */
.hero-vector{position:relative;z-index:2;width:min(1180px,94vw);height:610px;margin:15px auto 25px;border-radius:42px;background:linear-gradient(180deg,#dff8ff 0%,#fff8d8 56%,#bfeaa0 56%,#a6dc86 100%);box-shadow:0 18px 45px rgba(35,87,104,.18);overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;padding:48px 7% 0}
.hero-copy{position:relative;z-index:5;max-width:530px}.hero-wiggo-wrap{position:relative;z-index:4;width:430px;height:350px}.hero-vector .wiggo-hero{width:340px;height:320px;display:block;margin:35px auto 0;filter:drop-shadow(0 15px 8px rgba(30,65,80,.15));animation:wobble 3s ease-in-out infinite}.hero-landscape{position:absolute;left:0;bottom:0;width:100%;height:500px;z-index:2}.hill-back{fill:#aee28f}.hill-front{fill:#91cf73}.path-ground{fill:none;stroke:#fff0bd;stroke-width:48;stroke-linecap:round;stroke-dasharray:2 5}.path-shadow{stroke:#dcbf76;stroke-width:62;stroke-dasharray:none;opacity:.36}.tree path{stroke:#754b2f;stroke-width:11;stroke-linecap:round}.tree circle{fill:#55a95f}.tree2 circle{fill:#66b66b}.flower circle{fill:#ff8aa0}.flower path{stroke:#4c9b58;stroke-width:4}.svg-cloud{position:absolute;width:95px;height:32px;border-radius:30px;background:#fff;opacity:.8}.svg-cloud:before,.svg-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.svg-cloud:before{width:44px;height:44px;left:18px;top:-18px}.svg-cloud:after{width:58px;height:58px;right:9px;top:-29px}.cloud-a{left:15px;top:35px}.cloud-b{right:25px;top:70px;transform:scale(.7)}
.vector-path{max-width:900px;min-height:1350px;gap:70px;justify-content:space-between}.route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}.route-svg path{fill:none;stroke:#f4d58e;stroke-width:28;stroke-linecap:round;stroke-dasharray:4 12;filter:drop-shadow(0 2px 0 rgba(255,255,255,.8))}.vector-card{width:min(650px,88vw);min-height:150px;grid-template-columns:58px 105px 1fr auto}.vector-card:nth-of-type(odd){align-self:flex-start;margin-left:0}.vector-card:nth-of-type(even){align-self:flex-end;margin-right:0}.card-vector{width:92px;height:92px;display:flex;align-items:center;justify-content:center}.card-vector svg{width:90px;height:90px;filter:drop-shadow(0 5px 2px rgba(0,0,0,.1))}.svg-trunk{stroke:#80502d;stroke-width:10;stroke-linecap:round}.svg-leaf{fill:#4fa35d}.svg-leaf2{fill:#70b96c}.house{fill:#ffe1a7}.roof{fill:none;stroke:#d97b59;stroke-width:8;stroke-linejoin:round}.door{fill:#9a6848}.window{fill:#aee7ef}.planet{fill:#8d8fe9}.orbit{fill:none;stroke:#f0a8d5;stroke-width:6}.star-dot{fill:#fff1a1}.castle{fill:#f2b6d2}.castle-roof{fill:none;stroke:#a26bc0;stroke-width:7;stroke-linejoin:round}.castle-door{fill:#86577e}
@media(max-width:800px){.hero-vector{height:455px;padding:25px 20px 0;align-items:flex-start}.hero-copy{max-width:75%}.hero-vector .wiggo-hero{width:245px;height:250px;margin-top:115px}.hero-wiggo-wrap{width:280px;position:absolute;right:0;bottom:35px}.vector-path{min-height:1180px;gap:45px}.vector-card{grid-template-columns:40px 70px 1fr;min-height:125px;padding:10px 12px}.card-vector{width:65px;height:65px}.card-vector svg{width:65px;height:65px}.vector-card .card-stars{grid-column:3}.route-svg path{stroke-width:22}}
@media(max-width:430px){.hero-vector{height:475px}.hero-copy{max-width:100%}.hero-wiggo-wrap{opacity:.96;bottom:20px}.hero-vector .wiggo-hero{width:220px;height:225px;margin-top:135px}.vector-path{min-height:1080px}.vector-card{width:96vw}.card-vector{width:55px;height:55px}.card-vector svg{width:55px;height:55px}}
.vector-lesson{min-height:190px;font-size:0}.vector-lesson svg{width:190px;height:160px;overflow:visible;filter:drop-shadow(0 7px 3px rgba(30,70,90,.1));animation:bob 2.6s ease-in-out infinite}.vl-ground{fill:#9bd47e}.vl-trunk{stroke:#80502d;stroke-width:12;stroke-linecap:round}.vl-leaf{fill:#55a95f}.vl-leaf2{fill:#72b96a}.vl-flower{fill:#ff91aa}.vl-house{fill:#ffe2a8}.vl-roof{fill:none;stroke:#d7795c;stroke-width:9;stroke-linejoin:round}.vl-door{fill:#9a6848}.vl-window{fill:#aee8f0}.vl-sun{fill:#ffd45e}.vl-planet{fill:#8f90e9}.vl-orbit{fill:none;stroke:#f0a5d4;stroke-width:7}.vl-star{fill:#fff2a4}.vl-rocket{fill:#ff8f78;stroke:#b65c55;stroke-width:3}.vl-castle{fill:#f0b6d2}.vl-castle-roof{fill:none;stroke:#9c6ab8;stroke-width:8;stroke-linejoin:round}
.vector-lesson.has-word-image{min-height:190px}.word-illustration-image{display:block;width:min(220px,72vw);height:170px;object-fit:contain;filter:drop-shadow(0 9px 7px rgba(35,75,80,.15));animation:bob 2.6s ease-in-out infinite}.vector-lesson.has-word-emoji{font-size:112px;line-height:1;animation:bob 2.6s ease-in-out infinite}
/* FIX 6 — Vector-first Wiggos Verden */
.vector-scenery{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.full-vector-scene{width:100%;height:100%;display:block}
.v-sun{fill:#ffd96a;filter:drop-shadow(0 8px 0 rgba(255,180,60,.15))}
.v-cloud{fill:#fff;opacity:.86}
.v-hill-back{fill:#a9dc91}.v-hill-front{fill:#83c875}
.v-tree rect{fill:#7c4b2e}.v-tree circle{fill:#4fa85d}.v-tree circle:first-of-type{fill:#65ba69}
.v-tree.small{transform:translate(1010px,145px) scale(.75)}
.v-flower circle{fill:#ffd35a}.v-flower circle:first-child{fill:#fff}.v-flower path{stroke:#4b9d55;stroke-width:4;fill:none;stroke-linecap:round}
.v-flower.pink circle{fill:#ff91b5}.v-flower.pink circle:first-child{fill:#fff}
.v-butterfly{fill:#ff9bc0;stroke:#fff;stroke-width:3;transform:translate(600px,110px);animation:vectorFloat 5s ease-in-out infinite}
.v-butterfly path:last-child{stroke:#704229;stroke-width:2}
@keyframes vectorFloat{0%,100%{transform:translate(600px,110px) rotate(-5deg)}50%{transform:translate(620px,90px) rotate(8deg)}}
.motivation-wiggo img{height:72px;width:auto;display:block}
.adventure-card{transition:transform .2s ease,filter .2s ease}.adventure-card:hover{transform:translateY(-5px) scale(1.015);filter:saturate(1.08)}
.card-vector svg{width:86px;height:86px;overflow:visible}
.game-body{background:linear-gradient(#91dcff 0,#d9f5ff 38%,#c8ebae 100%)}
.word-page{position:relative;overflow:hidden}
.word-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(circle at 8% 15%,rgba(255,255,255,.75) 0 35px,transparent 36px),
radial-gradient(circle at 92% 22%,rgba(255,255,255,.65) 0 45px,transparent 46px)}
.lesson-stage{position:relative;z-index:1}
.lesson-stage:before,.lesson-stage:after{content:"";position:absolute;z-index:-1;bottom:-30px;border-radius:50%;background:#9bd681}
.lesson-stage:before{left:-10%;width:55%;height:150px}.lesson-stage:after{right:-10%;width:55%;height:130px}
.vector-lesson{position:relative;overflow:hidden}
.vector-lesson:after{content:"";position:absolute;left:8%;right:8%;bottom:8px;height:18px;border-radius:50%;background:rgba(63,110,70,.12)}
.vector-lesson svg{width:min(220px,65%);height:auto;filter:drop-shadow(0 8px 8px rgba(40,80,60,.12))}
.wiggo-side-card{position:relative}
.wiggo-side-card:after{content:"✦";position:absolute;top:15px;right:15px;color:#ffd34f;font-size:30px;animation:twinkle 1.8s ease-in-out infinite}
@keyframes twinkle{50%{transform:scale(1.25) rotate(12deg);opacity:.55}}
@media(max-width:700px){.full-vector-scene{height:420px}.v-tree.small{transform:translate(1010px,145px) scale(.55)}.v-butterfly{display:none}.motivation-wiggo img{height:58px}}
/* FIX 7 – områderne ligger direkte inde i Wiggos lange vector-landskab */
.wiggo-world-map{width:min(1100px,96vw);padding-bottom:50px}
.vector-world-landscape{position:relative;width:100%;max-width:900px;margin:10px auto 0;min-height:2100px;border-radius:45px;overflow:hidden;box-shadow:0 20px 55px rgba(39,82,100,.22);background:#a8df82}
.world-landscape-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.landscape-wiggo{position:absolute;top:3%;left:50%;transform:translateX(-50%);z-index:4;text-align:center}
.landscape-wiggo img{width:clamp(105px,16vw,155px);height:auto;filter:drop-shadow(0 10px 7px rgba(35,70,80,.2));animation:wobble 3s ease-in-out infinite}
.landscape-speech{margin-top:-5px;background:#fff;border:4px solid #e7edf0;border-radius:22px;padding:9px 14px;font-weight:900;color:#35566b;box-shadow:0 7px 18px rgba(40,75,90,.15);white-space:nowrap}
.landscape-level{position:absolute;z-index:5;width:min(430px,70%);transform:translate(-50%,-50%)}
.landscape-level.level-1{left:50%;top:22%}
.landscape-level.level-2{left:50%;top:44%}
.landscape-level.level-3{left:50%;top:66%}
.landscape-level.level-4{left:50%;top:87%}
.landscape-button{width:100%;min-height:105px;border:5px solid #fff;border-radius:30px;padding:10px 15px;display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:12px;text-align:left;color:#25465b;cursor:pointer;box-shadow:0 12px 28px rgba(40,83,101,.2);transition:transform .18s ease,box-shadow .18s ease;position:relative}
.landscape-button:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 18px 34px rgba(40,83,101,.27)}
.landscape-button:active{transform:scale(.98)}
.landscape-button.forest{background:linear-gradient(135deg,#d5f5b7,#fff7c8)}
.landscape-button.village{background:linear-gradient(135deg,#ffe2aa,#fff6df)}
.landscape-button.space{background:linear-gradient(135deg,#d1d8ff,#f4ddff)}
.landscape-button.castle{background:linear-gradient(135deg,#ffd1e5,#fff1bb)}
.landscape-icon{width:58px;height:58px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 5px 12px rgba(0,0,0,.08)}
.landscape-button strong{display:block;font-size:clamp(20px,3vw,29px);line-height:1.05}
.landscape-button small{display:block;margin-top:5px;color:#5d7585;font-weight:800;font-size:13px}
.landscape-button b{background:#fff;border-radius:16px;padding:8px 10px;white-space:nowrap;font-size:13px}
@media(max-width:650px){
.vector-world-landscape{min-height:1850px;border-radius:30px}
.landscape-level.level-1{top:22%}.landscape-level.level-2{top:44%}.landscape-level.level-3{top:66%}.landscape-level.level-4{top:87%}
.landscape-level{width:88%}
.landscape-button{grid-template-columns:52px 1fr;min-height:88px;border-width:4px}
.landscape-icon{width:48px;height:48px;font-size:29px;border-radius:16px}
.landscape-button b{display:none}
.landscape-speech{font-size:13px}
.landscape-wiggo{top:2%}
}
@media(min-width:651px){
.landscape-level.level-1{left:43%}
.landscape-level.level-2{left:57%}
.landscape-level.level-3{left:43%}
.landscape-level.level-4{left:57%}
}
/* Små, glade detaljer: universet må gerne føles som et legetøj, barnet kan røre ved. */
.world-header,.hero-vector,.world-map,.motivation{animation:arrive .55s both}
.hero-vector{animation-delay:.08s}.world-map{animation-delay:.16s}.motivation{animation-delay:.24s}
.header-stars{position:relative;overflow:hidden;animation:starPulse 2.2s ease-in-out infinite}
.header-stars:after{content:"✦";position:absolute;right:5px;top:1px;color:#ffd94d;font-size:14px;animation:twinkle 1.5s ease-in-out infinite}
.mini-choice,.round-button,.next-button,.secondary-button,.landscape-button{touch-action:manipulation}
.mini-choice:hover,.next-button:hover{transform:translateY(-3px) rotate(-1deg);filter:brightness(1.05)}
.mini-choice:active,.round-button:active,.next-button:active,.secondary-button:active{transform:translateY(2px) scale(.96)}
.landscape-button:before{content:"";position:absolute;inset:5px;border:2px dashed rgba(255,255,255,.8);border-radius:24px;pointer-events:none}
.landscape-button:after{content:"✦";position:absolute;right:22px;top:-17px;color:#fff6a6;font-size:28px;text-shadow:0 3px 0 rgba(175,118,33,.26);animation:twinkle 1.6s ease-in-out infinite}
.landscape-button:hover .landscape-icon{animation:iconBounce .55s ease-in-out infinite}
.landscape-button.is-leaving{animation:adventureLaunch .28s ease-in forwards;pointer-events:none}
.landscape-speech{transform:rotate(-2deg)}
.lesson-card{position:relative;overflow:hidden}
.lesson-card:before{content:"✦ · ✦";position:absolute;top:18px;right:27px;letter-spacing:8px;color:#ffe181;font-size:19px}
.letter-box.empty{border-style:dashed}
.letter-box.empty:nth-child(odd){transform:rotate(-1deg)}
.letter-box.empty:nth-child(even){transform:rotate(1deg)}
.letter-box.correct{border-style:solid}
.next-button{position:relative;overflow:hidden}
.next-button:after{content:"";position:absolute;top:-130%;left:-25%;width:38%;height:320%;background:rgba(255,255,255,.35);transform:rotate(28deg);transition:left .4s ease}
.next-button:hover:after{left:110%}
.complete-stars{animation:starDance 1.4s ease-in-out infinite}
button:focus-visible{outline:5px solid #25415a;outline-offset:4px}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes twinkle{0%,100%{transform:scale(.75) rotate(-10deg);opacity:.55}50%{transform:scale(1.18) rotate(12deg);opacity:1}}
@keyframes starPulse{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.06)}}
@keyframes iconBounce{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-8deg)}}
@keyframes adventureLaunch{to{transform:scale(1.06) translateY(-8px);filter:brightness(1.1);opacity:.45}}
@keyframes starDance{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.12)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:650px){.landscape-button:after{right:12px;top:-14px;font-size:22px}.lesson-card:before{right:17px;font-size:14px}.landscape-button:before{border-radius:20px}}
.follow-path{position:relative;z-index:5;margin-top:16px;border:0;background:transparent;color:#31586c;font-weight:900;font-size:15px;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.follow-path:hover{color:#e36d55;transform:translateY(2px)}
@media(max-width:800px){.hero-vector{height:590px}.hero-landscape{height:490px}}
@media(max-width:430px){.hero-vector{height:600px}.hero-landscape{height:475px}.follow-path{font-size:13px}}
/* Forsiden er én sammenhængende eventyrscene: Wiggo øverst, hele stien nedenunder. */
.hero-vector{width:100%;height:auto;min-height:0;margin:0;border-radius:0;display:block;padding:0;background:linear-gradient(#dff8ff 0 510px,#bfeeff 510px 60%,#a8df82 100%)}
.hero-vector .hero-copy{position:absolute;top:48px;left:max(4vw,24px)}
.hero-vector .hero-wiggo-wrap{position:absolute;top:32px;right:max(4vw,24px)}
.hero-vector .vector-scenery{inset:0 0 auto;height:510px}
.hero-vector .hero-landscape{display:none}
.hero-vector .world-map{width:100%;margin:0 auto;padding:490px 0 0;position:relative;z-index:3}
.hero-vector .map-intro{display:none}
.hero-vector .vector-world-landscape{width:100%;max-width:none;height:auto;min-height:0;margin:0;aspect-ratio:10 / 21;border-radius:0;box-shadow:none;background:#bfeeff}
.hero-vector .world-landscape-svg{width:100%;height:100%}
.map-birds{animation:birdGlide 4s ease-in-out infinite}.map-rainbow{filter:drop-shadow(0 5px 3px rgba(50,105,130,.12))}.map-mushroom,.map-bunny,.map-alien,.map-dragon,.map-flowers{filter:drop-shadow(0 5px 3px rgba(50,105,90,.12))}
@keyframes birdGlide{0%,100%{transform:translateX(0)}50%{transform:translateX(28px) translateY(-8px)}}
@keyframes tinyHop{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@media(max-width:800px){.hero-vector{background:linear-gradient(#dff8ff 0 460px,#bfeeff 460px 60%,#a8df82 100%)}.hero-vector .hero-copy{top:25px;left:20px}.hero-vector .hero-wiggo-wrap{top:185px;right:0;bottom:auto}.hero-vector .vector-scenery{height:460px}.hero-vector .world-map{width:100%;padding-top:440px}.hero-vector .vector-world-landscape{min-height:0;border-radius:0}}
@media(max-width:650px){.hero-vector .landscape-level.level-1{top:30%}.hero-vector .landscape-level.level-2{top:51%}.hero-vector .landscape-level.level-3{top:70%}.hero-vector .landscape-level.level-4{top:89%}.hero-vector .landscape-wiggo{transform:translateX(-50%) scale(.78);transform-origin:top center}}
@media(max-width:430px){.hero-vector .world-map{padding-top:450px}.hero-vector .hero-wiggo-wrap{top:200px}}
/* Én verden fra top til bund — indholdet svæver oven på det samme landskab. */
.world-header{position:absolute;top:0;left:50%;z-index:20;transform:translateX(-50%)}
.hero-vector{background:#bfeeff}
.hero-vector .vector-scenery,.hero-vector .hero-landscape{display:none}
.hero-vector .world-map{padding-top:0}
.hero-vector .hero-copy{top:178px;z-index:12}
.hero-vector .hero-wiggo-wrap{top:142px;z-index:12}
.hero-vector .landscape-wiggo{display:none}
.hero-vector .motivation{width:min(700px,92vw);margin:0 auto;padding:20px 24px;border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(40,83,101,.14);transform:translateY(-24px)}
@media(max-width:800px){.world-header{width:94vw}.hero-vector .world-map{padding-top:0}.hero-vector .hero-copy{top:125px;left:20px;max-width:70%}.hero-vector .hero-wiggo-wrap{top:145px;right:-8px}.hero-vector .wiggo-hero{width:185px;height:205px;margin-top:0}.hero-vector .landscape-level.level-1{top:39%}.hero-vector .landscape-level.level-2{top:58%}.hero-vector .landscape-level.level-3{top:75%}.hero-vector .landscape-level.level-4{top:91%}.hero-vector .motivation{font-size:15px;transform:translateY(-14px)}}
@media(max-width:650px){.hero-vector .landscape-level.level-1{top:48%}.hero-vector .landscape-level.level-2{top:65%}.hero-vector .landscape-level.level-3{top:80%}.hero-vector .landscape-level.level-4{top:93%}}
@media(max-width:430px){.hero-vector .hero-copy{top:116px}.hero-vector .hero-wiggo-wrap{top:158px}.hero-vector .landscape-level.level-1{top:52%}.hero-vector .landscape-level.level-2{top:67%}.hero-vector .landscape-level.level-3{top:80%}.hero-vector .landscape-level.level-4{top:93%}}
/* Skærmtilpasning: samme eventyr, men med rolig læsbarhed og store trykflader på alle enheder. */
.world-header{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
.hero-vector .speech{font-size:clamp(20px,2.2vw,29px);max-width:min(510px,48vw)}
.hero-vector .speech span{font-size:clamp(15px,1.6vw,20px)}
.hero-vector .welcome-buttons{flex-wrap:wrap}
.hero-vector .mini-choice,.hero-vector .follow-path{min-height:44px}
.hero-vector .landscape-button{min-height:clamp(96px,9vw,120px)}
.hero-vector .landscape-button:focus-visible{outline-color:#173d54}
@media(min-width:1200px){.hero-vector .vector-world-landscape{max-width:1600px;margin-inline:auto}.hero-vector .landscape-level{width:min(460px,32vw)}.hero-vector .hero-copy{left:max(calc((100vw - 1500px)/2),5vw)}.hero-vector .hero-wiggo-wrap{right:max(calc((100vw - 1500px)/2),5vw)}}
@media(min-width:701px) and (max-width:1100px){.logo-sign{transform:rotate(-2deg) scale(.9);transform-origin:left top}.hero-vector .hero-copy{top:155px}.hero-vector .hero-wiggo-wrap{top:118px;right:3vw}.hero-vector .landscape-level{width:min(410px,54vw)}.hero-vector .landscape-button strong{font-size:clamp(20px,3vw,26px)}}
@media(max-width:700px){.world-header{align-items:flex-start;padding-top:max(10px,env(safe-area-inset-top))}.logo-sign{padding:7px 12px;border-width:3px;border-radius:16px;transform:rotate(-2deg) scale(.84);transform-origin:left top}.logo-title{font-size:30px}.logo-subtitle{font-size:23px;letter-spacing:3px}.logo-tagline{display:none}.header-stars{padding:8px 10px;font-size:18px}.hero-vector .hero-copy{width:calc(100% - 40px);max-width:320px}.hero-vector .speech{padding:14px 16px;border-width:3px;border-radius:22px;max-width:100%;font-size:20px}.hero-vector .speech span{font-size:15px}.hero-vector .welcome-buttons{gap:8px;margin-top:12px}.hero-vector .mini-choice{padding:10px 12px;font-size:13px;border-radius:15px}.hero-vector .follow-path{margin-top:6px;font-size:13px}.hero-vector .landscape-level{width:min(90vw,390px)}.hero-vector .landscape-button{min-height:82px;padding:9px 11px;gap:9px;border-width:4px}.hero-vector .landscape-button strong{font-size:20px}.hero-vector .landscape-button small{font-size:12px}.hero-vector .landscape-icon{width:46px;height:46px;font-size:28px}.hero-vector .motivation{width:calc(100% - 24px);font-size:14px;gap:8px}.hero-vector .motivation-wiggo img{height:52px}}
@media(max-width:360px){.hero-vector .hero-copy{left:12px;width:calc(100% - 24px)}.hero-vector .speech{font-size:18px}.hero-vector .welcome-buttons{max-width:245px}.hero-vector .mini-choice{font-size:12px}.hero-vector .landscape-button{min-height:76px}.hero-vector .landscape-button small{display:none}.hero-vector .landscape-level{width:94vw}}
/* Rolig, samlet komposition: landskabet fylder fladen, mens indholdet følger én tydelig akse. */
.world-header{position:relative;left:auto;top:auto;transform:none;width:min(1080px,92vw);padding:22px 0 14px;z-index:2}
.hero-vector{background:linear-gradient(180deg,#d9f2fb 0%,#b8e6f5 34%,#9bd27b 100%);padding:28px 0 0}
.hero-vector .world-map{width:min(1080px,94vw);padding:0;margin:0 auto}
.hero-vector .vector-world-landscape{max-width:100%;aspect-ratio:10 / 21;border-radius:28px;box-shadow:0 18px 45px rgba(35,76,92,.16);overflow:hidden}
.hero-vector .hero-copy{top:54px;left:50%;width:min(480px,46vw);max-width:none;transform:translateX(-50%);text-align:center}
.hero-vector .hero-copy .speech{text-align:left;background:rgba(255,255,255,.94);border-color:#d9e7eb;box-shadow:0 9px 22px rgba(40,75,90,.12)}
.hero-vector .welcome-buttons{justify-content:center}.hero-vector .follow-path{display:none}
.hero-vector .hero-wiggo-wrap{top:58px;left:calc(50% - 455px);right:auto;width:160px;height:190px}
.hero-vector .wiggo-hero{width:155px;height:175px;margin:0}.hero-vector .svg-cloud{display:none}
.hero-vector .landscape-level{left:50%!important;width:min(520px,68%)!important;transform:translate(-50%,-50%)}
.hero-vector .landscape-level.level-1{top:29%!important}.hero-vector .landscape-level.level-2{top:46%!important}.hero-vector .landscape-level.level-3{top:63%!important}.hero-vector .landscape-level.level-4{top:80%!important}
.hero-vector .landscape-button{border-width:4px;border-radius:24px;box-shadow:0 9px 20px rgba(38,75,90,.16)}
.hero-vector .landscape-button:before,.hero-vector .landscape-button:after{display:none}
.hero-vector .landscape-button:hover{transform:translateY(-3px);box-shadow:0 13px 25px rgba(38,75,90,.2)}
.hero-vector .landscape-icon{border-radius:16px}.hero-vector .landscape-button strong{font-size:clamp(21px,2.4vw,28px)}
.hero-vector .motivation{width:min(620px,90vw);margin:28px auto 38px;transform:none;border-radius:20px;background:rgba(255,255,255,.74);box-shadow:none}
@media(max-width:800px){.world-header{width:92vw;padding:12px 0 8px}.hero-vector{padding-top:0}.hero-vector .world-map{width:94vw}.hero-vector .vector-world-landscape{border-radius:22px}.hero-vector .hero-copy{top:34px;width:min(390px,78vw)}.hero-vector .hero-wiggo-wrap{display:none}.hero-vector .landscape-level{width:min(440px,82%)!important}.hero-vector .landscape-level.level-1{top:30%!important}.hero-vector .landscape-level.level-2{top:49%!important}.hero-vector .landscape-level.level-3{top:67%!important}.hero-vector .landscape-level.level-4{top:84%!important}.hero-vector .landscape-button{min-height:80px;border-radius:20px}.hero-vector .motivation{margin:18px auto 26px}}
@media(max-width:430px){.logo-sign{transform:rotate(-2deg) scale(.78)}.hero-vector .hero-copy{top:24px;width:78vw}.hero-vector .speech{padding:12px 14px;font-size:18px}.hero-vector .welcome-buttons{gap:6px}.hero-vector .landscape-level{width:84%!important}.hero-vector .landscape-level.level-1{top:33%!important}.hero-vector .landscape-level.level-2{top:51%!important}.hero-vector .landscape-level.level-3{top:69%!important}.hero-vector .landscape-level.level-4{top:86%!important}.hero-vector .landscape-button{min-height:76px}.hero-vector .landscape-button strong{font-size:19px}}
/* Ny, samlet forside. */
.place-status{min-height:19px;margin-top:5px;padding:3px 8px;border-radius:9px;background:rgba(255,255,255,.58);font-size:11px;font-weight:900}.place.is-locked{filter:grayscale(.65) saturate(.6);opacity:.72;cursor:not-allowed}.place.is-locked .place-icon{background:rgba(255,255,255,.38)}.place.is-locked:hover{transform:none}.place.is-locked .place-status{background:rgba(60,85,95,.15);color:#3b5964}
.playground-body{min-height:100vh;background:#8fdcf6;overflow-x:hidden;overflow-y:auto}.playground{position:relative;isolation:isolate;width:100%;height:100vh;min-height:570px;overflow:hidden;background:linear-gradient(#8fdcf6 0 58%,#bee99a 58% 77%,#84c86f 77%);font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif}.playground:before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;bottom:17%;height:30%;border-radius:50% 50% 0 0;background:#a5da82}.playground-topbar{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:clamp(18px,4vw,55px);right:clamp(18px,4vw,55px);display:flex;align-items:center;justify-content:space-between}.playground-logo{display:flex;align-items:center;gap:9px;color:#285061;font-size:clamp(17px,2vw,24px);text-shadow:0 2px 0 rgba(255,255,255,.45)}.playground-logo span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#ffe07a;font-size:23px;transform:rotate(-6deg)}.listen-button{display:grid;place-items:center;width:52px;height:52px;border:3px solid #fff;border-radius:17px;background:#fff7dc;color:#325e71;font-size:25px;box-shadow:0 7px 0 rgba(62,115,123,.16);cursor:pointer}.sky-decor span{position:absolute;z-index:0}.sun{top:8%;right:12%;font-size:clamp(45px,6vw,76px);animation:slowSpin 18s linear infinite}.cloud{color:rgba(255,255,255,.87);font-size:clamp(56px,8vw,108px);filter:drop-shadow(0 7px 0 rgba(72,142,166,.08))}.cloud-one{top:16%;left:8%;animation:cloudDrift 9s ease-in-out infinite}.cloud-two{top:31%;right:22%;font-size:clamp(34px,5vw,65px);animation:cloudDrift 12s ease-in-out -4s infinite}.bird{color:#4e7789;font-size:34px;font-weight:900}.bird-one{top:22%;right:34%}.bird-two{top:28%;right:30%;transform:scale(.7)}.wiggo-center{position:absolute;z-index:3;top:50%;left:50%;width:260px;text-align:center;transform:translate(-50%,-50%)}.wiggo-says{position:absolute;left:50%;bottom:100%;width:max-content;max-width:260px;transform:translateX(-50%);padding:13px 16px;border:3px solid #fff;border-radius:21px;background:#fff;color:#345566;font-size:15px;font-weight:900;line-height:1.25;box-shadow:0 8px 0 rgba(55,100,104,.12)}.wiggo-says:after{content:"";position:absolute;left:50%;bottom:-10px;width:16px;height:16px;background:#fff;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translateX(-50%) rotate(45deg)}.playground-wiggo{display:block;width:210px;height:245px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 12px 7px rgba(47,82,73,.17));animation:wiggoBounce 3s ease-in-out infinite}.wiggo-center h1{margin:-9px 0 0;color:#285061;font-size:clamp(25px,3vw,36px);letter-spacing:-1px;text-shadow:0 2px 0 rgba(255,255,255,.44)}.playground-places{position:absolute;z-index:4;inset:0;pointer-events:none}.place{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(142px,16vw,205px);height:clamp(142px,16vw,205px);border:5px solid rgba(255,255,255,.9);border-radius:42% 58% 52% 48% / 48% 45% 55% 52%;color:#284959;box-shadow:0 11px 0 rgba(50,96,83,.14),0 17px 25px rgba(45,88,79,.12);cursor:pointer;transition:transform .2s ease,filter .2s ease}.place-icon{display:grid;place-items:center;width:67px;height:67px;border-radius:50%;background:rgba(255,255,255,.67);font-size:39px}.place strong{margin-top:8px;font-size:clamp(18px,2.1vw,25px)}.place small{margin-top:3px;font-size:12px;font-weight:800;color:#58727b}.place:hover,.place.is-active{transform:translateY(-9px) rotate(-2deg) scale(1.04);filter:saturate(1.1)}.place.is-launching{transform:scale(1.15);opacity:.35;pointer-events:none}.place-forest{left:9%;bottom:18%;background:#d5eeba}.place-village{left:25%;top:25%;background:#ffe4aa}.place-space{right:24%;top:25%;background:#d9d8fb}.place-castle{right:8%;bottom:18%;background:#f9cee0}.ground-decor{position:absolute;z-index:2;left:7%;right:7%;bottom:5%;display:flex;justify-content:space-between;font-size:clamp(26px,4vw,45px);pointer-events:none}.ground-decor span:nth-child(2){transform:translateY(12px)}.ground-decor span:nth-child(4){transform:translateY(-23px);animation:butterfly 2.6s ease-in-out infinite}@keyframes wiggoBounce{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes cloudDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(22px)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes butterfly{0%,100%{transform:translate(0,-23px) rotate(-8deg)}50%{transform:translate(16px,-38px) rotate(9deg)}}.place:focus-visible,.listen-button:focus-visible{outline:5px solid #244a5a;outline-offset:4px}@media(max-width:700px){.playground{height:100svh;min-height:640px}.playground-logo{font-size:18px}.playground-logo span{width:37px;height:37px;font-size:20px}.listen-button{width:46px;height:46px;font-size:22px}.sun{right:8%;top:11%}.cloud-one{left:-7%;top:18%}.cloud-two{right:0;top:30%}.wiggo-center{top:46%;width:210px}.playground-wiggo{width:160px;height:190px}.wiggo-says{max-width:205px;padding:10px 12px;font-size:13px}.wiggo-center h1{font-size:24px}.place{width:112px;height:112px;border-width:4px;border-radius:35% 65% 49% 51% / 50% 42% 58% 50%}.place-icon{width:48px;height:48px;font-size:29px}.place strong{margin-top:4px;font-size:16px}.place small{display:none}.place-forest{left:4%;bottom:24%}.place-village{left:6%;top:31%}.place-space{right:5%;top:31%}.place-castle{right:4%;bottom:24%}.ground-decor{bottom:8%;left:3%;right:3%;font-size:28px}}@media(max-width:380px){.place{width:96px;height:96px}.place-icon{width:43px;height:43px;font-size:26px}.place strong{font-size:14px}.wiggo-center{top:47%}.playground-wiggo{width:145px;height:170px}.wiggo-says{font-size:12px}}
.hero-landscape-new{position:absolute;inset:0;pointer-events:none}.hero-landscape-new svg{width:100%;height:100%;display:block}.scene-sun{fill:#ffdb6e}.scene-cloud{fill:rgba(255,255,255,.72)}.scene-hill-back{fill:#b7dfab}.scene-hill-front{fill:#94ca7e}.scene-tree path{stroke:#795137;stroke-width:11;stroke-linecap:round}.scene-tree circle{fill:#65ae68}.scene-tree circle:first-of-type{fill:#549d5f}.scene-castle path:first-child{fill:#efb7d0}.scene-castle path:nth-child(2){fill:none;stroke:#a574b1;stroke-width:7;stroke-linejoin:round}.scene-castle rect{fill:#8c668a}.scene-path{fill:none;stroke:#f5d88b;stroke-width:26;stroke-linecap:round;stroke-dasharray:3 7}.home-hero:before,.home-hero:after{display:none}.hero-copy-new,.wiggo-welcome{z-index:2}.map-label{display:flex;align-items:center;justify-content:center;gap:12px;margin:-4px 0 13px;color:#7a9197;font-size:10px;font-weight:900;letter-spacing:1.4px}.map-label i{width:min(280px,36vw);height:3px;border-radius:4px;background:repeating-linear-gradient(90deg,#e3bd68 0 7px,transparent 7px 13px)}.adventure-section{position:relative}.adventure-section:before{content:"";position:absolute;z-index:-1;top:105px;bottom:55px;left:50%;width:2px;background:linear-gradient(#d8e6ce,transparent);opacity:.8}@media(max-width:700px){.hero-landscape-new{opacity:.72}.scene-castle,.scene-tree{display:none}.map-label{margin-bottom:10px}.adventure-section:before{display:none}}
.adventure-choice.is-exploring{outline:3px solid rgba(238,125,98,.65);outline-offset:2px;transform:translateY(-4px);box-shadow:0 13px 26px rgba(45,74,84,.14)}.adventure-choice.is-exploring .choice-art{transform:rotate(-5deg) scale(1.07)}.choice-art{transition:transform .18s ease}.wiggo-bubble{transition:transform .18s ease,background .18s ease}.adventure-choice.is-exploring~.wiggo-welcome .wiggo-bubble{background:#fff8dd}
.home-body{background:#f6f5ef;color:#263e4d}.world-home{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 88% 7%,#fff2a8 0 7%,transparent 7.1%),linear-gradient(180deg,#d9f1f6 0 390px,#f6f5ef 390px)}.world-home:before{display:none}.home-nav{width:min(1080px,92vw);margin:0 auto;padding:24px 0 16px;display:flex;align-items:center;justify-content:space-between}.home-brand{display:flex;align-items:center;gap:10px;color:#294554;text-decoration:none}.brand-paw{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffcf66;font-size:23px;transform:rotate(-7deg)}.home-brand strong,.home-brand small{display:block;line-height:1}.home-brand strong{font-size:24px;letter-spacing:-1px}.home-brand small{margin-top:3px;color:#6b8590;font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.home-progress{padding:10px 14px;border:1px solid rgba(53,91,105,.12);border-radius:14px;background:rgba(255,255,255,.72);font-weight:900;color:#315264}.home-hero{width:min(1080px,92vw);min-height:325px;margin:0 auto 55px;position:relative;display:flex;align-items:center;justify-content:space-between;border-radius:30px;background:linear-gradient(135deg,#eefbfc 0%,#d7f0e9 100%);box-shadow:0 18px 45px rgba(48,89,99,.12);overflow:hidden}.home-hero:before,.home-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.55)}.home-hero:before{width:260px;height:260px;right:-95px;bottom:-130px}.home-hero:after{width:120px;height:120px;right:270px;top:-62px}.hero-copy-new{position:relative;z-index:1;width:min(550px,58%);padding:42px 0 42px 7%}.eyebrow{display:inline-block;color:#62818c;font-size:11px;font-weight:900;letter-spacing:1.7px}.hero-copy-new h1{margin:10px 0 12px;font-size:clamp(36px,5vw,58px);line-height:.98;letter-spacing:-2px;color:#294554}.hero-copy-new p{max-width:390px;margin:0;color:#5e7782;font-size:18px;line-height:1.45}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.primary-action,.sound-action{min-height:48px;border:0;border-radius:14px;padding:0 17px;font-weight:900;cursor:pointer}.primary-action{background:#ee7d62;color:#fff;box-shadow:0 8px 0 #cf604c}.primary-action span{margin-left:13px;font-size:18px}.sound-action{background:rgba(255,255,255,.78);color:#315264}.wiggo-welcome{position:relative;align-self:flex-end;z-index:1;width:330px;height:300px;margin-right:5%}.wiggo-welcome img{position:absolute;right:10px;bottom:-6px;width:245px;height:275px;object-fit:contain;filter:drop-shadow(0 13px 8px rgba(48,83,79,.17))}.wiggo-bubble{position:absolute;z-index:1;top:36px;left:0;padding:10px 13px;border-radius:15px;background:#fff;color:#46616d;font-size:13px;font-weight:900;box-shadow:0 8px 20px rgba(45,85,93,.1)}.welcome-spark{position:absolute;z-index:2;color:#f5b93f;font-size:27px}.spark-one{top:18px;right:25px}.spark-two{top:130px;right:0;font-size:18px}.adventure-section{width:min(920px,92vw);margin:0 auto;padding-bottom:44px}.section-intro{text-align:center;margin-bottom:24px}.section-intro h2{margin:7px 0 5px;color:#294554;font-size:clamp(28px,4vw,40px);letter-spacing:-1px}.section-intro p{margin:0;color:#6b8189}.adventure-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.adventure-choice{min-height:148px;position:relative;display:grid;grid-template-columns:75px 1fr 30px;align-items:center;gap:14px;padding:18px 19px;border:1px solid rgba(52,84,96,.1);border-radius:22px;text-align:left;color:#294554;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.adventure-choice:hover{transform:translateY(-4px);box-shadow:0 13px 26px rgba(45,74,84,.12)}.adventure-choice:active,.adventure-choice.is-starting{transform:scale(.98);opacity:.78}.forest-choice{background:#e1f0d9}.village-choice{background:#fdf0d6}.space-choice{background:#e7e7fb}.castle-choice{background:#f9e2eb}.choice-art{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:rgba(255,255,255,.65);font-size:37px}.choice-content strong,.choice-content small{display:block}.choice-content strong{font-size:25px;letter-spacing:-.7px}.choice-content small{margin-top:4px;color:#647b84;font-size:13px;font-weight:800}.choice-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.7);font-size:18px;font-weight:900}.choice-progress{display:flex;gap:4px;margin-top:13px}.choice-progress i{display:block;width:8px;height:8px;border-radius:50%;background:rgba(54,93,101,.18)}.home-footer{display:flex;align-items:center;justify-content:center;gap:9px;padding:20px;background:#d9ebc8;color:#466555;font-size:14px;font-weight:900}.home-footer img{width:42px;height:42px;object-fit:contain}.adventure-choice:focus-visible,.primary-action:focus-visible,.sound-action:focus-visible{outline:4px solid #25415a;outline-offset:3px}@media(max-width:700px){.world-home{background:linear-gradient(180deg,#d9f1f6 0 305px,#f6f5ef 305px)}.home-nav{padding:15px 0 12px}.brand-paw{width:36px;height:36px;font-size:19px}.home-brand strong{font-size:21px}.home-progress{padding:8px 10px;font-size:14px}.home-hero{min-height:0;margin-bottom:38px;border-radius:23px}.hero-copy-new{width:100%;padding:30px 25px 34px}.hero-copy-new h1{font-size:38px}.hero-copy-new p{max-width:280px;font-size:16px}.wiggo-welcome{position:absolute;right:-23px;bottom:0;width:180px;height:185px;margin:0;opacity:.95}.wiggo-welcome img{right:0;width:175px;height:190px}.wiggo-bubble,.welcome-spark{display:none}.hero-actions{margin-top:20px}.primary-action,.sound-action{min-height:44px;font-size:13px}.adventure-section{width:min(560px,92vw)}.adventure-grid{grid-template-columns:1fr;gap:11px}.adventure-choice{min-height:108px;grid-template-columns:58px 1fr 28px;padding:13px 15px;border-radius:18px}.choice-art{width:54px;height:54px;border-radius:16px;font-size:30px}.choice-content strong{font-size:21px}.choice-progress{margin-top:9px}.home-footer{font-size:13px}}@media(max-width:370px){.hero-copy-new{padding-inline:18px}.hero-copy-new h1{font-size:34px}.wiggo-welcome{opacity:.45}.sound-action{display:none}}
/* Skærmtastatur: vises kun på touch-enheder, og ordsiden rykker sammen, så ordet kan ses, mens barnet skriver. */
.letter-keyboard{display:none}
body.uses-touch .letter-keyboard:not([hidden]){position:sticky;bottom:0;z-index:50;display:flex;flex-direction:column;gap:6px;padding:8px max(5px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));background:rgba(255,255,255,.95);box-shadow:0 -6px 18px rgba(40,80,100,.14)}
.letter-keyboard-row{display:flex;justify-content:center;gap:4px}
.letter-key{flex:1 1 0;min-width:0;max-width:78px;height:clamp(50px,8vh,72px);padding:0;border:0;border-radius:12px;background:#e8f3f8;color:#25415a;font-size:clamp(20px,3.4vw,30px);font-weight:1000;box-shadow:0 4px 0 #c3d6df;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.letter-key:active{background:#ffd45c;box-shadow:0 1px 0 #c3d6df;transform:translateY(3px)}
body.uses-touch{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
body.uses-touch .game-world{flex:1 0 auto;display:flex;flex-direction:column;min-height:0;padding-top:10px;padding-bottom:12px}
body.uses-touch .game-topbar,body.uses-touch .progress-track{width:100%;flex:none}
body.uses-touch .lesson-stage{width:100%;margin-block:auto}
body.uses-touch .progress-track{margin:10px auto}
body.uses-touch .lesson-stage{min-height:0}
body.uses-touch .wiggo-lesson{max-height:280px}
body.uses-touch .lesson-card{min-height:0;padding:14px 16px 16px}
body.uses-touch .illustration{min-height:104px;font-size:84px}
body.uses-touch .vector-lesson{font-size:0}
body.uses-touch .vector-lesson.has-word-emoji{font-size:84px}
body.uses-touch .vector-lesson svg{width:min(150px,50%)}
body.uses-touch .word-illustration-image{height:104px}
body.uses-touch .lesson-card h1{margin:2px 0;font-size:26px}
body.uses-touch .lesson-kicker,body.uses-touch .lesson-help{display:none}
body.uses-touch .instruction{margin-bottom:4px;font-size:16px}
body.uses-touch .word{min-height:70px;margin:6px 0}
@media(max-width:800px){body.uses-touch .wiggo-side-card{display:none}}
@media(max-height:500px){.letter-key{height:40px;font-size:18px}body.uses-touch .letter-keyboard:not([hidden]){gap:4px;padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}body.uses-touch .lesson-card h1,body.uses-touch .instruction,body.uses-touch .wiggo-side-card{display:none}body.uses-touch .lesson-stage{grid-template-columns:1fr}body.uses-touch .illustration{min-height:64px;font-size:52px}body.uses-touch .vector-lesson.has-word-emoji{font-size:52px}body.uses-touch .word{min-height:58px;margin:2px 0}body.uses-touch .letter-box{height:50px}}
/* Et kort med plads til flere eventyr og rulning på små skærme. */
.expanded-map.playground{height:auto;min-height:100svh;padding:110px 24px 75px}
.expanded-map .wiggo-center{position:relative;top:auto;left:auto;transform:none;width:260px;margin:45px auto 26px}
.expanded-map .playground-wiggo{width:150px;height:175px}
.expanded-map .playground-places{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;max-width:960px;margin:0 auto}
.expanded-map .place{position:relative;inset:auto;width:100%;height:auto;min-height:185px;padding:16px 8px}
.expanded-map .place-ocean{background:#bcecf4}
.expanded-map .place-jungle{background:#b9e7b0}
.expanded-map .place-mountains{background:#dfedfa}
.expanded-map .place-dinosaurs{background:#f6d5ac}
.expanded-map .place:disabled{cursor:default;filter:grayscale(.55);opacity:.7;transform:none}
.expanded-map .ground-decor{bottom:15px}
@media(max-width:700px){
.expanded-map.playground{padding:105px 18px 65px}
.expanded-map .wiggo-center{top:auto;width:210px;margin:40px auto 24px}
.expanded-map .playground-places{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;max-width:440px}
.expanded-map .place{min-height:150px}
.expanded-map .place strong{font-size:19px}
.expanded-map .place small{display:block;font-size:11px}
}