.cls-1[data-v-12424489],.cls-2[data-v-12424489]{fill:#fff}.cls-3[data-v-12424489]{fill:none}.cls-4[data-v-12424489]{fill:#fff}.cls-1[data-v-5997da36]{fill:#000}.cq-home{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--ink-900);font-family:var(--font-ui)}.cq-home *{box-sizing:border-box}.cq-home__backdrop{inset:0;overflow:hidden}.cq-home__backdrop,.cq-home__glow{position:absolute;pointer-events:none;z-index:0}.cq-home__glow{border-radius:50%}.cq-home__glow--green{left:-160px;top:-120px;width:620px;height:620px;background:radial-gradient(circle,var(--accent) 0,transparent 68%);opacity:.16}.cq-home__glow--cyan{right:-180px;bottom:-200px;width:680px;height:680px;background:radial-gradient(circle,var(--accent-deep) 0,transparent 68%);opacity:.14}.cq-home__hero{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:392px 1fr;gap:36px;align-items:center;width:100%;max-width:1360px;margin:0 auto;padding:34px 48px 10px}.cq-home__intro{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.cq-home__wordmark{margin:0;line-height:0}.cq-home__wordmark svg{display:block;width:340px;height:auto}.cq-home__wordmark svg path{fill:var(--ink-900)!important}.cq-home__tagline{margin:16px 0 0;font-family:var(--font-title);font-weight:600;font-size:21px;line-height:1.35;color:var(--ink-700);max-width:24ch;text-wrap:pretty}.cq-home__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.cq-home__play{display:inline-flex;align-items:center;gap:12px;height:58px;padding:0 30px 0 20px;border-radius:16px;background:var(--accent-strong);color:#fff;font-family:var(--font-title);font-weight:700;font-size:20px;text-decoration:none;white-space:nowrap;box-shadow:0 12px 28px -12px var(--accent-shadow);transition:transform .15s ease}.cq-home__play:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px -12px var(--accent-shadow)}.cq-home__play:active{transform:translateY(1px)}.cq-home__play:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft),0 0 0 4px var(--accent-deep)}.cq-home__play-badge{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.18);display:grid;place-items:center;flex-shrink:0}.cq-home__play-badge svg{display:block;width:17px;height:17px}.cq-home__play-badge svg path{fill:#fff!important}.cq-home__manual{display:inline-flex;align-items:center;height:58px;padding:0 22px;border-radius:16px;background:var(--card);border:1px solid var(--line-2);color:var(--ink-900);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.cq-home__manual:hover{color:var(--ink-900);background:var(--soft);border-color:var(--ink-300)}.cq-home__manual:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft),0 0 0 4px var(--accent-deep)}.cq-home__demo{min-width:0}.cq-home__footer{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;gap:18px;width:100%;max-width:1360px;margin:0 auto;border-top:1px solid var(--line);padding:16px 48px 20px;padding-left:calc(48px + env(safe-area-inset-left));padding-right:calc(48px + env(safe-area-inset-right));padding-bottom:calc(20px + env(safe-area-inset-bottom))}.cq-home__org{display:block;height:44px;width:auto;flex-shrink:0}.cq-home__divider{width:1px;height:26px;background:var(--line-2);flex-shrink:0}.cq-home__credit{font-size:12.5px;line-height:1.45;color:var(--ink-500)}.cq-level-demo{display:flex;flex-direction:column;min-width:0}.cq-demo__themes{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:4px;padding:5px;border-radius:999px;background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.7);box-shadow:0 1px 1px rgba(16,24,40,.04),0 18px 36px -22px rgba(16,24,40,.65),inset 0 1px 0 hsla(0,0%,100%,.85);backdrop-filter:saturate(190%) blur(22px);-webkit-backdrop-filter:saturate(190%) blur(22px)}.cq-demo__themes.is-farm{--wereld-ink:#0a7c3c;--wereld-rand:rgba(10,124,60,.34);--wereld-gloed:rgba(10,124,60,.4)}.cq-demo__themes.is-desert{--wereld-ink:#a8461f;--wereld-rand:rgba(168,70,31,.32);--wereld-gloed:rgba(168,70,31,.38)}.cq-demo__themes.is-ice{--wereld-ink:#046c92;--wereld-rand:rgba(4,108,146,.32);--wereld-gloed:rgba(4,108,146,.38)}.cq-demo__thumb{position:absolute;top:5px;left:5px;width:46px;height:46px;border-radius:999px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.88));box-shadow:inset 0 0 0 1px var(--wereld-rand),inset 0 1px 0 hsla(0,0%,100%,.95),0 8px 18px -10px var(--wereld-gloed);transform:translateX(calc(var(--plek)*50px));transition:transform .42s cubic-bezier(.34,1.36,.5,1),box-shadow .3s ease;pointer-events:none}.cq-demo__theme{position:relative;z-index:1;width:46px;height:46px;padding:0;border:0;border-radius:999px;background:transparent;display:grid;place-items:center;cursor:pointer}.cq-demo__theme:active,.cq-demo__theme:focus,.cq-demo__theme:hover{background:transparent;border:0;outline:none}.cq-demo__theme:focus-visible{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.95),0 0 0 5px var(--wereld-ink)}.cq-demo__theme-icoon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;opacity:.55;filter:saturate(.55);transition:opacity .24s ease,filter .24s ease,transform .24s ease}.cq-demo__theme:hover .cq-demo__theme-icoon{opacity:.85;filter:none}.cq-demo__theme.is-active .cq-demo__theme-icoon{opacity:1;filter:drop-shadow(0 2px 3px rgba(16,24,40,.22));transform:scale(1.08)}.cq-demo{position:relative;height:min(clamp(400px,66vh,620px),100vh - 210px);border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 34px 70px -34px rgba(15,23,42,.6),0 1px 3px rgba(20,28,38,.06);background:linear-gradient(180deg,#cfe8f6,#e0eef4 42%,#e9f0e5 72%,#efeadb);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .4s ease}.cq-demo[data-theme=desert]{background:linear-gradient(180deg,#d7ecf8,#e6eff2 40%,#f3ead6 72%,#f7e3c4)}.cq-demo[data-theme=ice]{background:linear-gradient(180deg,#d3e9f7,#e2f1f9 44%,#eaf5fb 74%,#f2f8fc)}.cq-demo__stage{position:absolute;inset:0}.cq-demo__canvas{display:block;width:100%;height:100%;transition:opacity .18s ease}.cq-demo.is-swapping .cq-demo__canvas{opacity:0}.cq-demo__medaille{position:absolute;z-index:1;transform:translate(-50%,-100%);transform-origin:50% 100%;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 50% 34%,#fff 0,hsla(0,0%,100%,.96) 62%,hsla(0,0%,100%,.9) 100%);box-shadow:0 1px 1px rgba(16,24,40,.05),0 16px 28px -14px rgba(16,24,40,.6),inset 0 1px 0 hsla(0,0%,100%,.95);pointer-events:none;animation:cq-demo-zweef 2.8s ease-in-out .5s infinite}.cq-demo__medaille img{display:block;width:36px;height:36px;filter:drop-shadow(0 2px 3px rgba(16,24,40,.26))}.cq-demo__medaille:after{content:"";position:absolute;bottom:-9px;left:50%;width:13px;height:13px;margin-left:-12px;border-radius:50%;background:hsla(0,0%,100%,.97);box-shadow:0 6px 12px -7px rgba(16,24,40,.55)}.cq-demo-badge-enter-active{animation:cq-demo-pop .44s cubic-bezier(.26,1.42,.48,1) both}.cq-demo-badge-leave-active{animation:cq-demo-pop .2s ease reverse both}@keyframes cq-demo-pop{0%{opacity:0;transform:translate(-50%,-80%) scale(.65)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes cq-demo-zweef{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 6px))}}.cq-demo__schaduwvlak{inset:0;background:radial-gradient(120% 90% at 6% 104%,rgba(16,24,40,.1) 0,rgba(16,24,40,.05) 34%,rgba(16,24,40,0) 62%)}.cq-demo__code,.cq-demo__schaduwvlak{position:absolute;pointer-events:none}.cq-demo__code{bottom:16px;left:16px;width:272px;padding:10px;border-radius:22px;background:hsla(0,0%,100%,.55);border:1px solid hsla(0,0%,100%,.75);box-shadow:0 1px 1px rgba(16,24,40,.04),0 22px 44px -24px rgba(16,24,40,.7),inset 0 1px 0 hsla(0,0%,100%,.85);backdrop-filter:saturate(190%) blur(22px);-webkit-backdrop-filter:saturate(190%) blur(22px)}.cq-demo__code-head{display:flex;align-items:center;gap:7px;padding:2px 4px 9px}.cq-demo__code-icon{width:16px;height:16px;color:var(--ink-500);display:grid;place-items:center;flex-shrink:0}.cq-demo__code-icon svg{display:block;width:14px;height:14px}.cq-demo__code-title{font-family:var(--font-ui);font-weight:600;font-size:12px;letter-spacing:.02em;color:var(--ink-500)}@keyframes cq-demo-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.cq-demo__code-body{background:transparent;padding:0}.cq-demo__loop{background:var(--cyan-deep);border-radius:11px;padding:8px;color:#fff;box-shadow:0 1px 2px rgba(23,33,43,.18)}.cq-demo__loop-title{display:flex;align-items:center;gap:6px;padding:1px 5px 8px;font-family:var(--font-title);font-weight:700;font-size:13px}.cq-demo__count{background:#fff;color:var(--ink-900);border-radius:7px;padding:1px 8px;font-size:12px}.cq-demo__loop-body{background:rgba(0,0,0,.13);border-radius:9px;padding:8px;margin-left:12px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}.cq-demo__block{display:flex;align-items:center;gap:8px;border-radius:11px;padding:6px 12px;font-family:var(--font-title);font-weight:700;font-size:13px;background:var(--coral);color:#fff;box-shadow:0 1px 2px rgba(23,33,43,.18);transition:background .16s ease,color .16s ease}.cq-demo__block.is-active{background:#ffc233;color:var(--ink-900)}.cq-demo__paren{font-family:var(--font-title);font-weight:700;font-size:14px;color:hsla(0,0%,100%,.92);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cq-demo__block.is-active .cq-demo__paren{color:rgba(23,33,43,.7)}.cq-demo__arg{padding:2px 12px;border-radius:8px;background:hsla(0,0%,100%,.92);color:var(--ink-900);font-size:12.5px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(23,33,43,.1);transition:box-shadow .2s ease}.cq-demo__block.is-active .cq-demo__arg{box-shadow:inset 0 0 0 1.5px var(--accent-strong);background:#fff}@media(prefers-reduced-motion:reduce){.cq-home__play{transition:none}.cq-home__play:hover{transform:none}.cq-demo__block,.cq-demo__theme-icoon,.cq-demo__thumb{transition:none}.cq-demo__theme.is-active .cq-demo__theme-icoon{transform:none}.cq-demo-badge-enter-active,.cq-demo-badge-leave-active,.cq-demo__medaille{animation:none}}:root[data-cq-calm] .cq-home__play{transition:none}:root[data-cq-calm] .cq-home__play:hover{transform:none}:root[data-cq-calm] .cq-demo__block,:root[data-cq-calm] .cq-demo__theme-icoon,:root[data-cq-calm] .cq-demo__thumb{transition:none}:root[data-cq-calm] .cq-demo__theme.is-active .cq-demo__theme-icoon{transform:none}:root[data-cq-calm] .cq-demo-badge-enter-active,:root[data-cq-calm] .cq-demo-badge-leave-active,:root[data-cq-calm] .cq-demo__medaille{animation:none}@media(max-width:1179px){.cq-home__hero{grid-template-columns:340px 1fr;gap:28px;padding:0 32px}.cq-home__wordmark svg{width:280px}.cq-demo__code{width:232px}.cq-home__footer{padding-left:calc(32px + env(safe-area-inset-left));padding-right:calc(32px + env(safe-area-inset-right))}}@media(max-width:899px){.cq-home{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.cq-home__hero{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:0;padding:28px 24px 4px}.cq-home__intro{display:contents}.cq-home__wordmark{order:1}.cq-home__tagline{order:2}.cq-home__actions{order:3}.cq-home__demo{order:4;width:100%;margin-top:24px}.cq-demo{height:380px}.cq-demo__code{width:220px}.cq-home__footer{padding:24px 24px 20px;padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right));padding-bottom:calc(20px + env(safe-area-inset-bottom))}}@media(max-width:599px){.cq-home__hero{padding:20px 16px 0}.cq-demo__themes{top:10px;right:10px;gap:3px;padding:4px}.cq-demo__thumb{top:4px;left:4px;transform:translateX(calc(var(--plek)*43px))}.cq-demo__theme,.cq-demo__thumb{width:40px;height:40px}.cq-demo__theme-icoon{width:26px;height:26px}.cq-home__wordmark svg{width:min(100%,260px)}.cq-home__actions{flex-direction:column;align-items:stretch;width:100%}.cq-home__manual,.cq-home__play{width:100%;height:52px;justify-content:center}.cq-home__play{padding:0 20px;font-size:18px}.cq-demo{height:auto;display:flex;flex-direction:column}.cq-demo__stage{position:relative;inset:auto;height:300px}.cq-demo__code{position:static;width:auto;margin:10px 10px 0;box-shadow:0 8px 20px -14px rgba(15,23,42,.62)}.cq-home__footer{padding:20px 16px 16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.cls-1[data-v-43d65d88],.cls-2[data-v-43d65d88]{fill:none;stroke:#000;stroke-width:5px}.cls-1[data-v-43d65d88]{stroke-miterlimit:10}.cls-2[data-v-43d65d88]{stroke-linecap:round;stroke-linejoin:round}.cls-1[data-v-5dd2d3c5],.cls-2[data-v-5dd2d3c5]{fill:none;stroke:#000;stroke-width:5px}.cls-1[data-v-5dd2d3c5]{stroke-miterlimit:10}.cls-2[data-v-5dd2d3c5]{stroke-linecap:round;stroke-linejoin:round}.mute-line[data-v-5dd2d3c5]{stroke:#000;stroke-width:4px;stroke-linecap:round}.loader-dots[data-v-0ae3f89c]{display:flex;align-items:center;justify-content:center;gap:8px}.dot[data-v-0ae3f89c]{width:14px;height:14px;border-radius:50%;animation:dotBounce-0ae3f89c 1.4s ease-in-out infinite}.dot-1[data-v-0ae3f89c]{background:#1de573;animation-delay:0s}.dot-2[data-v-0ae3f89c]{background:#08cdff;animation-delay:.15s}.dot-3[data-v-0ae3f89c]{background:#f78360;animation-delay:.3s}@keyframes dotBounce-0ae3f89c{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}#app{overflow-x:hidden;background-size:cover;background-repeat:repeat-y}.grid{grid-column:span 10/span 10;grid-column-start:2}.full-container{height:100%;min-height:0;flex:1 1 0%}p{margin:0}.navbar{position:relative;margin-top:15px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;border-radius:7px;padding-top:0;padding-bottom:0;padding-left:10px;padding-right:10px}.navbar .brand{height:30px}.navbar ul{display:inline-flex}.navbar ul li{margin-left:15px;display:flex;height:50px;align-items:center;justify-content:center}.navbar ul li .blockOpen{pointer-events:none}.navbar ul li img{margin-right:5px;display:inline-flex;height:20px}.navbar ul li .login-icon,.navbar ul li .profile-icon{height:30px}.navbar ul li .router-link-active{white-space:nowrap;font-weight:700}.navbar ul li .router-link-active .menu-active-left,.navbar ul li .router-link-active .menu-active-right{position:absolute;top:5px;display:inline-block;height:40px;width:30px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.navbar ul li .router-link-active .menu-active-left{clip-path:polygon(0 0,40% 0,40% 5%,5% 5%,5% 95%,40% 95%,40% 100%,0 100%);margin-left:-5px}.navbar ul li .router-link-active .menu-active-right{clip-path:polygon(100% 0,60% 0,60% 5%,95% 5%,95% 95%,60% 95%,60% 100%,100% 100%);margin-left:-20px}.navbar ul li .router-link-active .menu-active-right.profile{margin-left:-30px}.navbar ul .dropdown .profile-dropdown,.navbar ul .dropdown .teacher-dropdown{position:absolute;top:50px;z-index:50;display:none;border-bottom-right-radius:7px;border-bottom-left-radius:7px;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gamePage .psdBlock .nested .block-vis .parent .blockEntry.value.navbar ul .dropdown .profile-dropdown,.gamePage .psdBlock .nested .block-vis .parent .blockEntry.value.navbar ul .dropdown .teacher-dropdown,.gu-mirror.block-vis .parent .blockEntry.value.navbar ul .dropdown .profile-dropdown,.gu-mirror.block-vis .parent .blockEntry.value.navbar ul .dropdown .teacher-dropdown{display:none}.navbar ul .dropdown .profile-dropdown ul,.navbar ul .dropdown .teacher-dropdown ul{display:block}.navbar ul .dropdown .profile-dropdown ul>:not([hidden])~:not([hidden]),.navbar ul .dropdown .teacher-dropdown ul>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul{padding:8px;margin:4px}.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-function,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-condition,.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-loop,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-condition,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-condition span.preview-condition,.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-loop span.preview-condition,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-condition span.preview-condition,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-condition .preview-input,.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-loop .preview-input,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-condition .preview-input,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-repeat,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-repeat .preview-input,.gamePage .draggable.navbar ul .dropdown .profile-dropdown ul.block-repeat span.preview-condition,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-repeat .preview-input,.gamePage .draggable.navbar ul .dropdown .teacher-dropdown ul.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .basicBlock .navbar ul .dropdown .profile-dropdown ul,.gamePage .basicBlock .navbar ul .dropdown .teacher-dropdown ul,.levelMakerPage .basicBlock .navbar ul .dropdown .profile-dropdown ul,.levelMakerPage .basicBlock .navbar ul .dropdown .teacher-dropdown ul,.teacherPage .basicBlock .navbar ul .dropdown .profile-dropdown ul,.teacherPage .basicBlock .navbar ul .dropdown .teacher-dropdown ul{cursor:grab}.navbar ul .dropdown .profile-dropdown ul li,.navbar ul .dropdown .teacher-dropdown ul li{margin:0;border-style:dashed;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px}.navbar ul .dropdown .teacher-dropdown{margin-right:40px}.navbar ul .dropdown .profile-dropdown{margin-right:100px}.navbar ul .dropdown.dropped .profile-dropdown,.navbar ul .dropdown.dropped .teacher-dropdown{display:block}.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown{padding:8px;margin:4px}.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-function,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-condition,.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-loop,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-condition,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-condition span.preview-condition,.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-loop span.preview-condition,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-condition span.preview-condition,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-condition .preview-input,.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-loop .preview-input,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-condition .preview-input,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-repeat,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-repeat .preview-input,.gamePage .draggable.navbar ul .dropdown.dropped .profile-dropdown.block-repeat span.preview-condition,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-repeat .preview-input,.gamePage .draggable.navbar ul .dropdown.dropped .teacher-dropdown.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .basicBlock .navbar ul .dropdown.dropped .profile-dropdown,.gamePage .basicBlock .navbar ul .dropdown.dropped .teacher-dropdown,.levelMakerPage .basicBlock .navbar ul .dropdown.dropped .profile-dropdown,.levelMakerPage .basicBlock .navbar ul .dropdown.dropped .teacher-dropdown,.teacherPage .basicBlock .navbar ul .dropdown.dropped .profile-dropdown,.teacherPage .basicBlock .navbar ul .dropdown.dropped .teacher-dropdown{cursor:grab}.pageContainer{display:grid;grid-column:span 10/span 10;grid-column-start:2}.cq-panel>.basicBlock>.pageContainer{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}@media (min-width:768px){.pageContainer{-moz-column-gap:15px;column-gap:15px}}@media (min-width:1024px){.pageContainer{gap:15px}}.noUpperBorder{border-top-width:0}.spaceAbove{margin-top:20px}.end{border-bottom-right-radius:7px;border-bottom-left-radius:7px}.buttonsCenter{display:flex;justify-content:center}.buttonsCenter.spaceAbove{margin-top:20px;margin-bottom:20px}.buttonsRight{display:flex;justify-content:flex-end;padding-right:5px}.leftRight{justify-content:space-between}.copyright{position:fixed;left:5px;bottom:5px;font-size:12px}@keyframes delayTooltip{99%{opacity:0}to{opacity:1}}.tooltip{position:relative;display:inline-block}.tooltip:hover .tooltipText{display:inline-block;opacity:0;animation:delayTooltip 1s;animation-fill-mode:forwards}.tooltip .tooltipText{transform:translate(-50%);position:absolute;left:50%;z-index:50;display:none;width:100px;white-space:normal;border-radius:7px;--tw-bg-opacity:1;background-color:rgb(89 81 107/var(--tw-bg-opacity,1));padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;text-align:center;font-size:12px;opacity:0;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gamePage .psdBlock .nested .block-vis .parent .blockEntry.value.tooltip .tooltipText,.gu-mirror.block-vis .parent .blockEntry.value.tooltip .tooltipText{display:none}.tooltip .tooltipText p{margin-left:0;margin-right:0;display:inline-block}.tooltip .tooltipText i{position:absolute;left:50%;bottom:100%;margin-left:-10px;height:10px;width:20px;overflow:hidden}.tooltip .tooltipText i:after{content:"";position:absolute;left:50%;height:10px;width:10px;--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(89 81 107/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:translate(-50%,50%) rotate(45deg)}.tooltip .tooltipText.left{top:-25%;left:-160%}.tooltip .tooltipText.left i{left:100%;bottom:50%;--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tooltip .tooltipText.left i:after{transform:translate(-50%,50%) rotate(90deg)}.tooltip .tooltipText.wide{transform:translate(-58.33%);width:83.333333%}.more{display:inline;height:20px;cursor:pointer;align-self:center;padding-left:10px;padding-right:10px}.gamePage .psdBlock .nested .block-vis .parent .blockEntry.value.noMoreDisplay,.gu-mirror.block-vis .parent .blockEntry.value.noMoreDisplay,.noMoreDisplay{display:none}.moreDisplay{display:inline}.toggle{position:relative;cursor:pointer}.toggle .base{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.toggle .background{display:block;height:20px;width:40px;border-radius:7px;border-width:2px;--tw-border-opacity:1;border-color:rgb(211 77 74/var(--tw-border-opacity,1))}.gamePage .draggable.toggle .background{padding:8px;margin:4px}.gamePage .draggable.toggle .background.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.toggle .background.block-condition,.gamePage .draggable.toggle .background.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.toggle .background.block-condition span.preview-condition,.gamePage .draggable.toggle .background.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.toggle .background.block-condition .preview-input,.gamePage .draggable.toggle .background.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .draggable.toggle .background.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.toggle .background.block-repeat .preview-input,.gamePage .draggable.toggle .background.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .basicBlock .toggle .background,.levelMakerPage .basicBlock .toggle .background,.teacherPage .basicBlock .toggle .background{cursor:grab}.toggle .button{position:absolute;top:0;height:20px;width:15px;border-radius:7px;--tw-bg-opacity:1;background-color:rgb(211 77 74/var(--tw-bg-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;left:-4px}.toggle input:checked~.background{--tw-border-opacity:1;border-color:rgb(76 171 84/var(--tw-border-opacity,1))}.toggle input:checked~.button{transform:translateX(88%);--tw-bg-opacity:1;background-color:rgb(76 171 84/var(--tw-bg-opacity,1))}.scroll-wrapper{max-height:100%;overflow-y:auto}.scroll-wrapper::-webkit-scrollbar{width:8px}.scroll-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:8px}.scroll-wrapper::-webkit-scrollbar-track{background:transparent}.achievements{margin:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;grid-column:span 10/span 10;grid-column-start:2}.cq-panel>.basicBlock>.achievements{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}@media (min-width:768px){.achievements{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.achievements{grid-template-columns:repeat(6,minmax(0,1fr))}}.achievements .achievement{height:150px;border-radius:7px;background-color:rgb(89 81 107/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5;padding:15px}.achievements .achievement img{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;height:75px}.achievements .achievement .achievementName{margin-top:15px;text-align:center;font-weight:600}canvas{width:100%}.blockEntry.selectable{display:flex;align-items:center;justify-content:space-between}.blockEntry.selectable .inherit{display:flex;align-items:center;gap:.5rem}.drag-handle{display:inline-flex;align-items:center;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.farm{background-image:url(/img/Background.159ba0a7.svg)}.farm .header.upper,.farm .header.whole,.farm .subheader{--tw-text-opacity:1;color:rgb(103 195 206/var(--tw-text-opacity,1))}.farm .blockEntry.selectable:hover,.farm .blockEntry.selected{--tw-bg-opacity:1;background-color:rgb(103 195 206/var(--tw-bg-opacity,1))}.farm .overlay.overlayVisible .message .messageHeader.neutral{--tw-text-opacity:1;color:rgb(103 195 206/var(--tw-text-opacity,1))}.farm .dropdown li ul li p:hover,.farm .gamePage #codeArea .cm-s-dracula .highlight,.farm .gamePage .psdBlock .nested .block-vis.assign .selected,.farm .gamePage .psdBlock .nested .block-vis.assign .selected .lhs,.farm .gamePage .psdBlock .nested .block-vis.assign .selected .rhs,.farm .gamePage .psdBlock .nested .block-vis.assign .selected select,.farm .gamePage .psdBlock .nested .block-vis.assign.selected,.farm ul li ul li:hover>p,.selected .farm .gamePage .psdBlock .nested{--tw-bg-opacity:1;background-color:rgb(103 195 206/var(--tw-bg-opacity,1))}.farm .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .nested .condition.full .parent,.farm .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .nested .condition.full .parent .lhs,.farm .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .nested .condition.full .parent .rhs,.farm .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .nested .condition.full .parent select,.farm .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .nested .condition.full .parent,.farm .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .nested .condition.full .parent .lhs,.farm .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .nested .condition.full .parent .rhs,.farm .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .nested .condition.full .parent select{--tw-bg-opacity:1;background-color:rgb(141 134 158/var(--tw-bg-opacity,1))}.farm .gamePage .psdBlock .nested .block-vis .parent .assign .parent.selected,.farm .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .condition .block-vis .codeBlock,.farm .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .condition .block-vis .codeBlock .value,.farm .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .condition .block-vis .codeBlock select,.farm .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .condition .block-vis .codeBlock,.farm .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .condition .block-vis .codeBlock .value,.farm .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .condition .block-vis .codeBlock select,.farm .gamePage .psdBlock .nested.assign.selected,.farm .gamePage .psdBlock .nested.assign.selected .lhs,.farm .gamePage .psdBlock .nested.assign.selected .rhs,.farm .profilePage .avatar.selectable:hover,.farm .profilePage .avatar.selected{--tw-bg-opacity:1;background-color:rgb(103 195 206/var(--tw-bg-opacity,1))}.desert{background-image:url(/img/Background.159ba0a7.svg)}.desert .header.upper,.desert .header.whole,.desert .subheader{--tw-text-opacity:1;color:rgb(103 195 206/var(--tw-text-opacity,1))}.desert .blockEntry.selectable:hover,.desert .blockEntry.selected{--tw-bg-opacity:1;background-color:rgb(103 195 206/var(--tw-bg-opacity,1))}.desert .overlay.overlayVisible .message .messageHeader.neutral{--tw-text-opacity:1;color:rgb(103 195 206/var(--tw-text-opacity,1))}.desert .dropdown li ul li p:hover,.desert .gamePage #codeArea .cm-s-dracula .highlight,.desert .gamePage .psdBlock .nested .block-vis.assign .selected,.desert .gamePage .psdBlock .nested .block-vis.assign .selected .lhs,.desert .gamePage .psdBlock .nested .block-vis.assign .selected .rhs,.desert .gamePage .psdBlock .nested .block-vis.assign .selected select,.desert .gamePage .psdBlock .nested .block-vis.assign.selected,.desert ul li ul li:hover>p,.selected .desert .gamePage .psdBlock .nested{--tw-bg-opacity:1;background-color:rgb(103 195 206/var(--tw-bg-opacity,1))}.desert .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .nested .condition.full .parent,.desert .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .nested .condition.full .parent .lhs,.desert .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .nested .condition.full .parent .rhs,.desert .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .nested .condition.full .parent select,.desert .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .nested .condition.full .parent,.desert .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .nested .condition.full .parent .lhs,.desert .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .nested .condition.full .parent .rhs,.desert .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .nested .condition.full .parent select{--tw-bg-opacity:1;background-color:rgb(141 134 158/var(--tw-bg-opacity,1))}.desert .gamePage .psdBlock .nested .block-vis .parent .assign .parent.selected,.desert .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .condition .block-vis .codeBlock,.desert .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .condition .block-vis .codeBlock .value,.desert .gamePage .psdBlock .nested .block-vis.ifElse .blockEntry.selected .condition .block-vis .codeBlock select,.desert .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .condition .block-vis .codeBlock,.desert .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .condition .block-vis .codeBlock .value,.desert .gamePage .psdBlock .nested .block-vis.while .blockEntry.selected .condition .block-vis .codeBlock select,.desert .gamePage .psdBlock .nested.assign.selected,.desert .gamePage .psdBlock .nested.assign.selected .lhs,.desert .gamePage .psdBlock .nested.assign.selected .rhs,.desert .profilePage .avatar.selectable:hover,.desert .profilePage .avatar.selected{--tw-bg-opacity:1;background-color:rgb(103 195 206/var(--tw-bg-opacity,1))}@property --accent{syntax:"<color>";inherits:true;initial-value:#1de573}@property --accent-deep{syntax:"<color>";inherits:true;initial-value:#0fb85a}@property --accent-soft{syntax:"<color>";inherits:true;initial-value:#e2fbec}@property --accent-strong{syntax:"<color>";inherits:true;initial-value:#0a7c3c}@property --nav-bg{syntax:"<color>";inherits:true;initial-value:#e2fced}@property --nav-line{syntax:"<color>";inherits:true;initial-value:#b4e8d1}@property --accent-shadow{syntax:"<color>";inherits:true;initial-value:rgba(10,124,60,.9)}@property --accent-ring{syntax:"<color>";inherits:true;initial-value:rgba(29,229,115,.22)}:root{--green:#1de573;--green-deep:#0fb85a;--cyan:#08cdff;--cyan-deep:#09c;--coral:#f78360;--coral-deep:#d9613a;--purple:#6a5bb5;--purple-soft:#edeaf8;--bg:#eef2f7;--card:#fff;--soft:#f6f8fb;--ink-900:#17212b;--ink-700:#3a4855;--ink-500:#5c6b7a;--ink-300:#aebac5;--line:#e4e9ef;--line-2:#d3dbe3;--accent:#1de573;--accent-deep:#0fb85a;--accent-soft:#e2fbec;--accent-strong:#0a7c3c;--nav-bg:#e2fced;--nav-line:#b4e8d1;--accent-shadow:rgba(10,124,60,.9);--accent-ring:rgba(29,229,115,.22);--font-display:"Quicksand","Nunito",system-ui,sans-serif;--font-title:var(--font-display);--font-ui:"Figtree","Nunito",system-ui,sans-serif;--font-mono:"Fira Code",ui-monospace,"JetBrains Mono",monospace;transition:--accent-soft .36s cubic-bezier(.4,0,.2,1),--nav-bg .36s cubic-bezier(.4,0,.2,1),--nav-line .36s cubic-bezier(.4,0,.2,1),--accent-ring .36s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){:root{transition:none}}.cq-lv-nav{height:60px;flex-shrink:0;display:flex;align-items:center;gap:22px;padding:0 24px;position:relative;background-color:var(--nav-bg);border-bottom:1px solid var(--nav-line);font-family:var(--font-ui)}.cq-lv-nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background-color:var(--accent-deep);opacity:.5}.cq-lv-nav .brand{display:inline-flex;align-items:center;height:28px;text-decoration:none}.cq-lv-nav .brand svg{height:26px;width:auto;display:block}.cq-lv-nav .brand svg path{fill:var(--accent-deep)!important}.cq-lv-nav .links{display:flex;gap:2px;align-items:center}.cq-lv-nav .nav-sep{width:1px;height:22px;margin:0 8px;background-color:var(--nav-line);flex-shrink:0}.cq-lv-nav .lnk{color:var(--ink-500);text-decoration:none;font-weight:600;font-size:14px;padding:8px 14px;border-radius:8px;cursor:pointer;position:relative;transition:color .15s,background .15s}.cq-lv-nav .lnk:hover{color:var(--ink-900);background-color:var(--nav-bg)}.cq-lv-nav .lnk.active,.cq-lv-nav .lnk.router-link-active{color:var(--ink-900)}.cq-lv-nav .lnk.active:after,.cq-lv-nav .lnk.router-link-active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background-color:var(--accent-deep);transform-origin:center;animation:cq-nav-underline .3s cubic-bezier(.2,.7,.3,1) both}@keyframes cq-nav-underline{0%{transform:scaleX(.2);opacity:0}to{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:reduce){.cq-lv-nav .lnk.active:after,.cq-lv-nav .lnk.router-link-active:after{animation:none}}.cq-lv-nav .lnk-drop{position:relative;display:inline-flex;align-items:center}.cq-lv-nav .drop{position:absolute;top:100%;left:0;margin-top:8px}.cq-lv-nav .drop:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.cq-lv-nav .drop{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(20,28,38,.18);padding:6px;min-width:210px;z-index:60;display:flex;flex-direction:column}.cq-lv-nav .drop a{padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink-700);cursor:pointer;text-decoration:none;white-space:nowrap}.cq-lv-nav .drop a:hover{background:var(--soft);color:var(--ink-900)}.cq-lv-nav .drop.drop-right{left:auto;right:0}.cq-lv-nav .grow{flex:1}.cq-lv-nav .sound{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);cursor:pointer;color:var(--ink-700);font:inherit;font-weight:600;font-size:13px;transition:border-color .15s,background .15s}.cq-lv-nav .sound svg{width:15px;height:15px;fill:currentColor}.cq-lv-nav .sound .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(29,229,115,.18)}.cq-lv-nav .sound:hover{border-color:var(--ink-300);background:var(--soft)}.cq-lv-nav .sound.off{color:var(--ink-500)}.cq-lv-nav .sound.off .dot{background:var(--ink-300);box-shadow:none}.cq-lv-nav .profile{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 12px 0 4px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}.cq-lv-nav .profile:hover{border-color:var(--ink-300);background:var(--soft)}.cq-lv-nav .profile .av{width:28px;height:28px;border-radius:50%;background:var(--accent-strong);color:#fff;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:11px}.cq-lv-nav .profile .name{font-weight:600;font-size:13px;color:var(--ink-900)}.cq-lv-nav .login-button{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:8px;background:var(--accent-strong);color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:background .15s}.cq-lv-nav .login-button:hover{background:var(--accent-deep);color:#fff}.cq-lv-nav .login-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft),0 0 0 4px var(--accent-deep)}.cq-lv-nav .login-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-700);font-weight:600;font-size:14px;text-decoration:none;padding:8px 14px;border-radius:8px}.cq-lv-nav .login-link:hover{color:var(--ink-900);background-color:var(--nav-bg)}.cq-lv-nav .login-link svg{height:20px;width:auto}.cq-account{position:relative;flex-shrink:0;font-family:var(--font-ui)}.cq-account__trigger{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 10px 0 4px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);cursor:pointer;font:inherit;transition:border-color .15s,background .15s}.cq-account__trigger:hover{border-color:var(--ink-300);background:var(--soft)}.cq-account.open .cq-account__trigger{border-color:var(--accent);background:var(--accent-soft)}.cq-account__avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-strong);color:#fff;display:grid;place-items:center;font-weight:800;font-size:11.5px;letter-spacing:.02em;flex-shrink:0}.cq-account__name{font-size:13px;font-weight:700;color:var(--ink-900);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cq-account__chevron{width:12px;height:12px;color:var(--ink-500);transition:transform .15s ease;flex-shrink:0}.cq-account.open .cq-account__chevron{transform:rotate(180deg)}.cq-account__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:var(--card);border:1px solid var(--line-2);border-radius:13px;box-shadow:0 18px 40px -14px rgba(23,33,43,.4);overflow:hidden;z-index:60}.cq-account__header{display:flex;align-items:center;gap:11px;padding:13px 14px;background:var(--soft);border-bottom:1px solid var(--line)}.cq-account__header-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-strong);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}.cq-account__header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cq-account__header-name{font-size:13.5px;font-weight:800;line-height:1.3;color:var(--ink-900);overflow-wrap:anywhere}.cq-account__header-role{font-size:11.5px;color:var(--ink-500)}.cq-account__menu{padding:6px}.cq-account__item{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:34px;padding:8px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ink-700);text-align:left;cursor:pointer;transition:background .12s,color .12s}.cq-account__item svg{width:16px;height:16px;flex-shrink:0;color:var(--ink-500)}.cq-account__item:hover{background:var(--soft);color:var(--ink-900)}.cq-account__item:hover svg{color:var(--ink-900)}.cq-account__item.danger,.cq-account__item.danger svg{color:#b0392c}.cq-account__item.danger:hover{background:#fdeceb;color:#8f2f22}.cq-account__item.danger:hover svg{color:#8f2f22}.cq-account__divider{height:1px;background:var(--line);margin:5px 8px}.cq-account__lang,.cq-account__sound{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px}.cq-account__lang-label,.cq-account__sound-label{font-size:13px;font-weight:600;color:var(--ink-700)}.cq-account__switch{position:relative;display:inline-flex;cursor:pointer}.cq-account__switch input{position:absolute;opacity:0;width:0;height:0}.cq-account__switch-track{width:38px;height:20px;border-radius:999px;background:var(--line-2);position:relative;transition:background .15s}.cq-account__switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(23,33,43,.3);transition:transform .15s}.cq-account__switch input:checked+.cq-account__switch-track{background:var(--accent)}.cq-account__switch input:checked+.cq-account__switch-track:after{transform:translateX(18px)}.cq-account__switch input:focus-visible+.cq-account__switch-track{outline:2px solid var(--accent-deep);outline-offset:2px}.cq-account__lang-options{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line-2);border-radius:999px;background:var(--soft)}.cq-account__lang-btn{border:0;background:none;cursor:pointer;font:inherit;font-size:11px;font-weight:800;letter-spacing:.03em;color:var(--ink-500);padding:3px 9px;border-radius:999px}.cq-account__lang-btn:hover{color:var(--ink-900)}.cq-account__lang-btn.active{background:var(--card);color:var(--accent-deep);box-shadow:0 1px 2px rgba(23,33,43,.16)}.cq-account-drop-enter-active,.cq-account-drop-leave-active{transition:opacity .12s ease,transform .12s ease}.cq-account-drop-enter-from,.cq-account-drop-leave-to{opacity:0;transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.cq-account-drop-enter-active,.cq-account-drop-leave-active{transition:none}}@media(max-width:800px){.cq-account__name{display:none}.cq-account__trigger{padding:0 4px}}.bg-primary{background-color:#f78360;color:#fff}.bg-primary-dark{background-color:#dc5132;color:#fff}.bg-primary-light{background-color:#fdeae4;color:#fff}.bg-secondary{background-color:#08cdff;color:#fff}.bg-secondary-dark{background-color:#008fe0;color:#fff}.bg-secondary-light{background-color:#08cdff;color:#fff}.bg-secondary-light a:hover{font-weight:700}.bg-tertiary{background-color:#1de573;color:#fff}.bg-tertiary-dark{background-color:#189a50;color:#fff}.bg-tertiary-light{background-color:#67de95;color:#fff}.bg-quaternary{background-color:#ffc458;color:#fff}.bg-quaternary-dark{background-color:#ce9b3e;color:#fff}.bg-quaternary-light{background-color:#ffdda2;color:#fff}.bg-quinary{background-color:#d27176;color:#fff}.bg-quinary-dark{background-color:#b6494e;color:#fff}.bg-quinary-light{background-color:#c97176;color:#fff}.bg-quinary-warm{background-color:#bd5358;color:#fff}.bg-dark-gray-light{background-color:#d2d2d2;color:#fff}.bg-dark-gray{background-color:#474747;color:#fff}.bg-light-gray{background-color:#cdcecd;color:#d2d2d2}.bg-lighter-gray-dark{background-color:#ececec;color:#fff}.bg-lighter-gray{background-color:#f5f5f5;color:#d2d2d2}.border-primary{border-color:#f78360}.border-primary-dark{border-color:#dc5132}.border-primary-light{border-color:#fdeae4}.border-secondary{border-color:#08cdff}.border-secondary-dark{border-color:#008fe0}.border-secondary-light{border-color:#08cdff}.border-tertiary{border-color:#1de573}.border-tertiary-dark{border-color:#189a50}.border-tertiary-light{border-color:#67de95}.border-quaternary{border-color:#ffc458}.border-quaternary-dark{border-color:#ce9b3e}.border-quaternary-light{border-color:#ffdda2}.border-quinary{border-color:#d27176}.border-quinary-dark{border-color:#b6494e}.border-quinary-light{border-color:#c97176}.border-quinary-warm{border-color:#bd5358}.border-dark-gray-light{border-color:#d2d2d2}.border-dark-gray{border-color:#474747}.border-light-gray{border-color:#cdcecd}.border-lighter-gray,.border-lighter-gray-dark{border-color:#ececec}.border-radius-small{border-radius:8px}.basicBlock{height:80%;width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff;transition:border-color .25s ease,box-shadow .25s ease;border:2px solid #fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.basicBlock.block-levels{height:85%;background:#fff;border:2px solid #fff;border-radius:8px;padding:10px;margin:1em auto;display:flex;flex-direction:column;gap:.5em}.basicBlock.block-instructions,.basicBlock.block-lesson-bundles,.basicBlock.block-settings{border:2px solid #fff;border-radius:8px;height:auto}.basicBlock.block-instructions:hover,.basicBlock.block-lesson-bundles:hover,.basicBlock.block-settings:hover{border:2px solid #d27176}.basicBlock.block-code{height:calc(100vh - 165px);border:2px solid #fff;border-radius:10px;transition:border-color .25s ease,box-shadow .25s ease}.basicBlock.block-code:hover{border-color:#1de573;box-shadow:0 2px 8px rgba(29,229,115,.1)}.basicBlock.block-game{border:2px solid #fff;border-radius:10px;transition:border-color .25s ease,box-shadow .25s ease}.basicBlock.block-game:hover{border-color:#08cdff;box-shadow:0 2px 8px rgba(8,205,255,.1)}.basicBlock.block-level-blocks,.basicBlock.block-settings{height:auto;background:#fff;border-radius:8px;padding:1.5em;margin:1em auto}.basicBlock.block-settings .blockEntry.status span.status-complete{color:#1de573}.basicBlock.block-settings .blockEntry.status span.status-incomplete{color:#d27176}.basicBlock.block-settings .blockEntry.block-constraints{padding:.7em 0;border:none;background:transparent;box-shadow:none}.basicBlock.block-settings .constraints-row{display:flex;justify-content:space-between;width:100%}.basicBlock.block-level-blocks,.basicBlock.block-level-editor{height:auto;background:#fff;border:2px solid #fff;border-radius:8px;margin:1em auto;display:flex;flex-direction:column;gap:.5em;transition:border-color .25s ease;cursor:pointer;padding:20px}.basicBlock.block-level-blocks{height:86%}.basicBlock.block-level-blocks:hover{border-color:#1de573}.basicBlock.block-level-blocks .blockEntry{display:flex;justify-content:center;aspect-ratio:1/1;width:100%;height:100%;background-color:#f5f5f5;border:2px solid #ececec;border-radius:8px;padding:15px}.basicBlock.block-level-blocks .blockEntry:hover{border-color:#1de573}.basicBlock.block-level-blocks .blockEntry.selected{border:2px solid #1de573;background-color:#bbefcd}.basicBlock.block-level-blocks .blockEntry>.svgImage{height:100px;width:100px;padding:10px}.basicBlock.block-level-editor{padding:0}.basicBlock.block-level-editor:hover{border-color:#08cdff}.basicBlock.block-classroom,.basicBlock.block-lesson-bundles{height:auto;background:#fff;border-radius:8px;padding:1.5em;margin:1em auto}.basicBlock.block-classroom{padding-top:25px}.basicBlock.block-classroom:hover{border-color:#08cdff}.basicBlock.block-wiki{margin:0!important}.header .basicBlock{padding:10px;margin:1em auto}.cq-panel{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(23,33,43,.04),0 10px 24px rgba(23,33,43,.05);overflow:hidden}.cq-panel-head{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:var(--soft);color:var(--ink-900);font-family:var(--font-ui);font-weight:700;font-size:.95rem;line-height:1.2}.cq-panel-head .cq-panel-actions{margin-left:auto;display:flex;align-items:center;gap:.4rem}.cq-panel>.basicBlock{flex:1 1 auto;display:flex;flex-direction:column;height:auto;min-height:0;padding:.5rem;overflow:hidden}.cq-panel>.basicBlock>.grid,.cq-panel>.basicBlock>.scroll-wrapper{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}.panel-empty{margin:0;padding:1rem;color:var(--ink-500);font-family:var(--font-ui);font-size:.9rem;line-height:1.55}.cq-panel .header-empty{padding:.15rem .25rem;color:var(--ink-500);font-size:.9rem}.cq-page-head{display:flex;align-items:flex-start;gap:24px;margin:0 0 22px}.cq-page-head .cq-page-titles{min-width:0}.cq-page-head h1{margin:0;font-family:var(--font-title);font-weight:700;font-size:30px;line-height:1.15;color:var(--ink-900)}.cq-page-head .cq-page-sub{margin:5px 0 0;color:var(--ink-500);font-family:var(--font-ui);font-size:.95rem}.cq-page-head .cq-page-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.cq-select-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:0 0 14px}.cq-select-bar .cq-select-label{font-family:var(--font-ui);font-size:.85rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-500)}.cq-classroom-select{display:inline-flex;align-items:center;padding:0;background:transparent;color:var(--ink-900)}.cq-classroom-select .cq-dropdown{background:var(--card);border:1px solid var(--line-2);border-radius:10px;padding:0;margin:0;min-width:200px}.cq-classroom-select .cq-dropdown>li>p{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin:0;font-family:var(--font-ui);font-weight:600;font-size:.95rem;color:var(--ink-900);cursor:pointer}.cq-classroom-select .cq-dropdown .chevron{margin-left:auto;font-size:.7rem;color:var(--ink-500)}.cq-classroom-select .dropdown-items{background:var(--card);border:1px solid var(--line-2);border-radius:10px;box-shadow:0 10px 30px rgba(23,33,43,.12);overflow:hidden}.cq-classroom-select .dropdown-item p{padding:.5rem .75rem;margin:0;font-family:var(--font-ui);font-size:.95rem;color:var(--ink-700);cursor:pointer}.cq-classroom-select .dropdown-item p:hover{background:var(--soft);color:var(--ink-900)}.pageContainer>section{display:flex;flex-direction:column;min-width:0}.pageContainer>section>.cq-panel{flex:1 0 auto}.cq-panel>.basicBlock,.cq-panel>.basicBlock:hover{border:0;border-radius:0;box-shadow:none;background:transparent;margin:0}.cq-panel .floating-label-center>label,.cq-panel .floating-label-left>label{order:-1;position:static;transform:none;top:auto;left:auto;background:transparent;border:0;padding:0;color:var(--ink-500);font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cq-panel .floating-label-center,.cq-panel .floating-label-left{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}.cq-skel{position:relative;overflow:hidden;border-radius:10px;background:var(--soft)}.cq-skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,0));animation:cq-skel-shine 1.4s ease-in-out infinite}.cq-skel.is-round{border-radius:50%}.cq-skel.is-pill{border-radius:999px}@keyframes cq-skel-shine{to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.cq-skel:after{animation:none;opacity:0}}:root[data-cq-calm] .cq-skel:after{animation:none;opacity:0}.cq-skel.skel-keuze{width:100%;height:40px}.skel-lijst{display:flex;flex-direction:column;gap:12px;padding:14px 12px}.skel-rij{display:flex;align-items:center;gap:10px}.skel-rij .cq-skel{flex:1;height:12px;border-radius:6px}.level.is-skel{display:flex;flex-direction:column;gap:9px;padding:8px;cursor:default}.level.is-skel .skel-vlak{display:block;width:100%;aspect-ratio:16/9;border-radius:8px}.level.is-skel .skel-regel{display:block;width:68%;height:11px}.cq-ach-toasts{position:fixed;right:18px;bottom:18px;z-index:2000;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.cq-ach{--ach-accent:#ffd680;pointer-events:auto;cursor:pointer;position:relative;width:330px;max-width:calc(100vw - 36px);display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--ach-accent) 20%,transparent) 0,transparent 62%),linear-gradient(180deg,#24313f 0,#1b2531 100%);border:1px solid color-mix(in srgb,var(--ach-accent) 35%,hsla(0,0%,100%,.12));box-shadow:0 14px 34px -12px rgba(9,14,20,.7);color:#fff;font-family:var(--font-ui);overflow:hidden}.cq-ach.is-farm{--ach-accent:#58e08b}.cq-ach.is-desert{--ach-accent:#f9a25a}.cq-ach.is-ice{--ach-accent:#7fdcff}.cq-ach__disc{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--ach-accent) 14%,hsla(0,0%,100%,.06));border:1px solid color-mix(in srgb,var(--ach-accent) 55%,transparent);color:var(--ach-accent)}.cq-ach__disc img,.cq-ach__disc svg{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.cq-ach__body{min-width:0;display:flex;flex-direction:column;gap:2px}.cq-ach__eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ach-accent)}.cq-ach__name{font-family:var(--font-title);font-size:14.5px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cq-ach__desc{font-size:12px;line-height:1.35;color:hsla(0,0%,100%,.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cq-ach-enter-active{transition:transform .32s cubic-bezier(.2,.7,.3,1),opacity .32s ease-out}.cq-ach-leave-active{transition:transform .25s ease-in,opacity .25s ease-in;position:absolute;right:0;bottom:0}.cq-ach-enter-from{opacity:0;transform:translateY(18px) scale(.97)}.cq-ach-leave-to{opacity:0;transform:translateY(10px) scale(.98)}.cq-ach-move{transition:transform .25s ease}@media(prefers-reduced-motion:reduce){.cq-ach-enter-active,.cq-ach-leave-active,.cq-ach-move{transition:opacity .2s ease}.cq-ach-enter-from,.cq-ach-leave-to{transform:none}}:root[data-cq-calm] .cq-ach-enter-active,:root[data-cq-calm] .cq-ach-leave-active,:root[data-cq-calm] .cq-ach-move{transition:opacity .2s ease}:root[data-cq-calm] .cq-ach-enter-from,:root[data-cq-calm] .cq-ach-leave-to{transform:none}.cq-intro-laag{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:24px;background:rgba(16,24,32,.42);backdrop-filter:blur(3px)}.cq-intro{width:min(460px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 30px 70px -24px rgba(16,24,32,.55);font-family:var(--font-ui);color:var(--ink-900)}.cq-intro__top{position:relative;padding:20px 20px 17px;background:radial-gradient(120% 120% at 12% 0,color-mix(in srgb,var(--accent) 34%,#fff) 0,color-mix(in srgb,var(--accent) 12%,#fff) 55%,color-mix(in srgb,var(--accent) 6%,#fff) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));overflow:hidden}.cq-intro__reis{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 2px}.cq-intro__tegel{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 6px 16px -8px rgba(23,33,43,.4)}.cq-intro__tegel img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain}.cq-intro__lijn{flex:0 0 60px;height:12px;color:color-mix(in srgb,var(--accent-deep) 55%,transparent)}.cq-intro__lijn svg{width:60px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cq-intro__kop{position:relative}.cq-intro__eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}.cq-intro__titel{margin:3px 40px 0 0;font-family:var(--font-title);font-size:22px;font-weight:700;line-height:1.2;color:var(--ink-900)}.cq-intro__sluit{position:absolute;z-index:2;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:9px;background:hsla(0,0%,100%,.85);color:var(--ink-500);font-size:19px;line-height:1;cursor:pointer}.cq-intro__sluit:hover{color:var(--ink-900);background:#fff}.cq-intro__body{padding:18px 20px 2px;display:flex;flex-direction:column;gap:18px}.cq-intro__label{display:block;margin-bottom:8px;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-500)}.cq-intro__opdracht{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:color-mix(in srgb,var(--accent) 8%,#fff)}.cq-intro__opdracht p{flex:1;margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-900)}.cq-intro__doelen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.cq-intro__doelen li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:var(--ink-700)}.cq-intro__mark{flex:0 0 auto;width:9px;height:9px;margin-top:6px;border-radius:50%;border:2px solid var(--accent)}.cq-intro__foot{display:flex;align-items:center;gap:12px;margin:18px 20px 0;padding:14px 0 18px;border-top:1px solid var(--line)}.cq-intro__hint{flex:1;font-size:12.5px;color:var(--ink-500)}.cq-intro__start{margin-left:auto;min-width:132px;background:var(--accent)!important;border-color:var(--accent-deep)!important;color:#fff!important;font-weight:700}.cq-intro__start:hover{background:var(--accent-deep)!important}.cq-intro-enter-active{transition:opacity .22s ease-out}.cq-intro-enter-active .cq-intro{transition:transform .3s cubic-bezier(.16,.84,.3,1),opacity .22s ease-out}.cq-intro-leave-active{transition:opacity .18s ease-in}.cq-intro-leave-active .cq-intro{transition:transform .18s ease-in,opacity .18s ease-in}.cq-intro-enter-from,.cq-intro-leave-to{opacity:0}.cq-intro-enter-from .cq-intro,.cq-intro-leave-to .cq-intro{opacity:0;transform:translateY(12px) scale(.96)}@media(prefers-reduced-motion:reduce){.cq-intro-enter-active .cq-intro,.cq-intro-leave-active .cq-intro{transition:opacity .18s ease;transform:none}.cq-intro-enter-from .cq-intro,.cq-intro-leave-to .cq-intro{transform:none}}.cq-hintprijs .cq-intro__body{display:grid;gap:12px}.cq-hintprijs__vak{border-radius:14px;border:1px solid color-mix(in srgb,#e0a33a 34%,var(--line));background:color-mix(in srgb,#f6c453 12%,#fff);padding:14px 16px 15px;text-align:center}.cq-hintprijs__vak.is-gratis{border-color:var(--line);background:var(--soft)}.cq-hintprijs__ruil{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.cq-hintprijs__medaille{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 16px -10px rgba(23,33,43,.45);position:relative}.cq-hintprijs__medaille img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain}.cq-hintprijs__medaille.is-weg img{opacity:.45;filter:grayscale(.65)}.cq-hintprijs__medaille.is-weg:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2.5px;border-radius:2px;background:#e8434e;transform:rotate(-38deg)}.cq-hintprijs__pijl{color:var(--ink-300)}.cq-hintprijs__pijl,.cq-hintprijs__pijl svg{width:40px;height:12px}.cq-hintprijs__kop{margin:0;font-family:var(--font-title);font-size:15px;font-weight:700;color:var(--ink-900)}.cq-hintprijs__uitleg{margin:5px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-700)}.cq-hintprijs__docent{margin:0;font-size:12.5px;color:var(--ink-500);text-align:center}.cq-hintprijs__voet{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:4px 20px 0;padding:14px 0 18px;border-top:1px solid var(--line)}.cq-speak{flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line-2);border-radius:7px;background:var(--card);color:var(--ink-700);cursor:pointer}.cq-speak svg{width:16px;height:16px}.cq-speak:hover{border-color:var(--ink-300);color:var(--ink-900)}.cq-speak.speaking{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.cq-select{position:relative;display:inline-flex;min-width:0}.cq-select.is-block{display:flex;width:100%}.cq-select__knop{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:168px;min-height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-900);font-family:var(--font-ui);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.cq-select__knop:hover:not(:disabled){background:var(--card);border-color:var(--accent);color:var(--ink-900)}.cq-select__knop:focus-visible{outline:none;background:var(--card);border-color:var(--accent);color:var(--ink-900);box-shadow:0 0 0 3px var(--accent-soft)}.cq-select__knop:disabled{cursor:not-allowed;background:var(--soft);color:var(--ink-300)}.cq-select.is-open .cq-select__knop,.cq-select.is-open .cq-select__knop:hover{background:var(--card);border-color:var(--accent);color:var(--ink-900);box-shadow:0 0 0 3px var(--accent-soft)}.cq-select__waarde{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cq-select__waarde.is-leeg{color:var(--ink-500);font-weight:500}.cq-select__telling{flex:0 0 auto;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-mono,var(--font-ui));font-size:11px;font-weight:700}.cq-select__pijl{flex:0 0 auto;width:16px;height:16px;color:var(--ink-500);transition:transform .16s ease}.cq-select.is-open .cq-select__pijl{transform:rotate(180deg)}.cq-select__pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:100%;max-width:min(360px,90vw)}.cq-select__lijst{margin:0;padding:5px;list-style:none;max-height:288px;overflow-y:auto;border-radius:12px;border:1px solid var(--line-2);background:var(--card);box-shadow:0 18px 40px -18px rgba(20,28,38,.45),0 2px 6px rgba(20,28,38,.06)}.cq-select__optie{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--ink-700);font-family:var(--font-ui);font-size:14px;cursor:pointer}.cq-select__optie.is-actief{background:var(--soft);color:var(--ink-900)}.cq-select__optie.is-gekozen{color:var(--accent-deep);font-weight:700}.cq-select__optie.is-gekozen.is-actief{background:var(--accent-soft)}.cq-select__optietekst{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:8px}.cq-select__optienaam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cq-select__optiehint{flex:0 0 auto;color:var(--ink-500);font-size:12px;font-weight:600}.cq-select__vink{flex:0 0 auto;width:15px;height:15px;color:var(--accent-deep)}.cq-select__leeg{padding:10px;color:var(--ink-500);font-family:var(--font-ui);font-size:13.5px}.cq-select-pop-enter-active,.cq-select-pop-leave-active{transition:opacity .14s ease,transform .14s cubic-bezier(.2,.7,.3,1);transform-origin:top center}.cq-select-pop-enter-from,.cq-select-pop-leave-to{opacity:0;transform:translateY(-4px) scale(.98)}@media(prefers-reduced-motion:reduce){.cq-select-pop-enter-active,.cq-select-pop-leave-active{transition:none}}:root[data-cq-calm] .cq-select-pop-enter-active,:root[data-cq-calm] .cq-select-pop-leave-active{transition:none}.text-and-image .card{display:flex;flex-direction:row;align-items:flex-start;gap:2rem;max-width:1000px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:7px;box-shadow:0 0 0 6px #fbece7}.text-and-image .card.reverse{flex-direction:row-reverse}@media(max-width:768px){.text-and-image .card,.text-and-image .card.reverse{flex-direction:column}}.text-and-image .card .card-left{flex:1;display:flex;align-items:center;justify-content:center}.text-and-image .card .card-left .image{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.text-and-image .card .divider{width:3px;background-color:#f3f3f3;border-radius:2px;align-self:stretch}@media(max-width:768px){.text-and-image .card .divider{display:none}}.text-and-image .card .card-right{flex:1}.text-and-image .card .card-right h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#000}.text-and-image .card .card-right p{margin:.5rem 0;font-size:1rem;line-height:1.6;color:#000;word-break:break-word}.text-and-image .card .card-right .cta-button{display:inline-block;margin-top:2rem;width:150px;height:50px;line-height:50px;text-align:center;background-color:#08cdff;color:#fff;text-decoration:none;font-weight:700;border-radius:6px;transition:background-color .2s}.text-and-image .card .card-right .cta-button:hover{background-color:#008fe0}@media(max-width:480px){.text-and-image .card .card-right .cta-button{width:100%}}.levels-nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;background:hsla(14,86%,94%,0);animation:navOverlayIn .4s cubic-bezier(.22,1,.36,1) both}.levels-nav-overlay .loader-dots{position:static;transform:none;animation:navLoaderIn .3s ease .25s both}@keyframes navOverlayIn{0%{background:hsla(14,86%,94%,0);backdrop-filter:blur(0)}to{background:hsla(14,86%,94%,.97);backdrop-filter:blur(8px)}}@keyframes navLoaderIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.levelsPage .loader{display:flex;align-items:center;justify-content:center;min-height:50vh}.levelsPage .loader svg{fill:#1de573}.levelsPage .header-select .headerDropdown{border-radius:8px;overflow:visible}.levelsPage .header-select .headerDropdown>li>p{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;transition:opacity .15s}.levelsPage .header-select .headerDropdown>li>p:hover{opacity:.85}.levelsPage .header-select .headerDropdown>li>p .label{font-size:1rem}.levelsPage .header-select .headerDropdown>li>p .chevron{font-size:.7rem;transition:transform .2s}.levelsPage .header-select .headerDropdown>li:hover .chevron{transform:rotate(180deg)}.levelsPage .header-select .headerDropdown .dropdown-items{border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15)}.levelsPage .header-select .headerDropdown .dropdown-items .dropdown-item p{padding:.6rem 1.2rem;transition:background .15s}.levelsPage .header-select .headerDropdown .dropdown-items .dropdown-item p:hover{background:hsla(0,0%,100%,.15)}.level-appear{animation:levelCardIn .4s ease backwards}@keyframes levelCardIn{0%{opacity:0;transform:translateY(12px) scale(.95)}}.levels{gap:1rem;padding:.25rem}.levels .addLevel{display:flex;justify-content:center}.levels .level{border:1px solid var(--line);background:var(--card);border-radius:14px;box-shadow:0 1px 2px rgba(23,33,43,.04),0 8px 20px rgba(23,33,43,.05);overflow:hidden;text-align:center;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s ease;height:30vh}.levels .level:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:0 2px 4px rgba(23,33,43,.06),0 16px 32px rgba(23,33,43,.1);cursor:pointer}.levels .level.addLevel{border:2px dashed var(--line-2);background:var(--soft);padding:3rem;align-items:center}.levels .level.addLevel:hover{border-color:var(--accent-deep);background:var(--accent-soft)}.levels .level.addLevel svg{width:30%;height:100%;fill:var(--ink-300)}.levels .level>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.levels .level .levelName{position:absolute;bottom:0;width:100%;margin:0;background:linear-gradient(0deg,rgba(23,33,43,.82),rgba(23,33,43,.55) 60%,rgba(23,33,43,0));color:#fff;font-family:var(--font-ui);font-weight:600;padding:1.4rem .6rem .55rem;font-size:.88rem;text-align:left}.levels .level .locked{position:absolute;bottom:0;display:flex;height:100%;width:100%;flex-wrap:wrap;align-content:center;border-bottom-right-radius:5px;border-bottom-left-radius:5px;--tw-bg-opacity:1;background-color:rgba(0,0,0,.5)}.levels .level .locked img{margin:0 auto;height:75px}.levels .level .medal{position:absolute;top:2px;right:0;z-index:2;padding:2px}.levels .level .medal img,.levels .level .medal img.other{height:60px}.levels .level .medal img.super{height:70px}.levels .level .medal.medal-left{left:0;right:auto}.levels .level .medal .button{background:hsla(0,0%,100%,.92);border:1px solid rgba(23,33,43,.08);color:var(--ink-700);box-shadow:0 2px 6px rgba(23,33,43,.18);backdrop-filter:blur(2px)}.levels .level .medal .button svg path{fill:var(--ink-700)}.levels .level .medal .button span{color:var(--ink-700);font-family:var(--font-ui);font-weight:600;font-size:.78rem}.levels .level .medal .button:hover{background:#fff;border-color:rgba(23,33,43,.16)}.levels .level .medal .button.published span{color:var(--green-deep)}.levels .level .medal .button-danger svg path,.levels .level .medal .button-quinary svg path{fill:#d9613a}.block-levels .scroll-wrapper{padding:.5rem}.cq-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:hsla(0,0%,100%,.94);border:1px solid rgba(23,33,43,.1);box-shadow:0 2px 6px rgba(23,33,43,.18);color:var(--ink-700);font-family:var(--font-ui);font-size:.74rem;font-weight:700;letter-spacing:.02em;line-height:1.4;white-space:nowrap}.cq-chip.cq-chip-public{color:#0a7c3c;border-color:rgba(10,124,60,.25)}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;pointer-events:none}.gamePage .draggable{background-color:#d27176;border-radius:8px;--tw-bg-opacity:1;padding:5px 10px;margin:1px}.gamePage .draggable.block{padding:8px;margin:4px}.gamePage .draggable.block.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.block.block-condition,.gamePage .draggable.block.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.block.block-condition span.preview-condition,.gamePage .draggable.block.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.block.block-condition .preview-input,.gamePage .draggable.block.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .psdBlock{max-height:80%;padding:10px}.gamePage .psdBlock .nested{height:100%;min-width:100%;padding-bottom:40px}.gamePage .psdBlock .nested .block-vis{min-width:100%}.gamePage .psdBlock .nested .block-vis .parent{min-width:100%;border-bottom-width:0}.gamePage .psdBlock .nested .block-vis .parent .full{border:none;width:fit-content;width:-moz-fit-content}.gamePage .psdBlock .nested .block-vis .parent .full .parent{border-top-width:0}.gamePage .psdBlock .nested .block-vis .parent .full .parent.psdVar{padding-left:0}.gamePage .psdBlock .nested .block-vis .parent .full .parent.psdVar p{margin:0;padding:0}.gamePage .psdBlock .nested .block-vis .parent p{margin-left:0;margin-right:5px;display:inline;vertical-align:middle}.gamePage .psdBlock .nested .block-vis .parent p.operator-select{margin-right:0}.gamePage .psdBlock .nested .block-vis .parent .title{padding-top:5px;padding-bottom:10px}.gamePage .psdBlock .nested .block-vis .parent .condition{min-width:150px;margin-bottom:-10px;border-radius:8px}.gamePage .psdBlock .nested .block-vis .parent .blockEntry.value.hidden{display:none}.gamePage .psdBlock .nested .block-vis .parent .value{display:inline-block;min-height:25px;vertical-align:middle}.gamePage .psdBlock .nested .block-vis .parent.block-condition,.gamePage .psdBlock .nested .block-vis .parent.block-loop{background-color:#f78360;border:2px solid #dc5132;border-radius:8px;padding:5px 10px 5px 15px;font-size:16px}.gamePage .psdBlock .nested .block-vis .parent.block-condition input[type=number],.gamePage .psdBlock .nested .block-vis .parent.block-condition select,.gamePage .psdBlock .nested .block-vis .parent.block-loop input[type=number],.gamePage .psdBlock .nested .block-vis .parent.block-loop select{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b}.gamePage .psdBlock .nested .block-vis .parent.block-condition input[type=number],.gamePage .psdBlock .nested .block-vis .parent.block-loop input[type=number]{color:inherit;font-size:inherit;padding:1px 6px;height:auto;vertical-align:middle;line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;box-sizing:border-box;outline:none}.gamePage .psdBlock .nested .block-vis .parent.block-condition .block-function select,.gamePage .psdBlock .nested .block-vis .parent.block-loop .block-function select{background-color:#1e95d9;border:2px solid #008fe0}.gamePage .psdBlock .nested .block-vis .parent .nested{min-width:100px}.gamePage .psdBlock .nested .block-vis .parent .block-function .parent{border:none}.gamePage .psdBlock .nested .block-vis .parent .var-input{margin-top:5px;display:inline-block;margin-top:0}.gamePage .psdBlock .nested .block-vis.binop .lhs{padding-bottom:0}.gamePage .psdBlock .nested .block-vis select{border:none;padding-bottom:0;height:auto;vertical-align:middle}.gamePage .psdBlock .nested .block-vis select:focus{outline:2px solid transparent;outline-offset:2px}.gamePage .psdBlock .nested .block-vis.block-function{width:-moz-max-content;width:max-content;padding:5px 10px;border:2px solid #008fe0;border-radius:8px;background-color:#08cdff}.gamePage .psdBlock .nested .block-vis.block-function select{background-color:#1e95d9;border:2px solid #008fe0;border-radius:8px}.gamePage .psdBlock .nested .block-vis.block-function .parent .full{background-color:transparent}.gamePage .psdBlock .nested .block-vis.block-function.block-vis>.parent.options{display:flex;align-items:center;gap:.5em}.gamePage .psdBlock .nested .block-vis.block-function .breakpoint{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;max-width:15px!important;max-height:15px!important;padding:0!important;border-radius:50%!important;border-color:#d2d2d2;border-style:solid;background:#d2d2d2;transition:background .2s ease,border-color .2s ease;cursor:pointer;outline:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:8px}.gamePage .psdBlock .nested .block-vis.block-function .breakpoint:hover{border-color:#08cdff}.gamePage .psdBlock .nested .block-vis.block-function .breakpoint.active{background:#e33e33;border-color:#e33e33}.gamePage .psdBlock .nested .block-vis.block-function .breakpoint.active:hover{border-color:#08cdff}.gamePage .psdBlock .nested .block-condition .branch,.gamePage .psdBlock .nested .block-loop .branch{display:block;height:auto;background-color:#c24a2b;border:2px solid #dc5132;border-radius:8px;padding-bottom:15px}.gamePage .psdBlock .nested .block-condition .branch.condition-false:before,.gamePage .psdBlock .nested .block-condition .branch.condition-true:before,.gamePage .psdBlock .nested .block-loop .branch.condition-false:before,.gamePage .psdBlock .nested .block-loop .branch.condition-true:before{content:attr(data-label);display:block;text-align:left;color:#fff;font-weight:700}.gamePage .psdBlock .nested .block-condition .branch.condition-false,.gamePage .psdBlock .nested .block-loop .branch.condition-false{margin-top:5px}.gamePage .psdBlock .nested .block-function.selected{background-color:#ffc458;border:2px solid #ce9b3e}.gamePage .psdBlock .nested .block-function.selected select{background-color:#ffc458!important;border:2px solid #ffc458!important}.gamePage .psdBlock .nested .block-function.selected .breakpoint:hover{border-color:#ffc458}.gamePage .psdBlock .nested .block-function.selected .breakpoint.active{background:#e33e33;border-color:#e33e33}.gamePage .psdBlock .nested .block-function.selected .breakpoint.active:hover{border-color:#ffc458}.gamePage .psdBlock .block-vis .ifElse,.gamePage .psdBlock .block-vis .while{border:none}.gamePage .variable.options.no-drag.block-vis{display:flex;align-items:center;gap:.5em}.gamePage .variable.options.no-drag.block-vis .breakpoint{margin-right:0}.gamePage .variable.options.no-drag.block-vis .preview{margin-left:0}.gamePage .draggable.block.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.block.block-repeat .preview-input,.gamePage .draggable.block.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .psdBlock .parent.block-repeat{background-color:#189a50!important;border-color:#0f7a3e!important}.gamePage .psdBlock .block-repeat .branch,.gamePage .psdBlock .parent.block-repeat input[type=number]{background-color:#0f7a3e!important;border-color:#0f7a3e!important}.gamePage .game-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;background:#fdeae4}.gamePage .game-loading-overlay .loader-dots{position:static;transform:none}.gamePage .game-loader-fade-leave-active{transition:opacity .6s cubic-bezier(.4,0,.2,1),backdrop-filter .6s ease}.gamePage .game-loader-fade-leave-to{opacity:0}.gamePage .game-info{background:hsla(0,0%,100%,.92);backdrop-filter:blur(6px);border-top:1px solid rgba(0,0,0,.06);position:absolute;left:0;right:0;bottom:0;font-size:.85rem;font-weight:600;color:#333;padding:4px 0;pointer-events:none;z-index:5}.gamePage .game-info .info-item{padding:2px 12px}.gamePage .game-info .info-item.current-tile{padding-left:15px}.gamePage .game-info .info-item.current-tile .tile{border:2px solid #c6985b;background-color:#f6d392;padding:2px;border-radius:3px}.gamePage .basicBlock .block,.gamePage .basicBlock .codeBlock{cursor:grab}.gamePage .container-game{position:relative}.gamePage .container-game canvas{height:calc(100vh - 95px);border-radius:0 0 6px 6px}.gamePage .container-game .compass{display:block;position:absolute;right:10px;height:45px;margin:10px;bottom:35px;opacity:.7;transition:opacity .2s}.gamePage .container-game .compass:hover{opacity:1}.gamePage .block-dragging{cursor:grab}.gamePage .block-instructions .blockEntry{border-radius:6px;margin:2px 0;transition:background .15s}.gamePage .buttonsCenter,.gamePage .buttonsRight{gap:4px}.gamePage .buttonsCenter .button,.gamePage .buttonsRight .button{border-radius:6px;min-width:32px;min-height:32px}.gamePage .buttonsCenter .button svg,.gamePage .buttonsRight .button svg{width:18px;height:18px}.gamePage .block-vis .parent{border-radius:4px}.gamePage .scroll-wrapper::-webkit-scrollbar{width:6px}.gamePage .scroll-wrapper::-webkit-scrollbar-track{background:transparent}.gamePage .scroll-wrapper::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px}.gamePage .scroll-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.levelMakerPage .container-game,.teacherPage .container-game{position:relative}.levelMakerPage .container-game canvas,.teacherPage .container-game canvas{height:100%}.levelMakerPage .basicBlock.block-level-editor,.teacherPage .basicBlock.block-level-editor{padding:3px}.levelMakerPage .basicBlock .block,.levelMakerPage .basicBlock .codeBlock,.teacherPage .basicBlock .block,.teacherPage .basicBlock .codeBlock{cursor:grab}.levelMakerPage .constraints-row.floating-label-center,.levelMakerPage .status-row.floating-label-center,.teacherPage .constraints-row.floating-label-center,.teacherPage .status-row.floating-label-center{background:#f5f5f5;border:2px solid #d2d2d2;border-radius:8px;display:flex;justify-content:center;align-items:center;padding:5px 10px;box-sizing:border-box}.levelMakerPage .constraints-row .blockEntry.block-constraints .medal-toggle,.levelMakerPage .status-row .blockEntry.block-constraints .medal-toggle,.teacherPage .constraints-row .blockEntry.block-constraints .medal-toggle,.teacherPage .status-row .blockEntry.block-constraints .medal-toggle{border:2px solid #d2d2d2;background:#fff;border-radius:12px;padding:.35em .6em;transition:border .15s,box-shadow .16s,background .18s;cursor:pointer;display:flex;align-items:center}.levelMakerPage .constraints-row .blockEntry.block-constraints .medal-toggle:hover,.levelMakerPage .status-row .blockEntry.block-constraints .medal-toggle:hover,.teacherPage .constraints-row .blockEntry.block-constraints .medal-toggle:hover,.teacherPage .status-row .blockEntry.block-constraints .medal-toggle:hover{border-color:#08cdff;background-color:#ace0fa;outline:none}.levelMakerPage .constraints-row .blockEntry.block-constraints .medal-toggle.active,.levelMakerPage .status-row .blockEntry.block-constraints .medal-toggle.active,.teacherPage .constraints-row .blockEntry.block-constraints .medal-toggle.active,.teacherPage .status-row .blockEntry.block-constraints .medal-toggle.active{border:2px solid #1de573;background:#bbefcd;box-shadow:0 2px 14px rgba(29,229,115,.11)}.levelMakerPage .constraints-row .blockEntry.block-constraints .medal-toggle .medal img,.levelMakerPage .status-row .blockEntry.block-constraints .medal-toggle .medal img,.teacherPage .constraints-row .blockEntry.block-constraints .medal-toggle .medal img,.teacherPage .status-row .blockEntry.block-constraints .medal-toggle .medal img{width:30px;height:30px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.levelMakerPage .status-row.floating-label-center,.teacherPage .status-row.floating-label-center{padding-top:20px;padding-bottom:20px}.levelMakerPage .status-row.floating-label-center .status-complete,.teacherPage .status-row.floating-label-center .status-complete{font-weight:700;color:#0a7c3c}.levelMakerPage .status-row.floating-label-center .status-published,.teacherPage .status-row.floating-label-center .status-published{font-weight:700;color:#08cdff}.levelMakerPage .status-row.floating-label-center .status-incomplete,.teacherPage .status-row.floating-label-center .status-incomplete{color:#d27176}.levelMakerPage .status-row.floating-label-center .status-incomplete p,.teacherPage .status-row.floating-label-center .status-incomplete p{font-weight:700}.levelMakerPage .status-row.floating-label-center .status-incomplete ul,.teacherPage .status-row.floating-label-center .status-incomplete ul{margin:.2em 0 0 .5em;padding-left:1.1em;list-style:disc outside;font-size:1em;color:#c97176;line-height:1.6}.levelMakerPage .status-row.floating-label-center .status-incomplete ul li,.teacherPage .status-row.floating-label-center .status-incomplete ul li{margin-bottom:.1em;font-weight:400;letter-spacing:.01em}.levelMakerPage .editorGrid,.teacherPage .editorGrid{position:relative}.levelMakerPage .editorGrid canvas,.teacherPage .editorGrid canvas{border-radius:8px;background-color:#f5f5f5}.levelMakerPage .editorGrid .zoom,.teacherPage .editorGrid .zoom{position:absolute;right:10px}.levelMakerPage.cq-maker{font-family:var(--font-ui)}.levelMakerPage.cq-maker .pageContainer{flex:1;min-height:0;height:100%;gap:18px;padding:0;align-items:stretch}.levelMakerPage.cq-maker .pageContainer>div{display:flex;flex-direction:column;min-height:0;height:100%;position:relative}.levelMakerPage.cq-maker .basicBlock,.levelMakerPage.cq-maker .header{margin:0!important}.levelMakerPage.cq-maker .header{flex-shrink:0;background:var(--card)!important;border:1px solid var(--line)!important;border-bottom:none!important;border-radius:14px 14px 0 0!important;box-shadow:none!important;overflow:hidden}.levelMakerPage.cq-maker .header:hover{border-color:var(--line)!important}.levelMakerPage.cq-maker .header>div{background:var(--card)!important;color:var(--ink-900)!important;border-radius:0!important;border-bottom:1px solid var(--line);font-family:var(--font-ui);font-weight:700;font-size:15px;min-height:50px;padding:0 14px!important;display:flex!important;align-items:center;gap:10px;text-align:left!important}.levelMakerPage.cq-maker .header>div:before{content:"";width:22px;height:22px;border-radius:6px;flex-shrink:0;background:var(--accent-deep)}.levelMakerPage.cq-maker .col-span-1 .header>div:before{background:var(--purple,#7c5cff)}.levelMakerPage.cq-maker .col-span-2 .header>div:before{background:var(--coral,#ff6b5e)}.levelMakerPage.cq-maker .editorGrid .header>div:before{background:var(--cyan-deep,#09c)}.levelMakerPage.cq-maker .header .button{background:var(--soft)!important;border:1px solid var(--line-2)!important;color:var(--ink-700)!important;border-radius:8px!important;box-shadow:none!important}.levelMakerPage.cq-maker .header .button svg{fill:currentColor}.levelMakerPage.cq-maker .header .button:hover{background:var(--card)!important;border-color:var(--ink-300)!important;color:var(--ink-900)!important}.levelMakerPage.cq-maker .header .button.button-inactive{opacity:.6}.levelMakerPage.cq-maker .basicBlock{flex:1 1 auto;min-height:0;height:auto!important;background:var(--card);border:1px solid var(--line);border-top:none;border-radius:0 0 14px 14px!important;box-shadow:0 1px 3px rgba(20,28,38,.05);overflow:hidden}.levelMakerPage.cq-maker .basicBlock:hover{border-color:var(--line)!important}.levelMakerPage.cq-maker .basicBlock.block-settings{overflow-y:auto;padding:16px 16px 18px;gap:12px}.levelMakerPage.cq-maker .basicBlock.block-level-blocks{overflow-y:auto;padding:14px}.levelMakerPage.cq-maker .basicBlock.block-level-editor{overflow:hidden;padding:4px;display:flex}.levelMakerPage.cq-maker .container-game{flex:1;width:100%;height:100%;min-height:0}.levelMakerPage.cq-maker .container-game canvas{width:100%;height:100%;background:var(--soft);border-radius:10px}.levelMakerPage.cq-maker .editorGrid .zoom{position:static;right:auto;margin-left:auto;display:inline-flex;gap:6px}.levelMakerPage.cq-maker .basicBlock.block-settings .button.button-secondary{margin-top:4px}.levelMakerPage .cq-panel .block-settings{gap:.7rem}.levelMakerPage .cq-panel .block-settings .floating-label-center{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;margin-bottom:0}.levelMakerPage .cq-panel .block-settings .floating-label-center>label{position:static;transform:none;top:auto;left:auto;background:transparent;border:0;padding:0;color:var(--ink-500);font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:left}.levelMakerPage .cq-panel .block-settings .floating-label-center input.input,.levelMakerPage .cq-panel .block-settings .floating-label-center select.dropdown{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--ink-900);font-family:var(--font-ui);font-size:.92rem;margin-bottom:0}.levelMakerPage .cq-panel .block-settings .floating-label-center input.input:focus,.levelMakerPage .cq-panel .block-settings .floating-label-center input.input:hover,.levelMakerPage .cq-panel .block-settings .floating-label-center select.dropdown:focus,.levelMakerPage .cq-panel .block-settings .floating-label-center select.dropdown:hover{border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-soft)}.levelMakerPage .cq-panel .block-settings .constraints-row.floating-label-center,.levelMakerPage .cq-panel .block-settings .status-row.floating-label-center{background:var(--soft);border:1px solid var(--line);border-radius:10px;align-items:stretch;padding:.5rem .7rem}.levelMakerPage .cq-panel .block-settings .status-row.floating-label-center{flex-direction:column}.levelMakerPage .cq-panel .block-settings .status-row.floating-label-center .status-complete,.levelMakerPage .cq-panel .block-settings .status-row.floating-label-center .status-incomplete,.levelMakerPage .cq-panel .block-settings .status-row.floating-label-center .status-published{margin:0}.levelMakerPage .cq-panel .block-settings .button.button-secondary{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff;font-family:var(--font-ui);font-weight:600;border-radius:10px}.levelMakerPage .cq-panel .block-settings .button.button-secondary:hover{background:var(--accent);border-color:var(--accent)}.levelMakerPage .cq-panel .block-settings .button.button-secondary.button-disabled{background:var(--line-2);border-color:var(--line-2);color:var(--ink-500)}.levelMakerPage .block-level-blocks .tile-label{font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500)}.levelMakerPage.cq-maker .block-goal{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.levelMakerPage.cq-maker .goal-hint{margin:0;font-size:.84rem;color:var(--ink-500)}.levelMakerPage.cq-maker .note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.levelMakerPage.cq-maker .note-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:6px;align-items:center}.levelMakerPage.cq-maker .note-row .dropdown,.levelMakerPage.cq-maker .note-row .input{min-width:0;width:100%;font-size:.86rem;padding:5px 8px}.levelMakerPage.cq-maker .note-row .note-name{font-family:var(--font-mono)}.levelMakerPage.cq-maker .note-row .note-remove{padding:2px 9px;line-height:1.2;font-size:1rem}.levelMakerPage.cq-maker .add-note{align-self:flex-start;font-size:.86rem}.levelMakerPage.cq-maker .requirement-row{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:10px}.levelMakerPage.cq-maker .requirement{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink-700);cursor:pointer}.levelMakerPage.cq-maker .requirement input{width:16px;height:16px;accent-color:var(--purple)}.levelMakerPage.cq-maker .block-explain{display:flex;flex-direction:column;gap:12px;padding:14px 16px}.levelMakerPage.cq-maker .explain-count{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--ink-500);text-transform:none;letter-spacing:0}.levelMakerPage.cq-maker .explain-hint,.levelMakerPage.cq-maker .explain-tip{margin:0;font-size:.8rem;line-height:1.45;color:var(--ink-500)}.levelMakerPage.cq-maker .explain-tip{border-top:1px solid var(--line);padding-top:10px;font-style:italic}.levelMakerPage.cq-maker .explain-chosen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:uitleg}.levelMakerPage.cq-maker .explain-row{display:flex;flex-direction:column;gap:7px;padding:9px 10px;border:1px solid var(--line-2);border-radius:10px;background:var(--soft)}.levelMakerPage.cq-maker .explain-top{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"nr naam" "leeg knoppen";gap:5px 8px;align-items:center}.levelMakerPage.cq-maker .explain-nr{grid-area:nr;width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;font-family:var(--font-mono);font-size:.72rem;font-weight:700}.levelMakerPage.cq-maker .explain-name{grid-area:naam;min-width:0;font-size:.84rem;line-height:1.25;font-weight:700;color:var(--ink-900)}.levelMakerPage.cq-maker .explain-order{grid-area:knoppen;display:inline-flex;gap:3px}.levelMakerPage.cq-maker .explain-order .button{width:22px;padding:0;font-size:.8rem;line-height:22px;text-align:center}.levelMakerPage.cq-maker .explain-order .button:disabled{opacity:.35;cursor:default}.levelMakerPage.cq-maker .explain-remove{font-size:1rem}.levelMakerPage.cq-maker .explain-warn{margin:0;padding:6px 8px;border-radius:7px;background:#fdf1d8;border:1px solid #e8c46a;font-size:.78rem;line-height:1.4;color:#7a5a10}.levelMakerPage.cq-maker .explain-default{margin:0;font-size:.78rem;line-height:1.45;color:var(--ink-500)}.levelMakerPage.cq-maker .explain-own{width:100%;font-size:.82rem;padding:6px 8px;resize:vertical}.levelMakerPage.cq-maker .explain-letters{align-self:flex-end;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-500)}.levelMakerPage.cq-maker .explain-add{display:flex;gap:6px;align-items:center}.levelMakerPage.cq-maker .explain-add .dropdown{flex:1 1 auto;min-width:0;font-size:.84rem;padding:5px 8px}.levelMakerPage.cq-maker .explain-add .button{flex:0 0 auto;font-size:.82rem}.teacherPage:has(.cq-maker){flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 24px;overflow:hidden}.levelMakerPage.cq-maker{display:flex;flex:1;height:100%;min-height:0;overflow:hidden;background:var(--bg);display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto minmax(0,1fr);gap:14px}.levelMakerPage.cq-maker *{box-sizing:border-box}.levelMakerPage.cq-maker button:not(.cq-speak) svg circle,.levelMakerPage.cq-maker button:not(.cq-speak) svg ellipse,.levelMakerPage.cq-maker button:not(.cq-speak) svg path,.levelMakerPage.cq-maker button:not(.cq-speak) svg polygon,.levelMakerPage.cq-maker button:not(.cq-speak) svg rect{fill:none}.levelMakerPage.cq-maker button:not(.cq-speak) svg line,.levelMakerPage.cq-maker button:not(.cq-speak) svg polyline{stroke:currentColor}.levelMakerPage.cq-maker .mk-kop{grid-column:1;grid-row:1;display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px}.levelMakerPage.cq-maker .cq-terug{font:inherit;flex-shrink:0;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px 0 6px;border-radius:999px;border:1px solid hsla(0,0%,100%,.7);background:linear-gradient(180deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.7));backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 1px 1px rgba(16,24,40,.05),0 10px 22px -14px rgba(16,24,40,.55),inset 0 1px 0 hsla(0,0%,100%,.9);color:var(--ink-900);font-family:var(--font-title);font-size:13px;font-weight:700;cursor:pointer;transition:transform .16s,box-shadow .2s}.levelMakerPage.cq-maker .cq-terug .cq-terug__pijl{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(16,24,40,.06);color:var(--ink-700,var(--ink-900));transition:background .16s,color .16s,transform .16s}.levelMakerPage.cq-maker .cq-terug svg{width:15px;height:15px}.levelMakerPage.cq-maker .cq-terug:hover{transform:translateY(-1px);box-shadow:0 1px 1px rgba(16,24,40,.05),0 14px 26px -14px rgba(16,24,40,.6),inset 0 1px 0 hsla(0,0%,100%,.9)}.levelMakerPage.cq-maker .cq-terug:hover .cq-terug__pijl{background:var(--accent-deep);color:#fff;transform:translateX(-1px)}.levelMakerPage.cq-maker .cq-terug:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.levelMakerPage.cq-maker .mk-titel{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;min-width:0;flex:1 1 auto;padding:5px 10px 6px;margin-left:-10px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.levelMakerPage.cq-maker .mk-titel:hover{background:var(--soft);border-color:var(--line)}.levelMakerPage.cq-maker .mk-veldlabel{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-titelpen{width:16px;height:16px;flex-shrink:0;color:var(--ink-500);opacity:0;transition:opacity .15s}.levelMakerPage.cq-maker .mk-titel:hover .mk-titelpen{opacity:.8}.levelMakerPage.cq-maker .mk-titelnaam{max-width:460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-title);font-size:21px;font-weight:700;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-titelnaam.is-leeg{color:var(--ink-500)}.levelMakerPage.cq-maker .mk-naam{width:100%}.levelMakerPage.cq-maker .mk-chip{flex-shrink:0;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.levelMakerPage.cq-maker .mk-chip.is-concept{background:var(--soft);color:var(--ink-500)}.levelMakerPage.cq-maker .mk-chip.is-klaar{background:color-mix(in srgb,var(--green-deep) 14%,var(--card));color:var(--green-deep)}.levelMakerPage.cq-maker .mk-chip.is-live{background:var(--accent-soft);color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-acties{flex-shrink:0;display:flex;align-items:center;gap:8px}.levelMakerPage.cq-maker .mk-bewaarknop{flex-shrink:0;min-width:138px;height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink-900);font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.levelMakerPage.cq-maker .mk-bewaarknop:hover{background:var(--soft);border-color:var(--line-2,var(--line))}.levelMakerPage.cq-maker .mk-bewaarknop[aria-disabled=true]{cursor:default}.levelMakerPage.cq-maker .mk-bewaarknop.is-klaar,.levelMakerPage.cq-maker .mk-bewaarknop.is-klaar:hover{border-color:transparent;background:transparent;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-bewaarknop.is-klaar .mk-bewaarknop__icoon{color:var(--green-deep)}.levelMakerPage.cq-maker .mk-bewaarknop.is-bezig,.levelMakerPage.cq-maker .mk-bewaarknop.is-bezig:hover{border-color:var(--line);background:var(--card);color:var(--ink-500)}.levelMakerPage.cq-maker .mk-bewaarknop__icoon{width:17px;height:17px;flex-shrink:0;display:grid;place-items:center}.levelMakerPage.cq-maker .mk-bewaarknop__icoon svg{width:17px;height:17px}.levelMakerPage.cq-maker .mk-bewaarknop__tekst{white-space:nowrap}.levelMakerPage.cq-maker .mk-draai{animation:mk-draaien .9s linear infinite}.levelMakerPage.cq-maker .mk-knop{height:38px;padding:0 15px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink-900);font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.levelMakerPage.cq-maker .mk-knop:hover:not(:disabled){background:var(--soft);border-color:var(--line-2,var(--line))}.levelMakerPage.cq-maker .mk-knop:active:not(:disabled){transform:translateY(1px)}.levelMakerPage.cq-maker .mk-knop.is-primair{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.levelMakerPage.cq-maker .mk-knop.is-primair:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-knop:disabled{opacity:.5;cursor:not-allowed}.levelMakerPage.cq-maker .mk-zij{grid-column:2;grid-row:1/span 2;min-width:0;display:flex;flex-direction:column;min-height:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.levelMakerPage.cq-maker .mk-fases{flex-shrink:0;margin:0;padding:10px;list-style:none;border-bottom:1px solid var(--line);display:grid;gap:2px;counter-reset:stap}.levelMakerPage.cq-maker .mk-stap{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:11px 12px;border:none;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:background .15s}.levelMakerPage.cq-maker .mk-stap:hover{background:var(--soft)}.levelMakerPage.cq-maker .mk-stap.is-aan{background:var(--accent-soft)}.levelMakerPage.cq-maker .mk-stapnr{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1.6px solid var(--line-2,var(--line));background:var(--card);font-family:var(--font-title);font-size:11.5px;font-weight:700;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-stapnr svg{width:13px;height:13px}.levelMakerPage.cq-maker .mk-stap.is-aan .mk-stapnr{border-color:var(--accent-deep);background:var(--accent-deep);color:#fff}.levelMakerPage.cq-maker .mk-stap.is-klaar .mk-stapnr{border-color:var(--green-deep);background:var(--green-deep);color:#fff}.levelMakerPage.cq-maker .mk-staptekst{min-width:0;display:flex;flex-direction:column;gap:1px}.levelMakerPage.cq-maker .mk-staptitel{font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.levelMakerPage.cq-maker .mk-stapstaat{font-size:11px;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-stap.is-klaar .mk-stapstaat{color:var(--green-deep)}.levelMakerPage.cq-maker .mk-stap.is-aan .mk-staptitel{color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-context{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.levelMakerPage.cq-maker .mk-context h3{margin:0;font-family:var(--font-title);font-size:13.5px;font-weight:700;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-kop2{margin-top:14px!important}.levelMakerPage.cq-maker .mk-hulp{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-invoer,.levelMakerPage.cq-maker .mk-tekstvak{width:100%;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink-900);font-family:var(--font-ui);font-size:13.5px;line-height:1.5;resize:vertical}.levelMakerPage.cq-maker .mk-invoer:focus,.levelMakerPage.cq-maker .mk-tekstvak:focus{outline:none;border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-soft)}.levelMakerPage.cq-maker .mk-invoer{resize:none}.levelMakerPage.cq-maker .mk-themas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.levelMakerPage.cq-maker .mk-thema{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--ink-500);transition:border-color .15s,background .15s,color .15s}.levelMakerPage.cq-maker .mk-thema img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain}.levelMakerPage.cq-maker .mk-thema:hover{background:var(--soft)}.levelMakerPage.cq-maker .mk-thema.is-aan{border-color:var(--accent-deep);background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--accent-deep)}.levelMakerPage.cq-maker .mk-seed{display:flex;gap:8px;align-items:center}.levelMakerPage.cq-maker .mk-icoonknop{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink-700,var(--ink-900));cursor:pointer;transition:background .15s,border-color .15s,color .15s}.levelMakerPage.cq-maker .mk-icoonknop svg{width:19px;height:19px}.levelMakerPage.cq-maker .mk-icoonknop:hover{background:var(--soft);border-color:var(--line-2,var(--line))}.levelMakerPage.cq-maker .mk-icoonknop.is-aan{background:var(--accent-soft);border-color:var(--accent-deep);color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-let{margin:0 0 4px;padding:12px 13px;border-radius:13px;border:1px solid var(--line);background:var(--card);display:grid;gap:7px}.levelMakerPage.cq-maker .mk-let p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-let.is-eis{border-color:rgba(232,67,78,.4);background:rgba(232,67,78,.08)}.levelMakerPage.cq-maker .mk-let.is-fout{border-color:rgba(232,67,78,.55);background:rgba(232,67,78,.12)}.levelMakerPage.cq-maker .mk-let.is-raad{border-color:var(--accent-deep);background:var(--accent-soft)}.levelMakerPage.cq-maker .mk-let__kop{font-family:var(--font-title);font-size:13.5px;font-weight:700;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-let__knoppen{display:flex;flex-wrap:wrap;gap:8px}.levelMakerPage.cq-maker .mk-grootknop.is-accent{border-color:var(--accent-deep);background:var(--accent-deep);color:#fff}.levelMakerPage.cq-maker .mk-grootknop.is-accent:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.levelMakerPage.cq-maker .mk-eisen{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:6px}.levelMakerPage.cq-maker .mk-eisen li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-eisen li.is-ok{color:var(--green-deep)}.levelMakerPage.cq-maker .mk-eisen em{font-style:normal;opacity:.75}.levelMakerPage.cq-maker .mk-tips{margin:4px 0 0;padding:10px 12px;list-style:none;border-radius:11px;background:var(--soft);display:grid;gap:6px}.levelMakerPage.cq-maker .mk-tips li{position:relative;padding-left:14px;font-size:12px;line-height:1.45;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-tips li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--accent-deep);opacity:.55}.levelMakerPage.cq-maker .mk-grootknop{height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--line);background:var(--card);font-family:var(--font-ui);font-size:13.5px;font-weight:600;color:var(--ink-900);cursor:pointer;transition:border-color .15s,background .15s}.levelMakerPage.cq-maker .mk-grootknop:hover{border-color:var(--accent-deep);color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-melding{margin:0;font-size:12.5px;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-melding.is-ok{color:var(--green-deep)}.levelMakerPage.cq-maker .mk-scheidingslijn{height:1px;margin:14px 0;background:var(--line)}.levelMakerPage.cq-maker .mk-voet{flex-shrink:0;padding:12px 14px;border-top:1px solid var(--line);background:var(--soft);display:grid;gap:8px}.levelMakerPage.cq-maker .mk-voortgang{height:6px;border-radius:999px;background:color-mix(in srgb,var(--ink-500) 16%,transparent);overflow:hidden}.levelMakerPage.cq-maker .mk-voortgang span{display:block;height:100%;border-radius:999px;background:var(--green-deep);transition:width .25s ease}.levelMakerPage.cq-maker .mk-voortgangtekst{margin:0;font-size:11.5px;font-weight:600;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-volgende{height:38px;padding:0 14px;border-radius:11px;border:none;background:var(--accent-deep);color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;transition:filter .15s,transform .15s}.levelMakerPage.cq-maker .mk-volgende:hover{filter:brightness(1.06)}.levelMakerPage.cq-maker .mk-volgende:active{transform:scale(.99)}.levelMakerPage.cq-maker .mk-vink{width:15px;height:15px;flex-shrink:0;border-radius:50%;border:1.6px solid color-mix(in srgb,#f59e0b 55%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--card));position:relative}.levelMakerPage.cq-maker .mk-eisen li:not(.is-ok){color:#9a5b06}.levelMakerPage.cq-maker li.is-ok .mk-vink{border-color:var(--green-deep);background:var(--green-deep)}.levelMakerPage.cq-maker li.is-ok .mk-vink:after{content:"";position:absolute;left:4px;top:1.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.levelMakerPage.cq-maker .mk-werk{grid-column:1;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.levelMakerPage.cq-maker .mk-blad{flex:1;min-height:0;overflow-y:auto;padding:22px;display:grid;align-content:start;gap:18px;grid-template-columns:minmax(0,1fr);width:100%}.levelMakerPage.cq-maker .mk-blad.is-twee{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.levelMakerPage.cq-maker .mk-blad.is-drie{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.levelMakerPage.cq-maker .mk-blad.is-vast{overflow:hidden;align-content:stretch;grid-template-rows:minmax(0,1fr)}.levelMakerPage.cq-maker .mk-blad.is-samen{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.levelMakerPage.cq-maker .mk-blad.is-samen>section:last-child{grid-column:1/-1}.levelMakerPage.cq-maker .mk-kaart{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:14px;border:1px solid var(--line);background:var(--card)}.levelMakerPage.cq-maker .mk-kaart h2{margin:0;font-family:var(--font-title);font-size:16px;font-weight:700;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-kaart.is-kaal{padding:16px;gap:0}.levelMakerPage.cq-maker .mk-kaart.is-voorbeeld{background:var(--soft);border-style:dashed}.levelMakerPage.cq-maker .mk-kaart.is-af{border-color:var(--green-deep);background:color-mix(in srgb,var(--green-deep) 6%,var(--card))}.levelMakerPage.cq-maker .mk-instel{min-height:0;display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);align-items:stretch;gap:30px;padding:24px 26px}.levelMakerPage.cq-maker .mk-instel__form{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:22px}.levelMakerPage.cq-maker .mk-instel__beeld{min-width:0;min-height:0;height:100%;display:flex;align-items:center;justify-content:center}.levelMakerPage.cq-maker .mk-beeldvak{min-height:0;max-height:100%;max-width:100%;display:flex;flex-direction:column;gap:9px}.levelMakerPage.cq-maker .mk-beeldvak__tekst{margin:0;max-width:46ch;font-size:12.5px;line-height:1.5;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-instel__leeg{flex:1;min-height:160px;display:grid;place-items:center;padding:16px;text-align:center;border-radius:14px;border:1px dashed var(--line);background:var(--soft);font-size:12.5px;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-veld{display:flex;flex-direction:column;gap:7px}.levelMakerPage.cq-maker select,.levelMakerPage.cq-maker select.dropdown{height:36px;padding:0 32px 0 11px;border-radius:10px;border:1px solid var(--line);background-color:var(--card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6b7a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:15px 15px;font-family:var(--font-ui);font-size:13px;color:var(--ink-900);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.levelMakerPage.cq-maker select.dropdown:hover,.levelMakerPage.cq-maker select:hover{border-color:var(--line-2,var(--line))}.levelMakerPage.cq-maker select.dropdown:focus,.levelMakerPage.cq-maker select:focus{outline:none;border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-soft)}.levelMakerPage.cq-maker .mk-kist{display:grid;gap:6px}.levelMakerPage.cq-maker .mk-kist__rij{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.levelMakerPage.cq-maker .mk-kist__rij:hover{border-color:var(--line-2,var(--line))}.levelMakerPage.cq-maker .mk-kist__rij.is-uit{background:var(--soft);opacity:.72}.levelMakerPage.cq-maker .mk-kist__rij.is-vast{cursor:default;background:color-mix(in srgb,var(--accent-soft) 45%,var(--card));border-color:transparent}.levelMakerPage.cq-maker .mk-kist__naam{flex:1;min-width:0;font-family:var(--font-ui);font-size:13.5px;font-weight:600;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-kist__naam em{display:block;font-style:normal;font-size:11.5px;font-weight:500;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-kist__vink{position:absolute;opacity:0;pointer-events:none}.levelMakerPage.cq-maker .mk-kist__slot{position:relative;width:40px;height:24px;flex-shrink:0;border-radius:999px;background:var(--accent-deep);transition:background .18s}.levelMakerPage.cq-maker .mk-kist__slot:after{content:"";position:absolute;top:3px;left:19px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px -2px rgba(16,24,40,.6);transition:left .18s cubic-bezier(.34,1.36,.5,1)}.levelMakerPage.cq-maker .mk-kist__slot.is-vast{display:grid;place-items:center;width:24px;background:transparent;color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-kist__slot.is-vast svg{width:16px;height:16px}.levelMakerPage.cq-maker .mk-kist__slot.is-vast:after{content:none}.levelMakerPage.cq-maker .mk-kist__rij.is-uit .mk-kist__slot{background:color-mix(in srgb,var(--ink-500) 32%,transparent)}.levelMakerPage.cq-maker .mk-kist__rij.is-uit .mk-kist__slot:after{left:3px}.levelMakerPage.cq-maker .mk-kist__vink:focus-visible+.mk-kist__slot{box-shadow:0 0 0 3px var(--accent-soft),0 0 0 5px var(--accent-deep)}.levelMakerPage.cq-maker .mk-eis{margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--soft);font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);vertical-align:middle}.levelMakerPage.cq-maker .mk-eis.is-open{background:color-mix(in srgb,#f59e0b 16%,var(--card));color:#9a5b06}.levelMakerPage.cq-maker .mk-eis.is-stil{opacity:.75}.levelMakerPage.cq-maker .mk-veldmelding{margin:0;display:flex;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.5;color:#9a5b06}.levelMakerPage.cq-maker .mk-veldmelding svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}.levelMakerPage.cq-maker .mk-invoer.is-open,.levelMakerPage.cq-maker .mk-naam.is-open{border-color:color-mix(in srgb,#f59e0b 55%,var(--line));background:color-mix(in srgb,#f59e0b 5%,var(--card))}.levelMakerPage.cq-maker .mk-invoer.is-open:focus,.levelMakerPage.cq-maker .mk-naam.is-open:focus{border-color:var(--accent-deep);background:var(--card)}.levelMakerPage.cq-maker .mk-inbouw{margin:0 -6px}.levelMakerPage.cq-maker .mk-nognodig{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.levelMakerPage.cq-maker .mk-nognodig__kop{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9a5b06}.levelMakerPage.cq-maker .mk-nognodig__knop{height:26px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,#f59e0b 40%,var(--line));background:color-mix(in srgb,#f59e0b 12%,var(--card));font-family:var(--font-ui);font-size:11.5px;font-weight:600;color:#9a5b06;cursor:pointer;transition:background .15s,border-color .15s}.levelMakerPage.cq-maker .mk-nognodig__knop:hover{background:color-mix(in srgb,#f59e0b 20%,var(--card));border-color:color-mix(in srgb,#f59e0b 60%,var(--line))}.levelMakerPage.cq-maker .mk-stap.is-open .mk-stapnr{border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 14%,var(--card));color:#9a5b06}.levelMakerPage.cq-maker .mk-stap.is-open .mk-stapstaat{color:#9a5b06}.levelMakerPage.cq-maker .mk-veldkop{font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-tel{margin:0;font-size:11.5px;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-kaart.is-breed{grid-column:1/-1}.levelMakerPage.cq-maker .mk-beeldknop{position:relative;display:block;width:100%;max-width:520px;aspect-ratio:16/9;flex:none;margin:4px auto 0;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--soft);overflow:hidden;cursor:zoom-in;box-shadow:0 12px 28px -22px rgba(16,24,40,.7);transition:transform .16s,box-shadow .16s,border-color .16s}.levelMakerPage.cq-maker .mk-beeldknop img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.levelMakerPage.cq-maker .mk-beeldknop.is-klein img{-o-object-position:center;object-position:center}.levelMakerPage.cq-maker .mk-beeldknop:hover{transform:translateY(-2px);border-color:var(--accent-deep);box-shadow:0 18px 34px -22px rgba(16,24,40,.8)}.levelMakerPage.cq-maker .mk-beeldknop:hover .mk-beeldknop__hint{opacity:1;transform:translateY(0)}.levelMakerPage.cq-maker .mk-beeldknop.is-klein{max-width:240px;aspect-ratio:4/3;margin:0}.levelMakerPage.cq-maker .mk-beeldknop.is-laden img{opacity:.55;transition:opacity .2s}.levelMakerPage.cq-maker .mk-beeldknop.is-vullend{flex:0 1 auto;min-height:0;width:auto;max-width:100%;max-height:100%;aspect-ratio:4/3;margin:0 auto}.levelMakerPage.cq-maker .mk-beeldknop.is-vullend img{-o-object-fit:cover;object-fit:cover}.levelMakerPage.cq-maker .mk-beeldknop__hint{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(16,24,40,.62);color:#fff;font-family:var(--font-ui);font-size:11.5px;font-weight:600;opacity:0;transform:translateY(4px);transition:opacity .16s,transform .16s}.levelMakerPage.cq-maker .mk-beeldknop__hint svg{width:14px;height:14px}.levelMakerPage.cq-maker .mk-samen__leeg{display:grid;place-items:center;aspect-ratio:16/9;max-width:260px;padding:10px;border-radius:14px;border:1px dashed var(--line);background:var(--soft);text-align:center;font-size:12px;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-praatje{display:flex;align-items:flex-start;gap:14px}.levelMakerPage.cq-maker .mk-praatje img{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.levelMakerPage.cq-maker .mk-praatje__bel{position:relative;flex:1;min-width:0;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 24px -18px rgba(16,24,40,.5)}.levelMakerPage.cq-maker .mk-praatje__bel:before{content:"";position:absolute;left:-7px;top:22px;width:12px;height:12px;transform:rotate(45deg);background:var(--card);border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.levelMakerPage.cq-maker .mk-praatje__naam{margin:0 0 4px;font-family:var(--font-title);font-size:13.5px;font-weight:700;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-praatje__tekst{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-900);white-space:pre-wrap}.levelMakerPage.cq-maker .mk-praatje__tekst.is-leeg{color:var(--ink-500);font-style:italic}.levelMakerPage.cq-maker .mk-blokken{margin:0;padding:0;list-style:none;display:grid;gap:7px}.levelMakerPage.cq-maker .mk-blokken li{padding:9px 12px;border-radius:11px;background:color-mix(in srgb,var(--accent-soft) 55%,var(--card));border:1px solid color-mix(in srgb,var(--accent-deep) 22%,transparent);font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-samen{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:20px;align-items:center}.levelMakerPage.cq-maker .mk-samen__info{min-width:0;display:flex;flex-direction:column;gap:12px}.levelMakerPage.cq-maker .mk-feiten{margin:0;display:flex;flex-wrap:wrap;gap:12px 34px}.levelMakerPage.cq-maker .mk-feiten div{display:flex;flex-direction:column;gap:2px}.levelMakerPage.cq-maker .mk-feiten dt{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-feiten dd{margin:0;font-family:var(--font-title);font-size:14px;font-weight:700;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-feiten dd.is-ok{color:var(--green-deep)}.levelMakerPage.cq-maker .mk-mini{margin-left:auto;height:26px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--card);font-family:var(--font-ui);font-size:11.5px;font-weight:600;color:var(--ink-900);cursor:pointer}.levelMakerPage.cq-maker .mk-mini:hover{border-color:var(--accent-deep);color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-eis__tekst{min-width:0}.levelMakerPage.cq-maker .mk-invoer.is-groot,.levelMakerPage.cq-maker .mk-naam.is-groot{height:44px;font-size:15px}.levelMakerPage.cq-maker .mk-tekstvak.is-groot{min-height:220px;font-size:14px;line-height:1.6}.levelMakerPage.cq-maker .mk-zweef{position:absolute;z-index:5;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:18px;background:hsla(0,0%,100%,.82);border:1px solid hsla(0,0%,100%,.65);box-shadow:0 1px 1px rgba(16,24,40,.06),0 10px 24px -12px rgba(16,24,40,.35),inset 0 1px 0 hsla(0,0%,100%,.9)}.levelMakerPage.cq-maker .mk-zweef--boven{top:14px;right:14px;max-width:calc(100% - 28px);flex-wrap:wrap;justify-content:flex-end}.levelMakerPage.cq-maker .mk-vloei{position:absolute;z-index:6;top:14px;left:14px;width:250px;max-width:calc(100% - 28px);padding:7px;display:grid;gap:7px;border-radius:22px;background:linear-gradient(180deg,hsla(0,0%,100%,.86),hsla(0,0%,100%,.66));border:1px solid hsla(0,0%,100%,.75);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 1px 1px rgba(16,24,40,.05),0 18px 42px -20px rgba(16,24,40,.5),inset 0 1px 0 hsla(0,0%,100%,.95),inset 0 -1px 0 hsla(0,0%,100%,.35);transition:box-shadow .25s,border-color .25s}.levelMakerPage.cq-maker .mk-vloei.is-af{border-color:rgba(15,184,90,.4);box-shadow:0 1px 1px rgba(16,24,40,.05),0 18px 42px -20px rgba(15,184,90,.5),inset 0 1px 0 hsla(0,0%,100%,.95)}.levelMakerPage.cq-maker .mk-vloei__kop{display:flex;align-items:center;gap:9px;width:100%;padding:4px 4px 4px 5px;border:none;background:transparent;border-radius:16px;cursor:pointer;text-align:left;font-family:var(--font-ui);transition:background .16s}.levelMakerPage.cq-maker .mk-vloei__kop:hover{background:rgba(16,24,40,.05)}.levelMakerPage.cq-maker .mk-vloei__ring{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(16,24,40,.07);font-size:11px;font-weight:700;color:var(--ink-900);letter-spacing:-.03em;white-space:nowrap}.levelMakerPage.cq-maker .mk-vloei__ring i{font-style:normal;opacity:.5}.levelMakerPage.cq-maker .mk-vloei__ring.is-af{background:var(--green-deep);color:#fff}.levelMakerPage.cq-maker .mk-vloei__ring.is-licht{background:rgba(232,67,78,.14);color:#c0392f}.levelMakerPage.cq-maker .mk-vloei__kern{min-width:0;display:grid;gap:1px}.levelMakerPage.cq-maker .mk-vloei__kern strong{font-family:var(--font-title);font-size:12.5px;font-weight:700;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.levelMakerPage.cq-maker .mk-vloei__kern em{font-style:normal;font-size:10.5px;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-vloei__pijl{margin-left:auto;width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;color:var(--ink-500);transition:transform .2s}.levelMakerPage.cq-maker .mk-vloei__pijl svg{width:15px;height:15px}.levelMakerPage.cq-maker .mk-vloei.is-open .mk-vloei__pijl{transform:rotate(180deg)}.levelMakerPage.cq-maker .mk-vloei__body{display:grid;gap:8px;padding:2px 6px 0}.levelMakerPage.cq-maker .mk-vloei--lichten{top:auto;left:14px;bottom:106px;width:232px}.levelMakerPage.cq-maker .mk-lichtrij{display:flex;flex-wrap:wrap;gap:6px}.levelMakerPage.cq-maker .mk-vloei__lijst{margin:0;padding:0;list-style:none;display:grid;gap:5px}.levelMakerPage.cq-maker .mk-vloei__lijst li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-vloei__lijst li.is-ok{color:var(--green-deep)}.levelMakerPage.cq-maker .mk-vloei__lijst em{font-style:normal;opacity:.7;margin-left:4px}.levelMakerPage.cq-maker .mk-vloei__vink{width:16px;height:16px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1.6px solid rgba(16,24,40,.18);color:#fff}.levelMakerPage.cq-maker .mk-vloei__vink svg{width:11px;height:11px}.levelMakerPage.cq-maker .mk-vloei__lijst li.is-ok .mk-vloei__vink{border-color:var(--green-deep);background:var(--green-deep)}.levelMakerPage.cq-maker .mk-vloei__uitleg{margin:0;padding:8px 10px;border-radius:12px;background:rgba(232,67,78,.1);font-size:11.5px;line-height:1.45;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-vloei__uitleg.is-raad{background:rgba(15,184,90,.12)}.levelMakerPage.cq-maker .mk-vloei__acties{display:grid;gap:7px}.levelMakerPage.cq-maker .mk-doeknop{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:16px;border:1px solid rgba(16,24,40,.1);background:rgba(16,24,40,.05);color:var(--ink-500);text-align:left;cursor:not-allowed;font-family:var(--font-ui);transition:transform .18s,box-shadow .25s,background .25s}.levelMakerPage.cq-maker .mk-doeknop__ic{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:hsla(0,0%,100%,.9);color:rgba(16,24,40,.35)}.levelMakerPage.cq-maker .mk-doeknop__ic svg{width:15px;height:15px;fill:currentColor}.levelMakerPage.cq-maker .mk-doeknop__ic svg path{fill:currentColor}.levelMakerPage.cq-maker .mk-doeknop__tekst{display:grid;gap:1px}.levelMakerPage.cq-maker .mk-doeknop__tekst strong{font-family:var(--font-title);font-size:14px;font-weight:700}.levelMakerPage.cq-maker .mk-doeknop__tekst em{font-style:normal;font-size:11px;opacity:.85}.levelMakerPage.cq-maker .mk-doeknop.is-klaar{cursor:pointer;border-color:transparent;background:linear-gradient(180deg,#3ddc84,#0fb85a);color:#fff;box-shadow:0 10px 24px -10px rgba(15,184,90,.9),inset 0 1px 0 hsla(0,0%,100%,.5);animation:mkPols 2.6s ease-in-out infinite}.levelMakerPage.cq-maker .mk-doeknop.is-klaar .mk-doeknop__ic{background:#fff;color:#0fb85a}.levelMakerPage.cq-maker .mk-doeknop.is-klaar:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(15,184,90,.95),inset 0 1px 0 hsla(0,0%,100%,.5)}@keyframes mkPols{0%,to{box-shadow:0 10px 24px -10px rgba(15,184,90,.9),0 0 0 0 rgba(15,184,90,.45),inset 0 1px 0 hsla(0,0%,100%,.5)}55%{box-shadow:0 10px 24px -10px rgba(15,184,90,.9),0 0 0 10px rgba(15,184,90,0),inset 0 1px 0 hsla(0,0%,100%,.5)}}.levelMakerPage.cq-maker .mk-vloeiknop{width:100%;height:34px;border-radius:13px;border:1px solid rgba(16,24,40,.12);background:hsla(0,0%,100%,.75);font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--ink-900);cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.levelMakerPage.cq-maker .mk-vloeiknop:hover{background:#fff;border-color:var(--accent-deep);color:var(--accent-strong);transform:translateY(-1px)}.levelMakerPage.cq-maker .mk-vloeiknop.is-hoofd{border-color:transparent;background:var(--accent-deep);color:#fff;box-shadow:0 8px 20px -10px var(--accent-deep)}.levelMakerPage.cq-maker .mk-vloeiknop.is-hoofd:hover{background:var(--accent-strong);color:#fff}.levelMakerPage.cq-maker .mk-vloei__tip{margin:0;font-size:10.5px;line-height:1.4;color:var(--ink-500);opacity:.85}.levelMakerPage.cq-maker .mk-oplossing{margin:12px 0 2px;padding:12px;border-radius:16px;background:var(--soft,#f4f6fa);text-align:left;max-height:360px;overflow:auto}.levelMakerPage.cq-maker .sb-lijst{display:grid;gap:6px}.levelMakerPage.cq-maker .sb-blok{display:grid;gap:6px;border-radius:12px;padding:8px 10px;font-family:var(--font-title);font-size:12.5px;font-weight:700;color:#fff;box-shadow:0 6px 14px -10px rgba(16,24,40,.7)}.levelMakerPage.cq-maker .sb-blok.is-doen{background:var(--coral)}.levelMakerPage.cq-maker .sb-blok.is-lus{background:var(--cyan-deep)}.levelMakerPage.cq-maker .sb-blok.is-als{background:var(--green-deep)}.levelMakerPage.cq-maker .sb-blok.is-notitie{background:var(--purple)}.levelMakerPage.cq-maker .sb-kop{display:block;line-height:1.3}.levelMakerPage.cq-maker .sb-takken{display:grid;gap:6px}.levelMakerPage.cq-maker .sb-tak{padding:7px;border-radius:10px;background:rgba(16,24,40,.16);display:grid;gap:5px}.levelMakerPage.cq-maker .sb-taklabel{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.levelMakerPage.cq-maker .mk-melding-vloei{position:absolute;z-index:8;left:50%;bottom:92px;transform:translateX(-50%);margin:0;max-width:min(420px,100% - 40px);padding:10px 16px;border-radius:16px;background:linear-gradient(180deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.78));border:1px solid rgba(232,67,78,.35);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 14px 34px -18px rgba(16,24,40,.6),inset 0 1px 0 hsla(0,0%,100%,.9);font-size:12.5px;line-height:1.45;color:var(--ink-900);text-align:center}.levelMakerPage.cq-maker .mk-melding-enter-active,.levelMakerPage.cq-maker .mk-melding-leave-active{transition:opacity .2s,transform .2s}.levelMakerPage.cq-maker .mk-melding-enter-from,.levelMakerPage.cq-maker .mk-melding-leave-to{opacity:0;transform:translate(-50%,6px)}.levelMakerPage.cq-maker .mk-code{margin:10px 0 0;padding:10px 0;list-style:none;text-align:left;border-radius:14px;background:var(--soft,#f4f6fa);display:grid;gap:2px;max-height:340px;overflow:auto}.levelMakerPage.cq-maker .mk-code li{padding-top:3px;padding-bottom:3px;font-family:var(--font-mono,monospace);font-size:12.5px;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-code li.is-lus{color:#1f7ae0;font-weight:700}.levelMakerPage.cq-maker .mk-code li.is-als{color:#0d9b57;font-weight:700}.levelMakerPage.cq-maker .mk-code li.is-notitie{color:#7a53d1;font-weight:600}.levelMakerPage.cq-maker .mk-medailles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}.levelMakerPage.cq-maker .mk-medaille{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border-radius:14px;border:1px solid var(--line,rgba(16,24,40,.1));background:#fff;cursor:pointer;text-align:left;transition:border-color .16s,background .16s,box-shadow .16s}.levelMakerPage.cq-maker .mk-medaille:hover{border-color:var(--accent-deep)}.levelMakerPage.cq-maker .mk-medaille.is-aan{border-color:var(--accent-deep);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-deep)}.levelMakerPage.cq-maker .mk-medaille__ring{display:inline-flex;gap:3px;margin-bottom:2px}.levelMakerPage.cq-maker .mk-medaille__punt{width:11px;height:11px;border-radius:50%;background:#e7c14b}.levelMakerPage.cq-maker .mk-medaille__punt.is-2{background:#c3ccd6}.levelMakerPage.cq-maker .mk-medaille__punt.is-3{background:#cf9464}.levelMakerPage.cq-maker .mk-medaille__naam{font-family:var(--font-title);font-weight:700;font-size:13px;color:var(--ink-900)}.levelMakerPage.cq-maker .mk-medaille__hulp{font-style:normal;font-size:11.5px;line-height:1.3;color:var(--ink-500,var(--ink-900))}.levelMakerPage.cq-maker .mk-zweef--lichten{right:14px;bottom:120px;max-width:260px;padding:10px 12px;border-radius:16px}.levelMakerPage.cq-maker .mk-lichten{display:flex;flex-direction:column;gap:8px;width:100%}.levelMakerPage.cq-maker .mk-lichten__kop{font-family:var(--font-title);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500,var(--ink-900))}.levelMakerPage.cq-maker .mk-lichten__hulp{margin:0;font-size:11.5px;line-height:1.35;color:var(--ink-500,var(--ink-900))}.levelMakerPage.cq-maker .mk-licht{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 8px;border-radius:12px;background:hsla(0,0%,100%,.72);border:1px solid var(--line,rgba(16,24,40,.08))}.levelMakerPage.cq-maker .mk-licht__naam{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-title);font-weight:700;font-size:12px}.levelMakerPage.cq-maker .mk-licht__veld{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ink-700,var(--ink-900))}.levelMakerPage.cq-maker .mk-licht .cq-stapper{display:inline-flex;align-items:stretch;height:24px;border-radius:8px;background:#fff;border:1px solid var(--line-2,rgba(16,24,40,.12));overflow:hidden;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.levelMakerPage.cq-maker .mk-licht .cq-stapper__waarde{display:grid;place-items:center;min-width:22px;padding:0 4px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums}.levelMakerPage.cq-maker .mk-licht .cq-stapper__pijlen{display:flex;flex-direction:column;border-left:1px solid var(--line-2,rgba(16,24,40,.12))}.levelMakerPage.cq-maker .mk-licht .cq-stapper__pijl{width:16px;flex:1 1 0;min-height:0;padding:0;border:0;border-radius:0;background:#fff;display:grid;place-items:center;cursor:pointer}.levelMakerPage.cq-maker .mk-licht .cq-stapper__pijl:hover{background:var(--accent-soft)}.levelMakerPage.cq-maker .mk-licht .cq-stapper__pijl+.cq-stapper__pijl{border-top:1px solid var(--line-2,rgba(16,24,40,.12))}.levelMakerPage.cq-maker .mk-licht .cq-stapper__pijl svg{width:8px;height:5px;fill:none;stroke:var(--ink-700,var(--ink-900));stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.levelMakerPage.cq-maker .mk-licht .cq-stapper__pijl.is-uit{cursor:default;opacity:.4}.levelMakerPage.cq-maker .mk-licht__draai{display:inline-flex;align-items:center;gap:4px;padding:3px 7px 3px 5px;border-radius:8px;border:1px solid var(--line-2,rgba(16,24,40,.12));background:#fff;color:var(--ink-700,var(--ink-900));font-family:var(--font-title);font-weight:700;font-size:11.5px;cursor:pointer;transition:background .16s,color .16s}.levelMakerPage.cq-maker .mk-licht__draai svg{width:13px;height:13px}.levelMakerPage.cq-maker .mk-licht__draai:hover{background:var(--accent-soft);color:var(--accent-strong)}.levelMakerPage.cq-maker .mk-licht__stand{flex:1 0 100%;font-size:11px;color:var(--ink-500,var(--ink-900))}.levelMakerPage.cq-maker .mk-zweefknop{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;border:none;background:transparent;color:var(--ink-700,var(--ink-900));cursor:pointer;flex-shrink:0;transition:background .16s,color .16s,transform .16s}.levelMakerPage.cq-maker .mk-zweefknop svg{width:18px;height:18px}.levelMakerPage.cq-maker .mk-zweefknop:hover{background:hsla(0,0%,100%,.95);color:var(--ink-900)}.levelMakerPage.cq-maker .mk-zweefknop:active{transform:scale(.94)}.levelMakerPage.cq-maker .mk-zweefknop.is-aan{background:var(--accent-deep);color:#fff;box-shadow:0 8px 16px -10px var(--accent-deep)}.levelMakerPage.cq-maker .mk-zweefknop:disabled{opacity:.35;cursor:default;background:transparent;transform:none}.levelMakerPage.cq-maker .mk-tip{padding:0 6px;font-size:12px;color:var(--ink-500);white-space:nowrap;max-width:360px;overflow:hidden;text-overflow:ellipsis}.levelMakerPage.cq-maker .mk-dok{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);max-width:calc(100% - 28px);padding:1px 10px 9px;border-radius:26px;background:linear-gradient(180deg,hsla(0,0%,100%,.96),hsla(0,0%,100%,.88));border:1px solid hsla(0,0%,100%,.9);box-shadow:0 1px 1px rgba(16,24,40,.05),0 2px 6px -2px rgba(16,24,40,.16),0 22px 44px -22px rgba(16,24,40,.5),inset 0 1px 0 hsla(0,0%,100%,.95)}.levelMakerPage.cq-maker .mk-tegels{display:flex;align-items:flex-end;gap:4px;min-width:0;padding:7px 2px 0;overflow-x:auto;scrollbar-width:none}.levelMakerPage.cq-maker .mk-tegels::-webkit-scrollbar{display:none}.levelMakerPage.cq-maker .mk-dokstreep{width:1px;height:26px;margin:0 8px 12px;flex-shrink:0;border-radius:1px;background:linear-gradient(180deg,rgba(16,24,40,0),rgba(16,24,40,.14),rgba(16,24,40,0))}.levelMakerPage.cq-maker .mk-tegel{position:relative;width:62px;padding:5px 3px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;border:none;background:transparent;border-radius:16px;cursor:pointer;flex-shrink:0;font-family:var(--font-ui);font-size:10.5px;font-weight:600;line-height:1.15;color:var(--ink-500);transition:color .16s ease,transform .18s cubic-bezier(.2,.8,.3,1)}.levelMakerPage.cq-maker .mk-tegel .mk-tegel__leeg,.levelMakerPage.cq-maker .mk-tegel img{box-sizing:border-box;width:40px;height:40px;padding:8px;border-radius:13px;-o-object-fit:contain;object-fit:contain;background:linear-gradient(180deg,#fff,#eef2f7);border:1px solid rgba(16,24,40,.07);box-shadow:0 1px 1px rgba(16,24,40,.05),inset 0 1px 0 hsla(0,0%,100%,.95);transition:background .16s ease,border-color .16s ease,box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.3,1)}.levelMakerPage.cq-maker .mk-tegel .mk-tegel__leeg{display:block;border-style:dashed;border-color:var(--line-2,var(--line));background:var(--soft)}.levelMakerPage.cq-maker .mk-tegel span:last-child:not(.mk-tegel__nodig){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.levelMakerPage.cq-maker .mk-tegel:hover{color:var(--ink-900)}.levelMakerPage.cq-maker .mk-tegel:hover .mk-tegel__leeg,.levelMakerPage.cq-maker .mk-tegel:hover img{transform:translateY(-2px);box-shadow:0 1px 1px rgba(16,24,40,.05),0 10px 18px -12px rgba(16,24,40,.6),inset 0 1px 0 hsla(0,0%,100%,.95)}.levelMakerPage.cq-maker .mk-tegel:focus-visible{outline:none}.levelMakerPage.cq-maker .mk-tegel:focus-visible .mk-tegel__leeg,.levelMakerPage.cq-maker .mk-tegel:focus-visible img{border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-ring,rgba(94,92,230,.25))}.levelMakerPage.cq-maker .mk-tegel.is-aan{color:var(--accent-strong);font-weight:700}.levelMakerPage.cq-maker .mk-tegel.is-aan .mk-tegel__leeg,.levelMakerPage.cq-maker .mk-tegel.is-aan img{transform:translateY(-3px);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 22%,#fff));border-color:color-mix(in srgb,var(--accent-deep) 55%,transparent);box-shadow:0 0 0 3px var(--accent-ring,rgba(94,92,230,.22)),0 12px 22px -12px var(--accent-shadow,rgba(94,92,230,.7)),inset 0 1px 0 hsla(0,0%,100%,.95)}.levelMakerPage.cq-maker .mk-tegel.is-wissen.is-aan{color:#c0392f}.levelMakerPage.cq-maker .mk-tegel.is-wissen.is-aan .mk-tegel__leeg,.levelMakerPage.cq-maker .mk-tegel.is-wissen.is-aan img{background:linear-gradient(180deg,#fff,#ffe3e0);border-color:rgba(232,67,78,.55);box-shadow:0 0 0 3px rgba(232,67,78,.2),0 12px 22px -12px rgba(232,67,78,.7),inset 0 1px 0 hsla(0,0%,100%,.95)}.levelMakerPage.cq-maker .mk-tegel.is-nodig{color:var(--ink-900)}.levelMakerPage.cq-maker .mk-tegel.is-nodig .mk-tegel__leeg,.levelMakerPage.cq-maker .mk-tegel.is-nodig img{border-color:rgba(232,67,78,.5);background:linear-gradient(180deg,#fff,#ffeceb)}.levelMakerPage.cq-maker .mk-tegel__nodig{position:absolute;top:2px;right:8px;width:9px;height:9px;padding:0;border-radius:50%;background:var(--coral);border:2px solid #fff;box-shadow:0 1px 2px rgba(16,24,40,.3);font-size:0;color:transparent;animation:mk-nodig 1.6s ease-in-out infinite}@keyframes mk-nodig{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.levelMakerPage.cq-maker .mk-introvoorbeeld{position:relative;margin-top:10px;padding:18px;border-radius:18px;background:repeating-linear-gradient(45deg,rgba(16,24,40,.028) 0 10px,rgba(16,24,40,.05) 10px 20px),var(--soft,#f4f6fa);display:grid;place-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;--accent:var(--green);--accent-deep:var(--green-deep);--accent-soft:#e2fbec;--accent-strong:#0a7c3c}.levelMakerPage.cq-maker .mk-introvoorbeeld.thema-desert{--accent:var(--coral);--accent-deep:var(--coral-deep);--accent-soft:#fdeae4;--accent-strong:#a8461f}.levelMakerPage.cq-maker .mk-introvoorbeeld.thema-ice{--accent:var(--cyan);--accent-deep:var(--cyan-deep);--accent-soft:#e0f7fe;--accent-strong:#046c92}.levelMakerPage.cq-maker .mk-introvoorbeeld .cq-intro-laag{position:static;inset:auto;z-index:auto;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;display:block}.levelMakerPage.cq-maker .mk-introvoorbeeld .cq-intro{width:min(420px,100%);max-height:none;overflow:visible;box-shadow:0 24px 50px -26px rgba(16,24,32,.55)}.levelMakerPage.cq-maker .mk-raster{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--soft)}.levelMakerPage.cq-maker .mk-raster .container-game,.levelMakerPage.cq-maker .mk-raster .mk-doek{width:100%;height:100%;margin:0;padding:0;border:none;background:transparent}.levelMakerPage.cq-maker .mk-raster canvas{display:block;width:100%;height:100%}@media(max-width:1180px){.levelMakerPage.cq-maker{grid-template-columns:minmax(0,1fr) 290px}.levelMakerPage.cq-maker .mk-tegel{width:52px}.levelMakerPage.cq-maker .mk-instel{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:22px}}@media(max-width:1120px){.levelMakerPage.cq-maker .mk-tip{display:none}}.levelMakerPage.cq-maker .mk-inbouw .cq-panel,.levelMakerPage.cq-maker .mk-kaart.is-kaal .cq-panel{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important;height:auto!important;min-height:0!important}.levelMakerPage.cq-maker .mk-inbouw .cq-panel-head,.levelMakerPage.cq-maker .mk-kaart.is-kaal .cq-panel-head{display:none!important}.levelMakerPage.cq-maker .mk-inbouw .basicBlock,.levelMakerPage.cq-maker .mk-kaart.is-kaal .basicBlock{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}.levelMakerPage.cq-maker .mk-inbouw .explain-hint,.levelMakerPage.cq-maker .mk-inbouw .goal-hint,.levelMakerPage.cq-maker .mk-kaart.is-kaal .explain-hint,.levelMakerPage.cq-maker .mk-kaart.is-kaal .goal-hint{margin:0 0 4px;font-size:12.5px;line-height:1.5;color:var(--ink-500)}.levelMakerPage.cq-maker .mk-inbouw .note-row,.levelMakerPage.cq-maker .mk-kaart.is-kaal .note-row{grid-template-columns:minmax(0,1fr) 92px minmax(0,74px) 32px;gap:5px}.levelMakerPage.cq-maker .mk-inbouw .note-row .dropdown,.levelMakerPage.cq-maker .mk-inbouw .note-row .input,.levelMakerPage.cq-maker .mk-kaart.is-kaal .note-row .dropdown,.levelMakerPage.cq-maker .mk-kaart.is-kaal .note-row .input{height:32px;padding:4px 7px;font-size:12.5px;border-radius:9px}.levelMakerPage.cq-maker .mk-inbouw .note-row .note-remove,.levelMakerPage.cq-maker .mk-kaart.is-kaal .note-row .note-remove{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:9px}.levelMakerPage.cq-maker .mk-inbouw .add-note,.levelMakerPage.cq-maker .mk-kaart.is-kaal .add-note{height:32px;padding:0 12px;border-radius:9px;font-size:12.5px}.levelMakerPage.cq-maker .mk-inbouw .explain-chosen li,.levelMakerPage.cq-maker .mk-inbouw .explain-row,.levelMakerPage.cq-maker .mk-kaart.is-kaal .explain-chosen li,.levelMakerPage.cq-maker .mk-kaart.is-kaal .explain-row{font-size:12.5px}.levelMakerPage.cq-maker .mk-inbouw textarea,.levelMakerPage.cq-maker .mk-kaart.is-kaal textarea{min-height:92px;resize:vertical;font-size:12.5px;line-height:1.5}.levelMakerPage.cq-maker .mk-inbouw .goal-check,.levelMakerPage.cq-maker .mk-inbouw .goal-eis,.levelMakerPage.cq-maker .mk-inbouw label,.levelMakerPage.cq-maker .mk-kaart.is-kaal .goal-check,.levelMakerPage.cq-maker .mk-kaart.is-kaal .goal-eis,.levelMakerPage.cq-maker .mk-kaart.is-kaal label{font-size:12.5px;line-height:1.4}.popup .mk-tegels{flex-wrap:wrap;gap:12px;justify-content:center}.mk-popup-hulp{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--ink-500);text-align:center}.mk-foutlijst{margin:0;padding:0;list-style:none;display:grid;gap:6px}.mk-foutlijst li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--coral) 10%,var(--card));color:var(--ink-900);font-size:13px}.mk-foutlijst li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);flex-shrink:0}.levelMakerPage.cq-maker .mk-maat{padding:4px 10px;border-radius:999px;background:rgba(16,24,40,.06);border:none;font-family:var(--font-title);font-size:11.5px;color:var(--ink-500);white-space:nowrap}.levelMakerPage.cq-maker .mk-scheiding{width:1px;height:22px;background:rgba(16,24,40,.12);margin:0 3px}@supports(backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){.levelMakerPage.cq-maker .mk-dok,.levelMakerPage.cq-maker .mk-zweef{background:linear-gradient(180deg,hsla(0,0%,100%,.72),hsla(0,0%,100%,.6));backdrop-filter:saturate(180%) blur(22px)}}@media(prefers-reduced-motion:reduce){.levelMakerPage.cq-maker .mk-tegel,.levelMakerPage.cq-maker .mk-zweefknop{transition:none}.levelMakerPage.cq-maker .mk-tegel.is-aan,.levelMakerPage.cq-maker .mk-tegel:hover{transform:none}}.mk-lichtbak{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:40px;background:rgba(16,24,40,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:zoom-out}.mk-lichtbak img{max-width:min(1100px,92vw);max-height:84vh;border-radius:16px;box-shadow:0 30px 70px -30px rgba(0,0,0,.75);cursor:default}.mk-lichtbak__sluit{position:absolute;top:24px;right:24px;width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.9);color:var(--ink-900)!important;cursor:pointer;box-shadow:0 10px 24px -12px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.9);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);transition:background .16s,transform .16s,box-shadow .16s}.mk-lichtbak__sluit svg{width:18px;height:18px;display:block}.mk-lichtbak__sluit svg path{stroke:currentColor!important;fill:none!important}.mk-lichtbak__sluit:active,.mk-lichtbak__sluit:focus,.mk-lichtbak__sluit:hover{background:#fff;border-color:#fff;color:var(--ink-900)!important}.mk-lichtbak__sluit:hover{transform:scale(1.04);box-shadow:0 14px 28px -12px rgba(0,0,0,.75),inset 0 1px 0 hsla(0,0%,100%,.95)}.mk-lichtbak__sluit:active{transform:scale(.96)}.mk-lichtbak__sluit:focus-visible{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.5),0 0 0 6px var(--accent-deep)}@media(prefers-reduced-motion:reduce){.mk-lichtbak__sluit,.mk-lichtbak__sluit:active,.mk-lichtbak__sluit:hover{transition:none;transform:none}}@keyframes mk-draaien{to{transform:rotate(1turn)}}.profilePage .info-and-settings .basicBlock{height:auto}.profilePage .basicBlock.block-user-info{padding:1.5em}.profilePage .basicBlock.block-user-info:hover{border-color:#d27176}.profilePage .basicBlock.block-avatar{padding:1.5em}.profilePage .basicBlock.block-avatar:hover{border-color:#ffc458}.profilePage .basicBlock.block-classes{padding:1.5em}.profilePage .basicBlock.block-classes:hover{border-color:#d2d2d2}.profilePage .basicBlock.block-settings{height:auto}.profilePage .basicBlock.block-settings:hover{border-color:#008fe0}.profilePage .basicBlock.block-settings .blockEntry{display:flex;align-items:center;justify-content:space-between;padding:10px}.profilePage .basicBlock.block-settings .blockEntry.selected{border-color:#08cdff;background:#ace0fa;outline:none}.profilePage .basicBlock.block-settings .blockEntry:hover{border-color:#008fe0}.profilePage .basicBlock.block-classes .blockEntry,.profilePage .basicBlock.block-settings .blockEntry,.profilePage .basicBlock.block-user-info .blockEntry{padding:10px;border:2px solid #d2d2d2;border-radius:8px;font-size:.9em;font-weight:500;color:#474747;margin-bottom:.7em;transition:border .16s,box-shadow .2s;width:100%;background:#f5f5f5;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profilePage .basicBlock.block-classes .blockEntry.user-role,.profilePage .basicBlock.block-settings .blockEntry.user-role,.profilePage .basicBlock.block-user-info .blockEntry.user-role{margin-top:20px}.profilePage .basicBlock.block-avatar img{border:2px solid #d2d2d2;background-color:#f5f5f5;border-radius:8px}.profilePage .basicBlock.block-avatar img.selected{border-color:#ffc458;background-color:#ffdda2}.profilePage .basicBlock .save{min-width:30%}.profilePage .basicBlock .language-setting .toggle-group{display:flex;border-radius:8px;overflow:hidden;background:#f6f7fa;box-shadow:0 1px 3px 0 rgba(0,0,0,.027);margin-top:.5em}.profilePage .info-and-settings{display:flex;flex-direction:column;gap:.75rem}.profilePage .cq-panel .blockEntry.floating-label-left{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:.55rem .75rem;margin-bottom:.5rem;font-family:var(--font-ui);font-size:.98rem;color:var(--ink-900);cursor:default}.profilePage .cq-panel .blockEntry.floating-label-left:hover{border-color:var(--line);background:var(--soft)}.profilePage .cq-panel .blockEntry.floating-label-left label{position:static;transform:none;top:auto;left:auto;background:transparent;border:0;padding:0;color:var(--ink-500);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.profilePage .cq-panel ul{margin:0;padding:0;list-style:none}.profilePage .language-setting .toggle-group{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card);box-shadow:none;margin-top:0}.profilePage .language-setting .toggle-group .button{padding:.35rem .75rem;border:0;border-radius:0;background:transparent;color:var(--ink-700);font-family:var(--font-ui);font-size:.85rem;font-weight:600;box-shadow:none;min-width:0}.profilePage .language-setting .toggle-group .button:hover{background:var(--soft);color:var(--ink-700)}.profilePage .language-setting .toggle-group .button.selected{background:var(--accent-soft);color:var(--accent-strong)}.profilePage .classesPage .basicBlock.block-classroom,.profilePage .classesPage .basicBlock.block-lesson-bundles,.profilePage .classroomPackagesPage .basicBlock.block-classroom,.profilePage .classroomPackagesPage .basicBlock.block-lesson-bundles,.profilePage .lessonPackagesPage .basicBlock.block-classroom,.profilePage .lessonPackagesPage .basicBlock.block-lesson-bundles,.teacherPage .classesPage .basicBlock.block-classroom,.teacherPage .classesPage .basicBlock.block-lesson-bundles,.teacherPage .classroomPackagesPage .basicBlock.block-classroom,.teacherPage .classroomPackagesPage .basicBlock.block-lesson-bundles,.teacherPage .lessonPackagesPage .basicBlock.block-classroom,.teacherPage .lessonPackagesPage .basicBlock.block-lesson-bundles{min-height:180px;max-height:75vh}.profilePage .classesPage .basicBlock.block-classroom .blockEntry,.profilePage .classroomPackagesPage .basicBlock.block-classroom .blockEntry,.profilePage .lessonPackagesPage .basicBlock.block-classroom .blockEntry,.teacherPage .classesPage .basicBlock.block-classroom .blockEntry,.teacherPage .classroomPackagesPage .basicBlock.block-classroom .blockEntry,.teacherPage .lessonPackagesPage .basicBlock.block-classroom .blockEntry{border-color:var(--line)}.profilePage .classesPage .basicBlock.block-classroom .blockEntry:hover,.profilePage .classroomPackagesPage .basicBlock.block-classroom .blockEntry:hover,.profilePage .lessonPackagesPage .basicBlock.block-classroom .blockEntry:hover,.teacherPage .classesPage .basicBlock.block-classroom .blockEntry:hover,.teacherPage .classroomPackagesPage .basicBlock.block-classroom .blockEntry:hover,.teacherPage .lessonPackagesPage .basicBlock.block-classroom .blockEntry:hover{border-color:var(--line-2);background:var(--soft);outline:none}.profilePage .classesPage .basicBlock.block-classroom .blockEntry.selected,.profilePage .classroomPackagesPage .basicBlock.block-classroom .blockEntry.selected,.profilePage .lessonPackagesPage .basicBlock.block-classroom .blockEntry.selected,.teacherPage .classesPage .basicBlock.block-classroom .blockEntry.selected,.teacherPage .classroomPackagesPage .basicBlock.block-classroom .blockEntry.selected,.teacherPage .lessonPackagesPage .basicBlock.block-classroom .blockEntry.selected{border-color:var(--accent-deep);background:var(--accent-soft);outline:none}.profilePage .classesPage .basicBlock.block-classroom .blockEntry.levels-all,.profilePage .classesPage .basicBlock.block-classroom .blockEntry.levels-all:hover,.profilePage .classroomPackagesPage .basicBlock.block-classroom .blockEntry.levels-all,.profilePage .classroomPackagesPage .basicBlock.block-classroom .blockEntry.levels-all:hover,.profilePage .lessonPackagesPage .basicBlock.block-classroom .blockEntry.levels-all,.profilePage .lessonPackagesPage .basicBlock.block-classroom .blockEntry.levels-all:hover,.teacherPage .classesPage .basicBlock.block-classroom .blockEntry.levels-all,.teacherPage .classesPage .basicBlock.block-classroom .blockEntry.levels-all:hover,.teacherPage .classroomPackagesPage .basicBlock.block-classroom .blockEntry.levels-all,.teacherPage .classroomPackagesPage .basicBlock.block-classroom .blockEntry.levels-all:hover,.teacherPage .lessonPackagesPage .basicBlock.block-classroom .blockEntry.levels-all,.teacherPage .lessonPackagesPage .basicBlock.block-classroom .blockEntry.levels-all:hover{border-color:#d2d2d2}.profilePage .classesPage .basicBlock.block-classroom .blockEntry.standard-bundle,.profilePage .classroomPackagesPage .basicBlock.block-classroom .blockEntry.standard-bundle,.profilePage .lessonPackagesPage .basicBlock.block-classroom .blockEntry.standard-bundle,.teacherPage .classesPage .basicBlock.block-classroom .blockEntry.standard-bundle,.teacherPage .classroomPackagesPage .basicBlock.block-classroom .blockEntry.standard-bundle,.teacherPage .lessonPackagesPage .basicBlock.block-classroom .blockEntry.standard-bundle{background:rgba(8,205,255,.08);border-color:rgba(8,205,255,.35)}.profilePage .classesPage .basicBlock.block-levels,.profilePage .classroomPackagesPage .basicBlock.block-levels,.profilePage .lessonPackagesPage .basicBlock.block-levels,.teacherPage .classesPage .basicBlock.block-levels,.teacherPage .classroomPackagesPage .basicBlock.block-levels,.teacherPage .lessonPackagesPage .basicBlock.block-levels{min-height:180px;max-height:75vh}@media(max-width:1700px){.profilePage .classesPage .basicBlock.block-levels,.profilePage .classroomPackagesPage .basicBlock.block-levels,.profilePage .lessonPackagesPage .basicBlock.block-levels,.teacherPage .classesPage .basicBlock.block-levels,.teacherPage .classroomPackagesPage .basicBlock.block-levels,.teacherPage .lessonPackagesPage .basicBlock.block-levels{max-height:70vh}}@media(max-width:1500px){.profilePage .classesPage .basicBlock.block-levels,.profilePage .classroomPackagesPage .basicBlock.block-levels,.profilePage .lessonPackagesPage .basicBlock.block-levels,.teacherPage .classesPage .basicBlock.block-levels,.teacherPage .classroomPackagesPage .basicBlock.block-levels,.teacherPage .lessonPackagesPage .basicBlock.block-levels{max-height:65vh}}@media(max-width:1200px){.profilePage .classesPage .basicBlock.block-levels,.profilePage .classroomPackagesPage .basicBlock.block-levels,.profilePage .lessonPackagesPage .basicBlock.block-levels,.teacherPage .classesPage .basicBlock.block-levels,.teacherPage .classroomPackagesPage .basicBlock.block-levels,.teacherPage .lessonPackagesPage .basicBlock.block-levels{max-height:50vh}}.profilePage .classesPage .basicBlock.block-levels:hover,.profilePage .classroomPackagesPage .basicBlock.block-levels:hover,.profilePage .lessonPackagesPage .basicBlock.block-levels:hover,.teacherPage .classesPage .basicBlock.block-levels:hover,.teacherPage .classroomPackagesPage .basicBlock.block-levels:hover,.teacherPage .lessonPackagesPage .basicBlock.block-levels:hover{border-color:#008fe0}.profilePage .classesPage .basicBlock.block-levels .blockEntry.not-yours,.profilePage .classroomPackagesPage .basicBlock.block-levels .blockEntry.not-yours,.profilePage .lessonPackagesPage .basicBlock.block-levels .blockEntry.not-yours,.teacherPage .classesPage .basicBlock.block-levels .blockEntry.not-yours,.teacherPage .classroomPackagesPage .basicBlock.block-levels .blockEntry.not-yours,.teacherPage .lessonPackagesPage .basicBlock.block-levels .blockEntry.not-yours{border-color:#f9b2a3;transition:background-color .5s ease,border-color .5s ease}.profilePage .classesPage .basicBlock.block-levels .blockEntry.not-yours .icon-user svg path,.profilePage .classroomPackagesPage .basicBlock.block-levels .blockEntry.not-yours .icon-user svg path,.profilePage .lessonPackagesPage .basicBlock.block-levels .blockEntry.not-yours .icon-user svg path,.teacherPage .classesPage .basicBlock.block-levels .blockEntry.not-yours .icon-user svg path,.teacherPage .classroomPackagesPage .basicBlock.block-levels .blockEntry.not-yours .icon-user svg path,.teacherPage .lessonPackagesPage .basicBlock.block-levels .blockEntry.not-yours .icon-user svg path{fill:#474747}.profilePage .classesPage .basicBlock.block-levels .blockEntry.not-yours .button,.profilePage .classroomPackagesPage .basicBlock.block-levels .blockEntry.not-yours .button,.profilePage .lessonPackagesPage .basicBlock.block-levels .blockEntry.not-yours .button,.teacherPage .classesPage .basicBlock.block-levels .blockEntry.not-yours .button,.teacherPage .classroomPackagesPage .basicBlock.block-levels .blockEntry.not-yours .button,.teacherPage .lessonPackagesPage .basicBlock.block-levels .blockEntry.not-yours .button{transition:none}.profilePage .classesPage .basicBlock.block-levels .blockEntry.not-yours:hover,.profilePage .classroomPackagesPage .basicBlock.block-levels .blockEntry.not-yours:hover,.profilePage .lessonPackagesPage .basicBlock.block-levels .blockEntry.not-yours:hover,.teacherPage .classesPage .basicBlock.block-levels .blockEntry.not-yours:hover,.teacherPage .classroomPackagesPage .basicBlock.block-levels .blockEntry.not-yours:hover,.teacherPage .lessonPackagesPage .basicBlock.block-levels .blockEntry.not-yours:hover{border-color:#f78360}.profilePage .classesPage .basicBlock.block-levels .blockEntry.selected,.profilePage .classesPage .basicBlock.block-levels .blockEntry:hover,.profilePage .classroomPackagesPage .basicBlock.block-levels .blockEntry.selected,.profilePage .classroomPackagesPage .basicBlock.block-levels .blockEntry:hover,.profilePage .lessonPackagesPage .basicBlock.block-levels .blockEntry.selected,.profilePage .lessonPackagesPage .basicBlock.block-levels .blockEntry:hover,.teacherPage .classesPage .basicBlock.block-levels .blockEntry.selected,.teacherPage .classesPage .basicBlock.block-levels .blockEntry:hover,.teacherPage .classroomPackagesPage .basicBlock.block-levels .blockEntry.selected,.teacherPage .classroomPackagesPage .basicBlock.block-levels .blockEntry:hover,.teacherPage .lessonPackagesPage .basicBlock.block-levels .blockEntry.selected,.teacherPage .lessonPackagesPage .basicBlock.block-levels .blockEntry:hover{border-color:#008fe0;background:#ececec;outline:none}.profilePage .classesPage .basicBlock.block-statistics .blockEntry:hover,.profilePage .classroomPackagesPage .basicBlock.block-statistics .blockEntry:hover,.profilePage .lessonPackagesPage .basicBlock.block-statistics .blockEntry:hover,.teacherPage .classesPage .basicBlock.block-statistics .blockEntry:hover,.teacherPage .classroomPackagesPage .basicBlock.block-statistics .blockEntry:hover,.teacherPage .lessonPackagesPage .basicBlock.block-statistics .blockEntry:hover{border-color:#1de573;background:#ececec}.profilePage .classesPage .basicBlock.block-bundle-levels,.profilePage .classesPage .basicBlock.block-bundles,.profilePage .classesPage .basicBlock.block-statistics,.profilePage .classesPage .basicBlock.block-students,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels,.profilePage .classroomPackagesPage .basicBlock.block-bundles,.profilePage .classroomPackagesPage .basicBlock.block-statistics,.profilePage .classroomPackagesPage .basicBlock.block-students,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels,.profilePage .lessonPackagesPage .basicBlock.block-bundles,.profilePage .lessonPackagesPage .basicBlock.block-statistics,.profilePage .lessonPackagesPage .basicBlock.block-students,.teacherPage .classesPage .basicBlock.block-bundle-levels,.teacherPage .classesPage .basicBlock.block-bundles,.teacherPage .classesPage .basicBlock.block-statistics,.teacherPage .classesPage .basicBlock.block-students,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels,.teacherPage .classroomPackagesPage .basicBlock.block-bundles,.teacherPage .classroomPackagesPage .basicBlock.block-statistics,.teacherPage .classroomPackagesPage .basicBlock.block-students,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels,.teacherPage .lessonPackagesPage .basicBlock.block-bundles,.teacherPage .lessonPackagesPage .basicBlock.block-statistics,.teacherPage .lessonPackagesPage .basicBlock.block-students{margin:0 auto;padding-left:10px;padding-right:10px;min-height:180px;max-height:70vh}@media(max-width:1700px){.profilePage .classesPage .basicBlock.block-bundle-levels,.profilePage .classesPage .basicBlock.block-bundles,.profilePage .classesPage .basicBlock.block-statistics,.profilePage .classesPage .basicBlock.block-students,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels,.profilePage .classroomPackagesPage .basicBlock.block-bundles,.profilePage .classroomPackagesPage .basicBlock.block-statistics,.profilePage .classroomPackagesPage .basicBlock.block-students,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels,.profilePage .lessonPackagesPage .basicBlock.block-bundles,.profilePage .lessonPackagesPage .basicBlock.block-statistics,.profilePage .lessonPackagesPage .basicBlock.block-students,.teacherPage .classesPage .basicBlock.block-bundle-levels,.teacherPage .classesPage .basicBlock.block-bundles,.teacherPage .classesPage .basicBlock.block-statistics,.teacherPage .classesPage .basicBlock.block-students,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels,.teacherPage .classroomPackagesPage .basicBlock.block-bundles,.teacherPage .classroomPackagesPage .basicBlock.block-statistics,.teacherPage .classroomPackagesPage .basicBlock.block-students,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels,.teacherPage .lessonPackagesPage .basicBlock.block-bundles,.teacherPage .lessonPackagesPage .basicBlock.block-statistics,.teacherPage .lessonPackagesPage .basicBlock.block-students{max-height:65vh}}@media(max-width:1500px){.profilePage .classesPage .basicBlock.block-bundle-levels,.profilePage .classesPage .basicBlock.block-bundles,.profilePage .classesPage .basicBlock.block-statistics,.profilePage .classesPage .basicBlock.block-students,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels,.profilePage .classroomPackagesPage .basicBlock.block-bundles,.profilePage .classroomPackagesPage .basicBlock.block-statistics,.profilePage .classroomPackagesPage .basicBlock.block-students,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels,.profilePage .lessonPackagesPage .basicBlock.block-bundles,.profilePage .lessonPackagesPage .basicBlock.block-statistics,.profilePage .lessonPackagesPage .basicBlock.block-students,.teacherPage .classesPage .basicBlock.block-bundle-levels,.teacherPage .classesPage .basicBlock.block-bundles,.teacherPage .classesPage .basicBlock.block-statistics,.teacherPage .classesPage .basicBlock.block-students,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels,.teacherPage .classroomPackagesPage .basicBlock.block-bundles,.teacherPage .classroomPackagesPage .basicBlock.block-statistics,.teacherPage .classroomPackagesPage .basicBlock.block-students,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels,.teacherPage .lessonPackagesPage .basicBlock.block-bundles,.teacherPage .lessonPackagesPage .basicBlock.block-statistics,.teacherPage .lessonPackagesPage .basicBlock.block-students{max-height:55vh}}@media(max-width:1200px){.profilePage .classesPage .basicBlock.block-bundle-levels,.profilePage .classesPage .basicBlock.block-bundles,.profilePage .classesPage .basicBlock.block-statistics,.profilePage .classesPage .basicBlock.block-students,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels,.profilePage .classroomPackagesPage .basicBlock.block-bundles,.profilePage .classroomPackagesPage .basicBlock.block-statistics,.profilePage .classroomPackagesPage .basicBlock.block-students,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels,.profilePage .lessonPackagesPage .basicBlock.block-bundles,.profilePage .lessonPackagesPage .basicBlock.block-statistics,.profilePage .lessonPackagesPage .basicBlock.block-students,.teacherPage .classesPage .basicBlock.block-bundle-levels,.teacherPage .classesPage .basicBlock.block-bundles,.teacherPage .classesPage .basicBlock.block-statistics,.teacherPage .classesPage .basicBlock.block-students,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels,.teacherPage .classroomPackagesPage .basicBlock.block-bundles,.teacherPage .classroomPackagesPage .basicBlock.block-statistics,.teacherPage .classroomPackagesPage .basicBlock.block-students,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels,.teacherPage .lessonPackagesPage .basicBlock.block-bundles,.teacherPage .lessonPackagesPage .basicBlock.block-statistics,.teacherPage .lessonPackagesPage .basicBlock.block-students{max-height:50vh}}.profilePage .classesPage .basicBlock.block-bundle-levels .student-medal,.profilePage .classesPage .basicBlock.block-bundles .student-medal,.profilePage .classesPage .basicBlock.block-statistics .student-medal,.profilePage .classesPage .basicBlock.block-students .student-medal,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels .student-medal,.profilePage .classroomPackagesPage .basicBlock.block-bundles .student-medal,.profilePage .classroomPackagesPage .basicBlock.block-statistics .student-medal,.profilePage .classroomPackagesPage .basicBlock.block-students .student-medal,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels .student-medal,.profilePage .lessonPackagesPage .basicBlock.block-bundles .student-medal,.profilePage .lessonPackagesPage .basicBlock.block-statistics .student-medal,.profilePage .lessonPackagesPage .basicBlock.block-students .student-medal,.teacherPage .classesPage .basicBlock.block-bundle-levels .student-medal,.teacherPage .classesPage .basicBlock.block-bundles .student-medal,.teacherPage .classesPage .basicBlock.block-statistics .student-medal,.teacherPage .classesPage .basicBlock.block-students .student-medal,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels .student-medal,.teacherPage .classroomPackagesPage .basicBlock.block-bundles .student-medal,.teacherPage .classroomPackagesPage .basicBlock.block-statistics .student-medal,.teacherPage .classroomPackagesPage .basicBlock.block-students .student-medal,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels .student-medal,.teacherPage .lessonPackagesPage .basicBlock.block-bundles .student-medal,.teacherPage .lessonPackagesPage .basicBlock.block-statistics .student-medal,.teacherPage .lessonPackagesPage .basicBlock.block-students .student-medal{border:2px solid #d2d2d2;background-color:#ececec;border-radius:50%}.profilePage .classesPage .basicBlock.block-bundle-levels .student-medal:hover,.profilePage .classesPage .basicBlock.block-bundles .student-medal:hover,.profilePage .classesPage .basicBlock.block-statistics .student-medal:hover,.profilePage .classesPage .basicBlock.block-students .student-medal:hover,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels .student-medal:hover,.profilePage .classroomPackagesPage .basicBlock.block-bundles .student-medal:hover,.profilePage .classroomPackagesPage .basicBlock.block-statistics .student-medal:hover,.profilePage .classroomPackagesPage .basicBlock.block-students .student-medal:hover,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels .student-medal:hover,.profilePage .lessonPackagesPage .basicBlock.block-bundles .student-medal:hover,.profilePage .lessonPackagesPage .basicBlock.block-statistics .student-medal:hover,.profilePage .lessonPackagesPage .basicBlock.block-students .student-medal:hover,.teacherPage .classesPage .basicBlock.block-bundle-levels .student-medal:hover,.teacherPage .classesPage .basicBlock.block-bundles .student-medal:hover,.teacherPage .classesPage .basicBlock.block-statistics .student-medal:hover,.teacherPage .classesPage .basicBlock.block-students .student-medal:hover,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels .student-medal:hover,.teacherPage .classroomPackagesPage .basicBlock.block-bundles .student-medal:hover,.teacherPage .classroomPackagesPage .basicBlock.block-statistics .student-medal:hover,.teacherPage .classroomPackagesPage .basicBlock.block-students .student-medal:hover,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels .student-medal:hover,.teacherPage .lessonPackagesPage .basicBlock.block-bundles .student-medal:hover,.teacherPage .lessonPackagesPage .basicBlock.block-statistics .student-medal:hover,.teacherPage .lessonPackagesPage .basicBlock.block-students .student-medal:hover{border-color:#1de573;background-color:#ececec}.profilePage .classesPage .basicBlock.block-bundle-levels .statistic,.profilePage .classesPage .basicBlock.block-bundles .statistic,.profilePage .classesPage .basicBlock.block-statistics .statistic,.profilePage .classesPage .basicBlock.block-students .statistic,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels .statistic,.profilePage .classroomPackagesPage .basicBlock.block-bundles .statistic,.profilePage .classroomPackagesPage .basicBlock.block-statistics .statistic,.profilePage .classroomPackagesPage .basicBlock.block-students .statistic,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels .statistic,.profilePage .lessonPackagesPage .basicBlock.block-bundles .statistic,.profilePage .lessonPackagesPage .basicBlock.block-statistics .statistic,.profilePage .lessonPackagesPage .basicBlock.block-students .statistic,.teacherPage .classesPage .basicBlock.block-bundle-levels .statistic,.teacherPage .classesPage .basicBlock.block-bundles .statistic,.teacherPage .classesPage .basicBlock.block-statistics .statistic,.teacherPage .classesPage .basicBlock.block-students .statistic,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels .statistic,.teacherPage .classroomPackagesPage .basicBlock.block-bundles .statistic,.teacherPage .classroomPackagesPage .basicBlock.block-statistics .statistic,.teacherPage .classroomPackagesPage .basicBlock.block-students .statistic,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels .statistic,.teacherPage .lessonPackagesPage .basicBlock.block-bundles .statistic,.teacherPage .lessonPackagesPage .basicBlock.block-statistics .statistic,.teacherPage .lessonPackagesPage .basicBlock.block-students .statistic{display:flex;justify-content:space-between;align-items:center}.profilePage .classesPage .basicBlock.block-bundle-levels .statistic:hover,.profilePage .classesPage .basicBlock.block-bundles .statistic:hover,.profilePage .classesPage .basicBlock.block-statistics .statistic:hover,.profilePage .classesPage .basicBlock.block-students .statistic:hover,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels .statistic:hover,.profilePage .classroomPackagesPage .basicBlock.block-bundles .statistic:hover,.profilePage .classroomPackagesPage .basicBlock.block-statistics .statistic:hover,.profilePage .classroomPackagesPage .basicBlock.block-students .statistic:hover,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels .statistic:hover,.profilePage .lessonPackagesPage .basicBlock.block-bundles .statistic:hover,.profilePage .lessonPackagesPage .basicBlock.block-statistics .statistic:hover,.profilePage .lessonPackagesPage .basicBlock.block-students .statistic:hover,.teacherPage .classesPage .basicBlock.block-bundle-levels .statistic:hover,.teacherPage .classesPage .basicBlock.block-bundles .statistic:hover,.teacherPage .classesPage .basicBlock.block-statistics .statistic:hover,.teacherPage .classesPage .basicBlock.block-students .statistic:hover,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels .statistic:hover,.teacherPage .classroomPackagesPage .basicBlock.block-bundles .statistic:hover,.teacherPage .classroomPackagesPage .basicBlock.block-statistics .statistic:hover,.teacherPage .classroomPackagesPage .basicBlock.block-students .statistic:hover,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels .statistic:hover,.teacherPage .lessonPackagesPage .basicBlock.block-bundles .statistic:hover,.teacherPage .lessonPackagesPage .basicBlock.block-statistics .statistic:hover,.teacherPage .lessonPackagesPage .basicBlock.block-students .statistic:hover{border-color:#1de573;background-color:#ececec}.profilePage .classesPage .basicBlock.block-bundles .blockEntry.selected,.profilePage .classesPage .basicBlock.block-bundles .blockEntry:hover,.profilePage .classroomPackagesPage .basicBlock.block-bundles .blockEntry.selected,.profilePage .classroomPackagesPage .basicBlock.block-bundles .blockEntry:hover,.profilePage .lessonPackagesPage .basicBlock.block-bundles .blockEntry.selected,.profilePage .lessonPackagesPage .basicBlock.block-bundles .blockEntry:hover,.teacherPage .classesPage .basicBlock.block-bundles .blockEntry.selected,.teacherPage .classesPage .basicBlock.block-bundles .blockEntry:hover,.teacherPage .classroomPackagesPage .basicBlock.block-bundles .blockEntry.selected,.teacherPage .classroomPackagesPage .basicBlock.block-bundles .blockEntry:hover,.teacherPage .lessonPackagesPage .basicBlock.block-bundles .blockEntry.selected,.teacherPage .lessonPackagesPage .basicBlock.block-bundles .blockEntry:hover{border-color:#008fe0;background:#ace0fa;outline:none}.profilePage .classesPage .basicBlock.block-bundle-levels .blockEntry.selected,.profilePage .classesPage .basicBlock.block-bundle-levels .blockEntry:hover,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels .blockEntry.selected,.profilePage .classroomPackagesPage .basicBlock.block-bundle-levels .blockEntry:hover,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels .blockEntry.selected,.profilePage .lessonPackagesPage .basicBlock.block-bundle-levels .blockEntry:hover,.teacherPage .classesPage .basicBlock.block-bundle-levels .blockEntry.selected,.teacherPage .classesPage .basicBlock.block-bundle-levels .blockEntry:hover,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels .blockEntry.selected,.teacherPage .classroomPackagesPage .basicBlock.block-bundle-levels .blockEntry:hover,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels .blockEntry.selected,.teacherPage .lessonPackagesPage .basicBlock.block-bundle-levels .blockEntry:hover{border-color:#ffc458;background:#ffdda2;outline:none}.profilePage .classesPage .blockEntry,.profilePage .classroomPackagesPage .blockEntry,.profilePage .lessonPackagesPage .blockEntry,.teacherPage .classesPage .blockEntry,.teacherPage .classroomPackagesPage .blockEntry,.teacherPage .lessonPackagesPage .blockEntry{padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;font-family:var(--font-ui);font-size:.92rem;font-weight:500;color:var(--ink-700);margin-bottom:.45rem;width:100%;background:var(--card);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:flex;align-items:center;transition:border-color .16s,background .16s,box-shadow .2s}.profilePage .classesPage .blockEntry:hover,.profilePage .classroomPackagesPage .blockEntry:hover,.profilePage .lessonPackagesPage .blockEntry:hover,.teacherPage .classesPage .blockEntry:hover,.teacherPage .classroomPackagesPage .blockEntry:hover,.teacherPage .lessonPackagesPage .blockEntry:hover{border-color:var(--line-2);background:var(--soft);outline:none}.profilePage .classesPage .blockEntry.public,.profilePage .classroomPackagesPage .blockEntry.public,.profilePage .lessonPackagesPage .blockEntry.public,.teacherPage .classesPage .blockEntry.public,.teacherPage .classroomPackagesPage .blockEntry.public,.teacherPage .lessonPackagesPage .blockEntry.public{border-color:var(--cyan-deep);background:rgba(8,205,255,.08)}.profilePage .classesPage .blockEntry.selected,.profilePage .classroomPackagesPage .blockEntry.selected,.profilePage .lessonPackagesPage .blockEntry.selected,.teacherPage .classesPage .blockEntry.selected,.teacherPage .classroomPackagesPage .blockEntry.selected,.teacherPage .lessonPackagesPage .blockEntry.selected{border-color:var(--accent-deep);background:var(--accent-soft);color:var(--ink-900);font-weight:600;outline:none}.profilePage .classesPage .blockEntry.pie-charts,.profilePage .classroomPackagesPage .blockEntry.pie-charts,.profilePage .lessonPackagesPage .blockEntry.pie-charts,.teacherPage .classesPage .blockEntry.pie-charts,.teacherPage .classroomPackagesPage .blockEntry.pie-charts,.teacherPage .lessonPackagesPage .blockEntry.pie-charts{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.profilePage .classesPage .blockEntry.pie-charts p,.profilePage .classroomPackagesPage .blockEntry.pie-charts p,.profilePage .lessonPackagesPage .blockEntry.pie-charts p,.teacherPage .classesPage .blockEntry.pie-charts p,.teacherPage .classroomPackagesPage .blockEntry.pie-charts p,.teacherPage .lessonPackagesPage .blockEntry.pie-charts p{margin-bottom:10px}.profilePage .classesPage .blockEntry.doughnut-chart-wrapper,.profilePage .classroomPackagesPage .blockEntry.doughnut-chart-wrapper,.profilePage .lessonPackagesPage .blockEntry.doughnut-chart-wrapper,.teacherPage .classesPage .blockEntry.doughnut-chart-wrapper,.teacherPage .classroomPackagesPage .blockEntry.doughnut-chart-wrapper,.teacherPage .lessonPackagesPage .blockEntry.doughnut-chart-wrapper{width:110px;height:110px;margin-top:.5rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.achieve-section-appear{opacity:0;animation:achieveSectionIn .45s ease both}@keyframes achieveSectionIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.achieve-plaque-appear{opacity:0;animation:achievePlaqueIn .35s ease both}@keyframes achievePlaqueIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.achievementsPage{position:relative}@media (min-width:768px){.achievementsPage .medalBlock{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.achievementsPage .medalBlock{grid-template-columns:repeat(2,minmax(0,1fr))}}.achievementsPage .medal-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.achievementsPage .medal{position:relative;display:flex;align-content:center;justify-content:center;width:50%;height:75%}.achievementsPage .medal img{max-height:350px}.achievementsPage .medal .amountDisplay{position:absolute;right:50px;bottom:40px;display:flex;height:60px;width:60px;align-items:center;justify-content:center;border-radius:50%;background-color:#d27176;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.achievementsPage .medal .amountDisplay .amount{font-size:30px;font-weight:700;color:#fff}.achievementsPage .pageContainer .basicBlock{flex:none;min-height:0;border-radius:8px}.achievementsPage .pageContainer .basicBlock.block-medal{border:2px solid #fff}.achievementsPage .pageContainer .basicBlock.block-medal:hover{border-color:#d27176}.achievementsPage .pageContainer .basicBlock.block-achievements{height:80vh}.achievementsPage .pageContainer .basicBlock.block-achievements:hover{border-color:#d27176}.achievementsPage .pageContainer .basicBlock.block-achievements .achievements .achievement{background-color:#fff;border:3px solid #d27176}.achievementsPage .pageContainer .basicBlock.block-achievements .achievements .achievement p{font-weight:700}.achievementsPage .pageContainer .basicBlock.block-achievements .achievements .achievement.locked{background-color:#fff;border:3px solid #474747}.achievementsPage .pageContainer .basicBlock.block-achievements .achievements .achievement .achievementName{font-size:50%}.achievementsPage .pageContainer .basicBlock.block-achievements .achievements .achievement .lock-icon{margin:auto;width:48px}.achievementsPage .pageContainer .basicBlock.block-achievements .achievements .achievement .lock-icon .cls-2{stroke:#474747;stroke-width:4}.achievementsPage .pageContainer .basicBlock.block-achievements .achievements{height:90vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.achievementsPage .pageContainer .basicBlock.block-achievements .achievement{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.achievementsPage .pageContainer .basicBlock.block-achievements .achievementName{width:100%;background:#d27176;color:#fff;text-align:center;padding:.75em 0;border-radius:8px;font-size:1.1rem;font-weight:700;margin:0;margin-top:1.3em;box-sizing:border-box}.wikiPage{height:100%;min-height:0;overflow:hidden;background:var(--bg)}.wiki-shell{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr)}.wiki-toc{display:flex;flex-direction:column;gap:2px;padding:20px 12px 32px;background:var(--card);border-right:1px solid #e1e7ee;overflow-y:auto;overscroll-behavior:contain}.wiki-toc-label{padding:0 10px 8px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8d99a6}.wiki-toc-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:9px;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .13s ease,color .13s ease}.wiki-toc-item:hover{background:var(--soft)}.wiki-toc-item.active{background:var(--accent-soft)}.wiki-toc-item.active .wiki-toc-naam{color:var(--accent-strong);font-weight:700}.wiki-toc-item:focus-visible{outline:2px solid var(--accent-deep);outline-offset:1px}.wiki-dot{flex:0 0 auto;width:8px;height:8px;border-radius:3px;background:var(--cat,#8d99a6)}.wiki-dot.is-grijs{background:#8d99a6}.wiki-toc-naam{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-toc-n{flex:0 0 auto;font-size:11.5px;font-weight:700;color:#aebac5;font-variant-numeric:tabular-nums}.wiki-toc-sub{display:flex;flex-direction:column;margin:2px 0 6px 18px;padding-left:10px;border-left:1px solid var(--line)}.wiki-toc-onderwerp{padding:6px 9px;border:none;border-radius:7px;background:none;cursor:pointer;text-align:left;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink-500);transition:background .13s ease,color .13s ease}.wiki-toc-onderwerp:hover{background:var(--soft)}.wiki-toc-onderwerp.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.wiki-toc-onderwerp:focus-visible{outline:2px solid var(--accent-deep);outline-offset:1px}.wiki-main{padding:26px 32px 64px;overflow-y:auto;overscroll-behavior:contain}.wiki-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:18px 0 22px}.wiki-search{position:relative;flex:1 1 320px;min-width:260px}.wiki-search input{width:100%;padding:12px 15px 12px 42px;border:1px solid var(--line-2);border-radius:11px;background:var(--card);font-family:inherit;font-size:14.5px;color:var(--ink-900);box-shadow:0 1px 2px rgba(23,33,43,.05);transition:border-color .14s ease,box-shadow .14s ease}.wiki-search input::-moz-placeholder{color:#a3aeba}.wiki-search input::placeholder{color:#a3aeba}.wiki-search input:focus{outline:none;border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-ring)}.wiki-search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#8d99a6;pointer-events:none}.wiki-filters{display:flex;flex-wrap:wrap;gap:6px}.wiki-pil{padding:9px 16px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink-700);transition:background .14s ease,color .14s ease,border-color .14s ease}.wiki-pil:hover{border-color:var(--ink-300)}.wiki-pil.active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.wiki-pil:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.wiki-panels{display:flex;flex-direction:column;gap:18px}.wiki-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(23,33,43,.04),0 10px 24px -20px rgba(23,33,43,.45)}.wiki-panel-kop{display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid #edf1f6;background:var(--cat-soft)}.wiki-panel-kop h2{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-title);font-size:16.5px;font-weight:700;color:var(--ink-900)}.wiki-panel-ic{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:10px;background:#fff;color:var(--cat)}.wiki-panel-ic svg{width:18px;height:18px}.wiki-panel-n{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--ink-500)}.wiki-rijen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr))}.wiki-rij,.wiki-rijen{background:var(--card)}.wiki-rij{display:flex;align-items:center;gap:13px;height:74px;padding:0 18px;border:none;cursor:pointer;text-align:left;font-family:inherit;box-shadow:inset -1px -1px 0 #edf1f6;transition:background .13s ease}.wiki-rij:hover{background:#f4f7fa}.wiki-rij:focus-visible{outline:2px solid var(--accent-deep);outline-offset:-2px}.wiki-rij-tekst{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.wiki-rij-titel{font-size:14.5px;font-weight:700;line-height:1.3;color:var(--ink-900)}.wiki-rij-sub{font-size:12.5px;line-height:1.45;color:var(--ink-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-rij-mini{flex:0 0 auto;width:92px;height:52px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:3px;border-radius:8px;border:1px solid var(--line);background:var(--soft)}.wiki-rij-chevron{flex:0 0 auto;width:15px;height:15px;color:#c3ccd8}.wiki-leeg{padding:44px;text-align:center;border:1px dashed var(--line-2);border-radius:16px;background:var(--card)}.wiki-leeg-tekst{margin:0;font-size:1rem;font-weight:600;color:var(--ink-700)}.wiki-leeg-hint{margin:6px 0 0;font-size:.9rem;color:var(--ink-500)}.popup.wiki-popup .popup-content{width:900px;max-width:min(900px,94vw);max-height:88vh}.popup.wiki-popup .popup-content .popup-header-row{align-items:center;background:var(--cat-soft);border-bottom-color:var(--line);padding:14px 14px 14px 18px}.popup.wiki-popup .popup-content .popup-header{min-width:0}.popup.wiki-popup .popup-content .popup-body{padding:24px 30px 26px;overflow-y:auto;text-align:left}.popup.wiki-popup .popup-content .popup-actions{padding:16px 30px 20px;border-top:1px solid var(--line);background:var(--card)}.wiki-popup-kop{display:flex;align-items:center;gap:13px;min-width:0}.wiki-popup-titels{display:flex;flex-direction:column;gap:1px;min-width:0}.wiki-popup-categorie{font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--cat)}.wiki-popup-titel{font-family:var(--font-title);font-size:1.32rem;font-weight:700;line-height:1.2;color:var(--ink-900)}.wiki-detail-ic{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--card);color:var(--cat)}.wiki-detail-ic svg{width:21px;height:21px}.wiki-popup-sub{margin:0 0 18px;font-size:1rem;line-height:1.55;color:var(--ink-500)}.wiki-popup-figuur{margin:20px 0 0}.wiki-popup-figuur img{display:block;width:100%;border-radius:12px;border:1px solid var(--line-2);background:#f3f4f6}.wiki-stappen{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.wiki-stap{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .13s ease,background .13s ease}.wiki-stap:hover{border-color:var(--nav-line);background:var(--soft)}.wiki-stap:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.wiki-stap.leeg{visibility:hidden}.wiki-stap.is-rechts{align-items:flex-end;text-align:right}.wiki-stap-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8d99a6}.wiki-stap-titel{font-size:14px;font-weight:700;color:var(--ink-900)}@media(max-width:820px){.wiki-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.wiki-toc{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;padding:10px 12px;border-right:none;border-bottom:1px solid #e1e7ee;overflow-x:auto;overflow-y:hidden}.wiki-toc-label,.wiki-toc-sub{display:none}.wiki-toc-item{width:auto;flex:0 0 auto;border:1px solid var(--line-2);border-radius:999px}.wiki-main{padding:18px 16px 48px}.popup.wiki-popup .popup-content .popup-body{padding:18px 16px 20px}}@media(max-width:620px){.wiki-stappen{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.wiki-pil,.wiki-rij,.wiki-search input,.wiki-stap,.wiki-toc-item,.wiki-toc-onderwerp{transition:none}}.prose{font-size:.95rem;line-height:1.7}.prose,.prose p{color:#374151!important}.prose p{margin-bottom:.75rem}.prose p:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3,.prose h4{color:#1f2937!important;font-weight:800;margin:1.25rem 0 .5rem}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child,.prose h4:first-child{margin-top:0}.prose h2{font-size:1.15rem}.prose h3{font-size:1.05rem}.prose ol,.prose ul{margin:.5rem 0 1rem 1.5rem;padding:0}.prose ol{list-style:decimal}.prose ul{list-style:disc}.prose li{color:#374151!important;margin:.35rem 0;line-height:1.6;padding-left:.25rem}.prose b,.prose strong{font-weight:800;color:#1f2937!important}.prose a{color:#008fe0;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.prose a:hover{color:#2c7ea1}.prose code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:.15rem .4rem;font-size:.85em;font-family:var(--font-mono);color:#dc5132}.prose blockquote{border-left:4px solid #08cdff;padding:.5rem 1rem;margin:.75rem 0;background:rgba(8,205,255,.05);border-radius:0 8px 8px 0}.prose blockquote p{margin:0}.button,button{border:2px solid #ececec;background-color:#ececec;color:#777;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:700;line-height:1.25rem;--tw-text-opacity:1;--tw-bg-opacity:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button img,.button svg,button img,button svg{height:20px;width:20px}.button svg circle,.button svg rect,button svg circle,button svg rect{fill:#474747}.button svg .cls-1,.button svg .cls-2,.button svg line,.button svg polyline,button svg .cls-1,button svg .cls-2,button svg line,button svg polyline{stroke:#474747}.button svg .mute-line,button svg .mute-line{stroke:#474747;stroke-width:9px;stroke-linecap:round}.button .save,button .save{font-size:16px}.button .save circle.st0,.button .save rect.st0,button .save circle.st0,button .save rect.st0{fill:#474747;stroke:#474747}.button.step-over svg circle,button.step-over svg circle{stroke:#e33e33;fill:#e33e33;stroke-width:15px}.button.theme svg .cls-1,.button.theme svg path,.button.theme svg rect,button.theme svg .cls-1,button.theme svg path,button.theme svg rect{fill:#474747}.button.button-start,button.button-start{background-color:#e33e33;border-color:#e33e33;color:#fff}.button.button-start:hover,button.button-start:hover{background-color:#af2c23;border-color:#af2c23;color:#fff}.button.active,button.active{background-color:#08cdff;border-color:#08cdff;color:#fff}.button.button-disabled,button.button-disabled{background-color:#d2d2d2!important;border-color:#d2d2d2!important;color:#ececec!important;cursor:not-allowed}.button.button-disabled:hover,button.button-disabled:hover{background-color:#777;border-color:#777;color:#cdcecd}.button.small,button.small{padding-top:5px;padding-bottom:5px;font-size:12px;padding-left:10px;padding-right:10px}.button.small img,button.small img{height:13px;color:#fff}.button.small.unselected,button.small.unselected{padding:3px 8px}.button.button-primary,button.button-primary{background-color:#f78360;border-color:#f78360;color:#fff}.button.button-primary:hover,button.button-primary:hover{background-color:#dc5132;border-color:#dc5132;color:#fff}.button.button-primary-pulse,button.button-primary-pulse{background-color:#f78360;border-color:#f78360;color:#fff;animation:primary-pulse 1.5s ease-in-out infinite}.button.button-secondary,button.button-secondary{background-color:#08cdff;border-color:#08cdff;color:#fff}.button.button-secondary:hover,button.button-secondary:hover{background-color:#1e95d9;border-color:#1e95d9;color:#fff}.button.button-secondary.no-hover:hover,button.button-secondary.no-hover:hover{background-color:#08cdff;border-color:#08cdff;color:#fff}.button.button-secondary-dark,button.button-secondary-dark{background-color:#008fe0;border-color:#008fe0;color:#fff}.button.button-secondary-dark.disabled,.button.button-secondary-dark:hover,button.button-secondary-dark.disabled,button.button-secondary-dark:hover{background-color:#1e95d9;border-color:#1e95d9;color:#fff}.button.button-tertiary,button.button-tertiary{background-color:#1de573;border-color:#1de573}.button.button-tertiary:hover,button.button-tertiary:hover{background-color:#1bc466;border-color:#1bc466;color:#fff}.button.button-tertiary.button-tertiary-pulse,button.button-tertiary.button-tertiary-pulse{background-color:#1de573;border-color:#1de573;color:#fff;overflow:visible;animation:tertiary-pulse-strong 1.35s ease-in-out infinite}.button.button-tertiary.disabled,button.button-tertiary.disabled{background-color:#1bc466;border-color:#1bc466;color:#fff}.button.button-tertiary.save svg .st0,button.button-tertiary.save svg .st0{fill:#fff}.button.button-quaternary,button.button-quaternary{background-color:#ffc458;border-color:#ffc458;color:#fff}.button.button-quaternary:hover,button.button-quaternary:hover{background-color:#ce9b3e;border-color:#ce9b3e;color:#fff}.button.button-quinary,button.button-quinary{background-color:#d27176;border-color:#d27176;color:#fff}.button.button-quinary:hover,button.button-quinary:hover{background-color:#bb5f63;border-color:#bb5f63;color:#fff}.button.button-quinary.disabled,button.button-quinary.disabled{background-color:#d27176;border-color:#d27176;color:#fff}.button.button-inactive,button.button-inactive{background-color:#d2d2d2;border-color:#d2d2d2;color:#474747}.button.button-inactive:hover,button.button-inactive:hover{background-color:#777;border-color:#777;color:#cdcecd}.button.button-inactive.no-hover:hover,button.button-inactive.no-hover:hover{background-color:#d2d2d2;border-color:#d2d2d2;color:#474747}.button.button-play svg .cls-1,button.button-play svg .cls-1{fill:#474747}.button.button-save svg .cls-1,button.button-save svg .cls-1{stroke-width:7px}.button.button-save span.failed svg,button.button-save span.failed svg{fill:#474747}.button.to-warning:hover,button.to-warning:hover{background-color:#d27176;border-color:#d27176}.button.selected,button.selected{background-color:#08cdff;border-color:#08cdff}.button.unselected,button.unselected{border:2px solid #777;background-color:#777;color:#cdcecd}.button.grey,button.grey{background-color:#cdcecd;color:#474747}.button.success,button.success{background-color:#1de573;border-color:#1de573;color:#fff}.button.success span.plus,button.success span.plus{color:#1de573;margin:5px}.button.success:hover,button.success:hover{background-color:#1bc466;border-color:#1bc466;color:#fff}.button.success-outline,button.success-outline{background-color:transparent;border-color:#1de573;color:#1de573}.button.success-outline span.plus,button.success-outline span.plus{color:#1de573;margin:5px}.button.success-outline:hover,button.success-outline:hover{background-color:#1de573;border-color:#1de573}.button.neutral,button.neutral{background-color:#ffc458}.button.warning,button.warning{background-color:#d27176;border-color:#d27176;color:#fff}.button.warning span.minus,button.warning span.minus{color:#fff;padding:5px}.button.warning:hover,button.warning:hover{background-color:#bb5f63;border-color:#bb5f63;color:#fff}.button.warning:hover span.minus,button.warning:hover span.minus{color:#fff}.button:hover,button:hover{background-color:#08cdff;border-color:#08cdff;color:#fff}.button.save,button.save{position:relative}.button.save .image,button.save .image{position:absolute;right:-8px;top:-8px}.button-close{background:none;border:none;font-size:1.7rem;color:#7d7d7d;margin-left:1rem;cursor:pointer;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.button-close svg line{transition:stroke .15s}.button-close:focus,.button-close:hover{outline:none;background:#ececec;color:#e34b4b}.button-close:focus svg line,.button-close:hover svg line{stroke:#e34b4b}@keyframes red-pulse{50%{background-color:#f87171;border-color:#f87171}}.animate-red-pulse{animation:red-pulse 1.5s ease-in-out infinite}@keyframes blue-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(67,56,202,0)}50%{box-shadow:0 0 0 6px rgba(67,56,202,.18),0 0 26px 4px rgba(67,56,202,.35);transform:scale(1.04)}}@keyframes blue-ring{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.animate-blue-pulse{position:relative;overflow:visible;animation:blue-pulse 1.5s ease-in-out infinite;color:#003244}@keyframes tertiary-pulse{0%,to{transform:scale(1)}50%{background-color:#15ba5c;border-color:#15ba5c;box-shadow:0 0 0 14px rgba(29,229,115,.25),0 0 28px 6px rgba(29,229,115,.55);transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.button-tertiary-pulse{animation:none!important;box-shadow:none!important}.button-tertiary-pulse:after{display:none!important}}@keyframes tertiary-ring{0%{opacity:.45;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.button-tertiary-pulse{overflow:visible;animation:tertiary-pulse 2s ease-in-out infinite}.button-tertiary-pulse,.button-tertiary-pulse:hover{background-color:#1de573;border-color:#1de573;color:#fff}.button-tertiary-pulse:hover{animation-play-state:running}.button-tertiary-pulse:after{content:"";position:absolute;left:50%;top:50%;width:110%;height:110%;border-radius:9999px;border:3px solid rgba(29,229,115,.55);transform:translate(-50%,-50%) scale(1);pointer-events:none;animation:tertiary-ring 1.35s ease-out infinite}.button,button{font-family:var(--font-ui);font-weight:600;border-radius:10px;border-width:1px;gap:.35rem}.button:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft),0 0 0 4px var(--accent-deep)}.button.button-tertiary,button.button-tertiary{background-color:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.button.button-tertiary svg .cls-1,.button.button-tertiary svg path,.button.button-tertiary svg polygon,button.button-tertiary svg .cls-1,button.button-tertiary svg path,button.button-tertiary svg polygon{fill:#fff}.button.button-tertiary svg line,.button.button-tertiary svg polyline,button.button-tertiary svg line,button.button-tertiary svg polyline{stroke:#fff}.button.button-tertiary:hover,button.button-tertiary:hover{background-color:var(--accent-deep);border-color:var(--accent-deep)}.button.button-inactive,.button.button-quaternary,button.button-inactive,button.button-quaternary{background-color:var(--card);border-color:var(--line-2);color:var(--ink-700)}.button.button-inactive svg .cls-1,.button.button-quaternary svg .cls-1,button.button-inactive svg .cls-1,button.button-quaternary svg .cls-1{stroke:var(--ink-700)}.button.button-inactive:hover,.button.button-quaternary:hover,button.button-inactive:hover,button.button-quaternary:hover{background-color:var(--soft);border-color:var(--ink-300);color:var(--ink-900)}.button.button-secondary,button.button-secondary{background-color:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-strong)}.button.button-secondary svg .cls-1,button.button-secondary svg .cls-1{stroke:var(--accent-strong)}.button.button-secondary:hover,button.button-secondary:hover{background-color:var(--card);border-color:var(--accent-strong);color:var(--accent-strong)}.button.button-quinary,.button.warning,button.button-quinary,button.warning{background-color:#b8482a;border-color:#b8482a;color:#fff}.button.button-quinary svg .cls-1,.button.button-quinary svg path,.button.warning svg .cls-1,.button.warning svg path,button.button-quinary svg .cls-1,button.button-quinary svg path,button.warning svg .cls-1,button.warning svg path{fill:#fff}.button.button-quinary svg line,.button.button-quinary svg polyline,.button.warning svg line,.button.warning svg polyline,button.button-quinary svg line,button.button-quinary svg polyline,button.warning svg line,button.warning svg polyline{stroke:#fff}.button.button-quinary:hover,.button.warning:hover,button.button-quinary:hover,button.warning:hover{background-color:#a33d22;border-color:#a33d22}.button.button-disabled,.button.disabled,button.button-disabled,button:disabled{background-color:var(--line-2)!important;border-color:var(--line-2)!important;color:var(--ink-500)!important;cursor:not-allowed;box-shadow:none!important}.button.button-disabled svg .cls-1,.button.disabled svg .cls-1,button.button-disabled svg .cls-1,button:disabled svg .cls-1{stroke:var(--ink-500)}.button.button-secondary.animate-blue-pulse,.button.button-secondary.pulse,button.button-secondary.animate-blue-pulse,button.button-secondary.pulse{color:#fff}.button.button-secondary.animate-blue-pulse svg .cls-1,.button.button-secondary.pulse svg .cls-1,button.button-secondary.animate-blue-pulse svg .cls-1,button.button-secondary.pulse svg .cls-1{stroke:#fff}.button.success-outline,button.success-outline{background-color:var(--card);border-color:var(--accent-strong);color:var(--accent-strong)}.button.success-outline span.plus,button.success-outline span.plus{color:var(--accent-strong)}.button.success-outline:hover,button.success-outline:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.button.success-outline:hover span.plus,button.success-outline:hover span.plus{color:#fff}.button.to-warning,button.to-warning{color:#ad4327}.button.to-warning:hover,button.to-warning:hover{background-color:#b8482a;border-color:#b8482a;color:#fff}.button.selected,button.selected{background-color:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.button.selected svg .cls-1,button.selected svg .cls-1{stroke:#fff}.button.unselected,button.unselected{background-color:var(--card);border-color:var(--line-2);color:var(--ink-700)}.button.unselected:hover,button.unselected:hover{background-color:var(--soft);border-color:var(--ink-300)}.tooltip-box{background-color:#474747;color:#fff;font-size:.75rem;padding:.4rem .6rem;border-radius:.25rem;opacity:.95;pointer-events:none;transition:opacity .15s ease;position:absolute;z-index:9999;white-space:normal;max-width:200px;word-break:break-word}.tooltip-wrapper{position:relative;display:inline-block}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;align-items:center;background:rgba(20,28,38,.55);white-space:pre-line;word-break:break-word;overflow-wrap:anywhere;font-family:var(--font-ui)}.popup,.popup .popup-actions{display:flex;justify-content:center}.popup .popup-actions{gap:.7rem;padding:1.1rem 1.6rem 1.5rem}.popup .popup-actions .popup-action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1.3rem;border-radius:11px;font-family:var(--font-ui);font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,filter .15s,box-shadow .15s}.popup .popup-actions .popup-action-button.button-secondary,.popup .popup-actions .popup-action-button.button-tertiary{background:var(--accent-deep);color:#fff}.popup .popup-actions .popup-action-button.button-secondary:hover,.popup .popup-actions .popup-action-button.button-tertiary:hover{filter:brightness(1.06)}.popup .popup-actions .popup-action-button.button-tertiary{box-shadow:0 8px 20px -8px var(--accent-deep)}.popup .popup-actions .popup-action-button.button-inactive{background:var(--card);border-color:var(--line);color:var(--ink-700)}.popup .popup-actions .popup-action-button.button-inactive:hover{background:var(--soft);border-color:var(--line-2)}.popup .popup-actions .popup-action-button svg{width:20px;height:20px}.popup .popup-actions .popup-action-button svg *{stroke:currentColor!important}.popup .popup-actions a.popup-action-button{text-decoration:none}.popup .button-close{background:transparent;border:none;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:var(--ink-500);transition:background .15s,color .15s}.popup .button-close svg line{stroke:currentColor!important;stroke-width:2.4}.popup .button-close:hover{background:var(--soft);color:var(--ink-900)}.popup .popup-actions,.popup .popup-body,.popup .popup-header-row{position:relative;z-index:1}.popup .popup-content{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(20,28,38,.28);min-width:320px;max-width:95vw;width:420px;max-height:90vh;display:flex;flex-direction:column;animation:popup-in .22s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.popup .popup-content .popup-header-row{display:flex;align-items:center;background:transparent;border-radius:18px 18px 0 0;padding:1.1rem 1.1rem .9rem 1.4rem;border-bottom:1px solid var(--line)}.popup .popup-content .popup-header-row .popup-header{font-family:var(--font-title);font-size:1.3rem;font-weight:700;margin:0;color:var(--ink-900);flex:1;text-align:left;letter-spacing:0}.popup .popup-content .popup-header-row .popup-close-button{background:none;border:none;font-size:1.7rem;color:#7d7d7d;margin-left:1rem;cursor:pointer;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.popup .popup-content .popup-header-row .popup-close-button:focus,.popup .popup-content .popup-header-row .popup-close-button:hover{background:#ececec;color:#e34b4b;outline:none}.popup .popup-content .popup-body{padding:1.3rem 1.8rem 1.6rem;font-size:.98rem;color:var(--ink-700);text-align:center;line-height:1.6}.popup .popup-content .popup-body .blockEntry.path-block{border:2px solid #c6985b;background-color:#f6d392;margin:5px;padding:10px}.popup .popup-content .popup-body .blockEntry.path-block:hover{border-color:#08cdff;background-color:#ace0fa}.popup .popup-info{display:flex;align-items:center;gap:8px}.popup .popup-info__icon{width:24px;height:24px;color:#f59e0b;flex-shrink:0}.popup .popup-info__text{line-height:1.2}@media(prefers-reduced-motion:reduce){.popup .confetti{display:none}}.popup .confetti{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.popup .confetti .dot{position:absolute;top:-10px;opacity:0;animation:confettiFall 3s ease-in-out forwards}.popup .confetti .dot:first-child{width:8px;height:8px;left:86%;background:#43a047;border-radius:50%;animation-delay:1.6s;animation-duration:3.5s}.popup .confetti .dot:nth-child(2){width:9px;height:9px;left:6%;background:#1e88e5;border-radius:50%;animation-delay:1.8s;animation-duration:2.9s}.popup .confetti .dot:nth-child(3){width:8px;height:8px;left:19%;background:#26c6da;border-radius:50%;animation-delay:1.8s;animation-duration:3.6s}.popup .confetti .dot:nth-child(4){width:12px;height:12px;left:66%;background:#f78360;border-radius:2px;animation-delay:1.3s;animation-duration:3.8s}.popup .confetti .dot:nth-child(5){width:7px;height:7px;left:86%;background:#1e88e5;border-radius:2px;animation-delay:1s;animation-duration:3.4s}.popup .confetti .dot:nth-child(6){width:9px;height:9px;left:100%;background:#f78360;border-radius:2px;animation-delay:.9s;animation-duration:3.8s}.popup .confetti .dot:nth-child(7){width:12px;height:12px;left:9%;background:#f78360;border-radius:50%;animation-delay:.1s;animation-duration:2.9s}.popup .confetti .dot:nth-child(8){width:9px;height:9px;left:51%;background:#e53935;border-radius:50%;animation-delay:.2s;animation-duration:2.8s}.popup .confetti .dot:nth-child(9){width:14px;height:14px;left:89%;background:#ab47bc;border-radius:2px;animation-delay:.3s;animation-duration:3.6s}.popup .confetti .dot:nth-child(10){width:7px;height:7px;left:29%;background:#43a047;border-radius:2px;animation-delay:.2s;animation-duration:4s}.popup .confetti .dot:nth-child(11){width:11px;height:11px;left:80%;background:#fdd835;border-radius:2px;animation-delay:.6s;animation-duration:2.5s}.popup .confetti .dot:nth-child(12){width:7px;height:7px;left:35%;background:#ff7043;border-radius:2px;animation-delay:1.6s;animation-duration:2.7s}.popup .confetti .dot:nth-child(13){width:9px;height:9px;left:92%;background:#43a047;border-radius:50%;animation-delay:.5s;animation-duration:2.7s}.popup .confetti .dot:nth-child(14){width:14px;height:14px;left:75%;background:#1e88e5;border-radius:2px;animation-delay:.9s;animation-duration:3.1s}.popup .confetti .dot:nth-child(15){width:13px;height:13px;left:55%;background:#fdd835;border-radius:50%;animation-delay:.8s;animation-duration:3s}.popup .confetti .dot:nth-child(16){width:9px;height:9px;left:50%;background:#e53935;border-radius:2px;animation-delay:.1s;animation-duration:2.3s}.popup .confetti .dot:nth-child(17){width:10px;height:10px;left:67%;background:#ff7043;border-radius:50%;animation-delay:1.5s;animation-duration:3s}.popup .confetti .dot:nth-child(18){width:14px;height:14px;left:93%;background:#f78360;border-radius:50%;animation-delay:1.6s;animation-duration:3.1s}.popup .confetti .dot:nth-child(19){width:11px;height:11px;left:31%;background:#f78360;border-radius:50%;animation-delay:1.7s;animation-duration:4s}.popup .confetti .dot:nth-child(20){width:10px;height:10px;left:27%;background:#43a047;border-radius:2px;animation-delay:.4s;animation-duration:2.8s}.popup .confetti .dot:nth-child(21){width:14px;height:14px;left:93%;background:#fdd835;border-radius:50%;animation-delay:.7s;animation-duration:3s}.popup .confetti .dot:nth-child(22){width:8px;height:8px;left:87%;background:#26c6da;border-radius:50%;animation-delay:1.3s;animation-duration:3.2s}.popup .confetti .dot:nth-child(23){width:10px;height:10px;left:62%;background:#1e88e5;border-radius:2px;animation-delay:1.8s;animation-duration:3.4s}.popup .confetti .dot:nth-child(24){width:10px;height:10px;left:17%;background:#fdd835;border-radius:50%;animation-delay:1.2s;animation-duration:2.1s}.popup .confetti .dot:nth-child(25){width:14px;height:14px;left:60%;background:#ab47bc;border-radius:50%;animation-delay:.9s;animation-duration:3.9s}.popup .confetti .dot:nth-child(26){width:13px;height:13px;left:39%;background:#e53935;border-radius:2px;animation-delay:1.1s;animation-duration:3.6s}.popup .confetti .dot:nth-child(27){width:9px;height:9px;left:54%;background:#fdd835;border-radius:2px;animation-delay:1.4s;animation-duration:2.7s}.popup .confetti .dot:nth-child(28){width:11px;height:11px;left:1%;background:#f78360;border-radius:50%;animation-delay:1.5s;animation-duration:3.9s}.popup .confetti .dot:nth-child(29){width:12px;height:12px;left:14%;background:#43a047;border-radius:50%;animation-delay:1.2s;animation-duration:3.6s}.popup .confetti .dot:nth-child(30){width:7px;height:7px;left:19%;background:#1e88e5;border-radius:2px;animation-delay:.2s;animation-duration:2.1s}.popup .confetti .dot:nth-child(31){width:13px;height:13px;left:61%;background:#43a047;border-radius:2px;animation-delay:.2s;animation-duration:3.7s}.popup .confetti .dot:nth-child(32){width:13px;height:13px;left:10%;background:#e53935;border-radius:2px;animation-delay:.1s;animation-duration:3.7s}.popup .confetti .dot:nth-child(33){width:10px;height:10px;left:10%;background:#43a047;border-radius:50%;animation-delay:.3s;animation-duration:3.4s}.popup .confetti .dot:nth-child(34){width:7px;height:7px;left:39%;background:#26c6da;border-radius:50%;animation-delay:1s;animation-duration:3.7s}.popup .confetti .dot:nth-child(35){width:13px;height:13px;left:28%;background:#1e88e5;border-radius:2px;animation-delay:2s;animation-duration:3.5s}.popup .confetti .dot:nth-child(36){width:9px;height:9px;left:29%;background:#e53935;border-radius:2px;animation-delay:2s;animation-duration:3.2s}.popup .confetti .dot:nth-child(37){width:14px;height:14px;left:35%;background:#f78360;border-radius:50%;animation-delay:2s;animation-duration:2.5s}.popup .confetti .dot:nth-child(38){width:11px;height:11px;left:39%;background:#fdd835;border-radius:50%;animation-delay:.9s;animation-duration:2.2s}.popup .confetti .dot:nth-child(39){width:11px;height:11px;left:58%;background:#ff7043;border-radius:2px;animation-delay:1.5s;animation-duration:3.9s}.popup .confetti .dot:nth-child(40){width:12px;height:12px;left:99%;background:#43a047;border-radius:50%;animation-delay:1.2s;animation-duration:2.6s}.popup .confetti .dot:nth-child(41){width:11px;height:11px;left:73%;background:#f78360;border-radius:2px;animation-delay:1.2s;animation-duration:3.4s}.popup .confetti .dot:nth-child(42){width:13px;height:13px;left:98%;background:#fdd835;border-radius:50%;animation-delay:1.1s;animation-duration:3.9s}.popup .confetti .dot:nth-child(43){width:13px;height:13px;left:36%;background:#26c6da;border-radius:2px;animation-delay:1.8s;animation-duration:3.9s}.popup .confetti .dot:nth-child(44){width:10px;height:10px;left:25%;background:#fdd835;border-radius:2px;animation-delay:.5s;animation-duration:3s}.popup .confetti .dot:nth-child(45){width:10px;height:10px;left:79%;background:#1e88e5;border-radius:2px;animation-delay:.5s;animation-duration:3.3s}.popup .confetti .dot:nth-child(46){width:13px;height:13px;left:92%;background:#f78360;border-radius:2px;animation-delay:1.9s;animation-duration:3.5s}.popup .confetti .dot:nth-child(47){width:14px;height:14px;left:77%;background:#ab47bc;border-radius:2px;animation-delay:.6s;animation-duration:2.1s}.popup .confetti .dot:nth-child(48){width:8px;height:8px;left:50%;background:#e53935;border-radius:2px;animation-delay:1.8s;animation-duration:4s}.popup .confetti .dot:nth-child(49){width:8px;height:8px;left:83%;background:#43a047;border-radius:50%;animation-delay:1.8s;animation-duration:3.6s}.popup .confetti .dot:nth-child(50){width:8px;height:8px;left:88%;background:#f78360;border-radius:2px;animation-delay:.7s;animation-duration:3.4s}.popup .confetti .dot:nth-child(51){width:9px;height:9px;left:13%;background:#fdd835;border-radius:50%;animation-delay:.9s;animation-duration:3.2s}.popup .confetti .dot:nth-child(52){width:13px;height:13px;left:43%;background:#f78360;border-radius:2px;animation-delay:1.5s;animation-duration:2.9s}.popup .confetti .dot:nth-child(53){width:7px;height:7px;left:74%;background:#26c6da;border-radius:50%;animation-delay:2s;animation-duration:2.7s}.popup .confetti .dot:nth-child(54){width:8px;height:8px;left:67%;background:#f78360;border-radius:2px;animation-delay:1.3s;animation-duration:4s}.popup .confetti .dot:nth-child(55){width:9px;height:9px;left:60%;background:#e53935;border-radius:50%;animation-delay:.4s;animation-duration:2.8s}.popup .confetti .dot:nth-child(56){width:12px;height:12px;left:47%;background:#ab47bc;border-radius:50%;animation-delay:1.3s;animation-duration:3.6s}.popup .confetti .dot:nth-child(57){width:7px;height:7px;left:88%;background:#ab47bc;border-radius:2px;animation-delay:1.1s;animation-duration:2.2s}.popup .confetti .dot:nth-child(58){width:10px;height:10px;left:10%;background:#e53935;border-radius:50%;animation-delay:1.9s;animation-duration:2.1s}.popup .confetti .dot:nth-child(59){width:7px;height:7px;left:48%;background:#fdd835;border-radius:50%;animation-delay:.3s;animation-duration:3.9s}.popup .confetti .dot:nth-child(60){width:10px;height:10px;left:38%;background:#f78360;border-radius:2px;animation-delay:.8s;animation-duration:2.1s}.popup .confetti .dot:nth-child(61){width:12px;height:12px;left:89%;background:#e53935;border-radius:50%;animation-delay:.3s;animation-duration:2.7s}.popup .confetti .dot:nth-child(62){width:14px;height:14px;left:20%;background:#26c6da;border-radius:50%;animation-delay:.5s;animation-duration:3.1s}.popup .confetti .dot:nth-child(63){width:11px;height:11px;left:88%;background:#1e88e5;border-radius:2px;animation-delay:1.9s;animation-duration:2.4s}.popup .confetti .dot:nth-child(64){width:8px;height:8px;left:18%;background:#fdd835;border-radius:2px;animation-delay:1.5s;animation-duration:3.4s}.popup .confetti .dot:nth-child(65){width:12px;height:12px;left:31%;background:#ff7043;border-radius:2px;animation-delay:.5s;animation-duration:3.4s}.popup .confetti .dot:nth-child(66){width:12px;height:12px;left:57%;background:#43a047;border-radius:2px;animation-delay:1.1s;animation-duration:2.3s}.popup .confetti .dot:nth-child(67){width:10px;height:10px;left:92%;background:#ff7043;border-radius:50%;animation-delay:2s;animation-duration:3.4s}.popup .confetti .dot:nth-child(68){width:7px;height:7px;left:88%;background:#1e88e5;border-radius:2px;animation-delay:1.2s;animation-duration:2.9s}.popup .confetti .dot:nth-child(69){width:11px;height:11px;left:21%;background:#1e88e5;border-radius:50%;animation-delay:1.7s;animation-duration:3s}.popup .confetti .dot:nth-child(70){width:13px;height:13px;left:65%;background:#e53935;border-radius:50%;animation-delay:1.8s;animation-duration:2.3s}.popup .confetti .dot:nth-child(71){width:8px;height:8px;left:25%;background:#1e88e5;border-radius:2px;animation-delay:.1s;animation-duration:3.9s}.popup .confetti .dot:nth-child(72){width:14px;height:14px;left:86%;background:#f78360;border-radius:2px;animation-delay:.3s;animation-duration:2.3s}.popup .confetti .dot:nth-child(73){width:7px;height:7px;left:58%;background:#1e88e5;border-radius:2px;animation-delay:.6s;animation-duration:3.4s}.popup .confetti .dot:nth-child(74){width:14px;height:14px;left:40%;background:#26c6da;border-radius:2px;animation-delay:.6s;animation-duration:3s}.popup .confetti .dot:nth-child(75){width:14px;height:14px;left:63%;background:#f78360;border-radius:50%;animation-delay:.8s;animation-duration:2.1s}.popup .confetti .dot:nth-child(76){width:14px;height:14px;left:63%;background:#26c6da;border-radius:50%;animation-delay:.4s;animation-duration:3.9s}.popup .confetti .dot:nth-child(77){width:12px;height:12px;left:81%;background:#26c6da;border-radius:2px;animation-delay:.4s;animation-duration:2.1s}.popup .confetti .dot:nth-child(78){width:8px;height:8px;left:87%;background:#43a047;border-radius:2px;animation-delay:1.9s;animation-duration:2.1s}.popup .confetti .dot:nth-child(79){width:11px;height:11px;left:26%;background:#f78360;border-radius:2px;animation-delay:1.5s;animation-duration:3.1s}.popup .confetti .dot:nth-child(80){width:7px;height:7px;left:72%;background:#26c6da;border-radius:2px;animation-delay:1s;animation-duration:3.3s}.popup .confetti .dot:nth-child(81){width:7px;height:7px;left:95%;background:#f78360;border-radius:50%;animation-delay:1.6s;animation-duration:3.8s}.popup .confetti .dot:nth-child(82){width:9px;height:9px;left:88%;background:#e53935;border-radius:2px;animation-delay:1.6s;animation-duration:2.3s}.popup .confetti .dot:nth-child(83){width:10px;height:10px;left:12%;background:#e53935;border-radius:2px;animation-delay:.4s;animation-duration:3.5s}.popup .confetti .dot:nth-child(84){width:9px;height:9px;left:32%;background:#1e88e5;border-radius:50%;animation-delay:.2s;animation-duration:3.9s}.popup .confetti .dot:nth-child(85){width:10px;height:10px;left:96%;background:#43a047;border-radius:50%;animation-delay:.6s;animation-duration:3.6s}.popup .confetti .dot:nth-child(86){width:10px;height:10px;left:6%;background:#1e88e5;border-radius:2px;animation-delay:.7s;animation-duration:3.9s}.popup .confetti .dot:nth-child(87){width:12px;height:12px;left:27%;background:#ab47bc;border-radius:50%;animation-delay:1.9s;animation-duration:2.9s}.popup .confetti .dot:nth-child(88){width:9px;height:9px;left:94%;background:#26c6da;border-radius:2px;animation-delay:1.7s;animation-duration:2.2s}.popup .confetti .dot:nth-child(89){width:13px;height:13px;left:67%;background:#26c6da;border-radius:2px;animation-delay:.7s;animation-duration:4s}.popup .confetti .dot:nth-child(90){width:10px;height:10px;left:8%;background:#fdd835;border-radius:2px;animation-delay:1.1s;animation-duration:2.9s}.popup .confetti .dot:nth-child(91){width:14px;height:14px;left:9%;background:#ab47bc;border-radius:50%;animation-delay:.6s;animation-duration:2.9s}.popup .confetti .dot:nth-child(92){width:13px;height:13px;left:9%;background:#e53935;border-radius:50%;animation-delay:1.1s;animation-duration:3.6s}.popup .confetti .dot:nth-child(93){width:10px;height:10px;left:13%;background:#43a047;border-radius:2px;animation-delay:.3s;animation-duration:2.2s}.popup .confetti .dot:nth-child(94){width:10px;height:10px;left:25%;background:#e53935;border-radius:2px;animation-delay:.8s;animation-duration:3.1s}.popup .confetti .dot:nth-child(95){width:7px;height:7px;left:89%;background:#fdd835;border-radius:2px;animation-delay:1.4s;animation-duration:2.7s}.popup .confetti .dot:nth-child(96){width:10px;height:10px;left:95%;background:#43a047;border-radius:50%;animation-delay:1.4s;animation-duration:3.4s}.popup .confetti .dot:nth-child(97){width:12px;height:12px;left:77%;background:#f78360;border-radius:50%;animation-delay:.8s;animation-duration:4s}.popup .confetti .dot:nth-child(98){width:9px;height:9px;left:43%;background:#1e88e5;border-radius:2px;animation-delay:.4s;animation-duration:2.3s}.popup .confetti .dot:nth-child(99){width:11px;height:11px;left:82%;background:#ab47bc;border-radius:2px;animation-delay:.4s;animation-duration:3.4s}.popup .confetti .dot:nth-child(100){width:11px;height:11px;left:41%;background:#26c6da;border-radius:2px;animation-delay:.1s;animation-duration:2.8s}.popup.popup-medal{background:radial-gradient(ellipse at center,rgba(0,0,0,.4) 0,rgba(0,0,0,.75) 100%);animation:medalOverlayIn .5s ease both}.popup.popup-medal:before{width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,.4) 0,rgba(255,215,0,0) 70%);animation:medalGlow .8s cubic-bezier(.22,1,.36,1) .1s both}.popup.popup-medal:after,.popup.popup-medal:before{content:"";position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-55%);pointer-events:none;z-index:0}.popup.popup-medal:after{width:500px;height:500px;background:conic-gradient(from 0deg,transparent 0deg,hsla(0,0%,100%,.06) 5deg,transparent 10deg,transparent 30deg,hsla(0,0%,100%,.06) 35deg,transparent 40deg,transparent 60deg,hsla(0,0%,100%,.06) 65deg,transparent 70deg,transparent 90deg,hsla(0,0%,100%,.06) 95deg,transparent 100deg,transparent 120deg,hsla(0,0%,100%,.06) 125deg,transparent 130deg,transparent 150deg,hsla(0,0%,100%,.06) 155deg,transparent 160deg,transparent 180deg,hsla(0,0%,100%,.06) 185deg,transparent 190deg,transparent 210deg,hsla(0,0%,100%,.06) 215deg,transparent 220deg,transparent 240deg,hsla(0,0%,100%,.06) 245deg,transparent 250deg,transparent 270deg,hsla(0,0%,100%,.06) 275deg,transparent 280deg,transparent 300deg,hsla(0,0%,100%,.06) 305deg,transparent 310deg,transparent 330deg,hsla(0,0%,100%,.06) 335deg,transparent 340deg,transparent 1turn);animation:medalRaysSpin 12s linear infinite,medalRaysIn .6s ease .2s both}.popup.popup-medal .popup-content{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0;min-width:unset;max-width:unset;width:auto;display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible;animation:none}.popup.popup-medal .medal{position:relative;margin-bottom:1rem;min-width:15rem;min-height:15rem;animation:medalBounceIn .7s cubic-bezier(.34,1.56,.64,1) .3s both,medalGlowPulse 2s ease-in-out 1s infinite;filter:drop-shadow(0 0 30px rgba(255,215,0,.5)) drop-shadow(0 8px 24px rgba(0,0,0,.3))}.popup.popup-medal .medal,.popup.popup-medal .popup-body{z-index:2;display:flex;align-items:center;justify-content:center}.popup.popup-medal .popup-body{background:transparent;box-shadow:none;padding:0;border-radius:0;text-align:center;flex-direction:column;animation:medalFadeUp .5s ease .8s both}.popup.popup-medal .popup-body p{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.4);font-size:1.1rem}.popup.popup-medal .popup-actions{z-index:3;margin-top:1.5rem;background:transparent;box-shadow:none;justify-content:center;border-radius:0;padding:0;animation:medalFadeUp .5s ease 1s both}.popup.popup-level-error{z-index:3}.popup.popup-level-error .popup-content{animation:crashPopIn .45s cubic-bezier(.34,1.56,.64,1) both}.popup.popup-level-error .le-err-body{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1.5rem 2rem 1.3rem;text-align:center}.popup.popup-level-error .le-err-art{position:relative;width:130px;height:112px;display:grid;place-items:center;color:#e0533f}.popup.popup-level-error .le-err-lus{width:104px;height:104px;color:#e0533f;animation:errLus 2.6s linear infinite}.popup.popup-level-error .le-err-teken{position:absolute;font-family:var(--font-title);font-weight:800;font-size:2rem;color:#b73a2a}.popup.popup-level-error .le-err-driehoek{width:100px;height:92px;color:#f0a63c;animation:errWiebel 2.2s ease-in-out infinite;filter:drop-shadow(0 6px 14px rgba(220,140,40,.3))}.popup.popup-level-error .le-err-uitroep{position:absolute;top:46px;font-family:var(--font-title);font-weight:800;font-size:2rem;color:#7a4410}.popup.popup-level-error .le-err-vlak{width:104px;height:84px;border-radius:14px;border:3px dashed var(--line-2);background:var(--soft);display:flex;flex-direction:column;justify-content:center;gap:9px;padding:0 16px}.popup.popup-level-error .le-err-vlak__regel{height:8px;border-radius:999px;background:var(--line)}.popup.popup-level-error .le-err-vlak__regel:nth-child(2){width:70%}.popup.popup-level-error .le-err-vlak__regel:nth-child(3){width:45%}.popup.popup-level-error .le-err-plus{position:absolute;right:10px;bottom:8px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--green-deep,#0fb85a);color:#fff;font-family:var(--font-title);font-weight:800;font-size:1.3rem;animation:errKlop 1.8s ease-in-out infinite}.popup.popup-level-error .le-err-kop{margin:.2rem 0 0;font-family:var(--font-title);font-weight:700;font-size:1.12rem;color:var(--ink-900)}.popup.popup-level-error .le-err-tekst{margin:0;max-width:23rem;color:var(--ink-700);font-size:.95rem;line-height:1.5}.popup.popup-level-error .le-err-tip{display:inline-flex;align-items:flex-start;gap:.5rem;margin:.45rem 0 0;padding:.6rem .85rem;max-width:23rem;border-radius:12px;background:#fdf6e6;border:1px solid #ecd9a8;color:#7a5a15;font-size:.88rem;line-height:1.45;text-align:left}.popup.popup-level-error .le-err-tip__lamp svg{width:20px;height:20px;flex-shrink:0;color:#d9a521}.popup.popup-level-error .le-err-detail{margin:.4rem 0 0;max-width:23rem;color:var(--ink-500);font-family:var(--font-mono,monospace);font-size:.78rem;line-height:1.4;word-break:break-word}.popup.popup-level-error .popup-actions{padding:0 1.6rem 1.4rem}.popup.popup-level-error .popup-actions-row{display:flex;justify-content:center}.popup.popup-level-error .popup-actions-row .popup-action-button{min-width:12rem;justify-content:center}.popup.popup-level-crash{z-index:2}.popup.popup-level-crash .popup-content{animation:crashPopIn .45s cubic-bezier(.34,1.56,.64,1) both}.popup.popup-level-crash .lc-body{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1.5rem 2rem 1.3rem;text-align:center}.popup.popup-level-crash .lc-art{position:relative;width:150px;height:118px;display:grid;place-items:center}.popup.popup-level-crash .lc-bots{position:relative;display:grid;place-items:center;width:116px;height:116px;color:#f0a63c;animation:crashSchud .6s ease-out both}.popup.popup-level-crash .lc-bots svg{width:100%;height:100%;filter:drop-shadow(0 6px 14px rgba(220,120,30,.35))}.popup.popup-level-crash .lc-bots__tekst{position:absolute;font-family:var(--font-title);font-weight:800;font-size:1.5rem;color:#8a3b12;transform:rotate(-8deg);letter-spacing:.01em}.popup.popup-level-crash .lc-stop{position:relative;display:grid;place-items:center;width:150px;height:118px}.popup.popup-level-crash .lc-stop__licht{position:relative;width:auto;height:116px;filter:drop-shadow(0 10px 16px rgba(23,33,43,.28))}.popup.popup-level-crash .lc-stop__flits{position:absolute;top:8px;width:96px;height:96px;border-radius:50%;opacity:0;mix-blend-mode:screen}.popup.popup-level-crash .lc-stop__flits.is-links{left:-4px;background:radial-gradient(circle,rgba(80,140,255,.9) 0,rgba(80,140,255,.25) 42%,rgba(80,140,255,0) 70%);animation:zwaaiFlits 1s step-end infinite}.popup.popup-level-crash .lc-stop__flits.is-rechts{right:-4px;background:radial-gradient(circle,rgba(255,72,72,.85) 0,rgba(255,72,72,.24) 42%,rgba(255,72,72,0) 70%);animation:zwaaiFlits 1s step-end .5s infinite}.popup.popup-level-crash .lc-ster{position:absolute;width:22px;height:22px;color:#f6c64b;opacity:0;animation:crashSter 1.8s ease-out infinite}.popup.popup-level-crash .lc-ster svg{width:100%;height:100%}.popup.popup-level-crash .lc-ster:first-child{top:6px;left:12px;animation-delay:.15s}.popup.popup-level-crash .lc-ster:nth-child(2){top:0;right:22px;animation-delay:.55s}.popup.popup-level-crash .lc-ster:nth-child(3){bottom:10px;right:6px;animation-delay:.95s}.popup.popup-level-crash .lc-route{width:150px;height:110px}.popup.popup-level-crash .lc-speler{animation:crashWacht 1.6s ease-in-out infinite}.popup.popup-level-crash .lc-vlag{animation:crashVlag 2.4s ease-in-out infinite;transform-origin:120px 80px}.popup.popup-level-crash .lc-vraag{position:absolute;top:14px;left:52px;font-family:var(--font-title);font-weight:800;font-size:1.6rem;color:#0fb85a;animation:crashWacht 1.6s ease-in-out infinite}.popup.popup-level-crash .lc-kop{margin:.2rem 0 0;font-family:var(--font-title);font-weight:700;font-size:1.12rem;color:var(--ink-900)}.popup.popup-level-crash .lc-tekst{margin:0;max-width:23rem;color:var(--ink-700);font-size:.95rem;line-height:1.5}.popup.popup-level-crash .lc-tip{display:inline-flex;align-items:flex-start;gap:.5rem;margin:.45rem 0 0;padding:.6rem .85rem;max-width:23rem;border-radius:12px;background:#fdf6e6;border:1px solid #ecd9a8;color:#7a5a15;font-size:.88rem;line-height:1.45;text-align:left}.popup.popup-level-crash .lc-tip__lamp svg{width:20px;height:20px;flex-shrink:0;color:#d9a521}.popup.popup-level-crash .popup-actions{padding:0 1.6rem 1.4rem}.popup.popup-level-crash .popup-actions-row{display:flex;flex-direction:row;gap:.7rem;justify-content:center}.popup.popup-level-crash .popup-actions-row .popup-action-button{flex:1 1 0;min-width:0;justify-content:center}.popup.popup-level-mess{z-index:2}.popup.popup-level-mess .popup-content{animation:messPopIn .5s cubic-bezier(.34,1.56,.64,1) both}.popup.popup-level-mess .lm-body{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1.5rem 2rem 1.3rem;text-align:center}.popup.popup-level-mess .lm-art{position:relative;width:132px;height:118px;display:grid;place-items:end center}.popup.popup-level-mess .lm-hoop{width:92px;height:92px;-o-object-fit:contain;object-fit:contain;transform-origin:50% 90%;animation:messWiebel 2.4s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(20,28,38,.24))}.popup.popup-level-mess .lm-walm{position:absolute;bottom:74px;width:15px;height:32px;color:#b98a5e;opacity:0;animation:messWalm 2.8s ease-in-out infinite}.popup.popup-level-mess .lm-walm svg{width:100%;height:100%}.popup.popup-level-mess .lm-walm:first-child{left:24px;animation-delay:0s}.popup.popup-level-mess .lm-walm:nth-child(2){left:58px;animation-delay:.7s}.popup.popup-level-mess .lm-walm:nth-child(3){left:90px;animation-delay:1.4s}.popup.popup-level-mess .lm-kop{margin:.2rem 0 0;font-family:var(--font-title);font-weight:700;font-size:1.12rem;color:var(--ink-900)}.popup.popup-level-mess .lm-tekst{margin:0;max-width:22rem;color:var(--ink-700);font-size:.95rem;line-height:1.5}.popup.popup-level-mess .lm-tip{display:inline-flex;align-items:flex-start;gap:.5rem;margin:.35rem 0 0;padding:.6rem .85rem;max-width:23rem;border-radius:12px;background:#fdf6e6;border:1px solid #ecd9a8;color:#7a5a15;font-size:.88rem;line-height:1.45;text-align:left}.popup.popup-level-mess .lm-tip__lamp svg{width:20px;height:20px;flex-shrink:0;color:#d9a521}.popup.popup-level-mess .popup-actions{padding:0 1.6rem 1.4rem}.popup.popup-level-mess .popup-actions-row{display:flex;flex-direction:row;gap:.7rem;justify-content:center}.popup.popup-level-mess .popup-actions-row .popup-action-button{flex:1 1 0;min-width:0;justify-content:center}.popup.popup-level-mess .lm-badge{margin-top:.5rem;padding:3px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--line-2);color:var(--ink-500);font-size:.8rem;font-weight:700}.popup.popup-level-end{z-index:2}.popup.popup-level-end .le-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.6rem 2rem 1.4rem}.popup.popup-level-end .le-body .le-medal{width:108px;height:108px;display:grid;place-items:center;flex-shrink:0}.popup.popup-level-end .le-body .le-medal .medal-icon{width:104px;height:104px;display:grid;place-items:center;filter:drop-shadow(0 8px 18px rgba(20,28,38,.22));animation:medalBounceIn .6s cubic-bezier(.34,1.56,.64,1) both}.popup.popup-level-end .le-body .le-medal .medal-icon .medal{display:grid;place-items:center;min-height:0}.popup.popup-level-end .le-body .le-medal .medal-icon img{width:92px;height:92px;-o-object-fit:contain;object-fit:contain;display:block}.popup.popup-level-end .le-body .le-medal-name{font-family:var(--font-title);font-weight:700;font-size:1.35rem;color:var(--ink-900);margin-top:.2rem}.popup.popup-level-end .le-body .le-gold-note{margin-top:.15rem;font-size:.9rem;font-weight:700;color:#a8760c}.popup.popup-level-end .le-body .le-attempts{font-size:.95rem;color:var(--ink-500)}.popup.popup-level-end .le-body .le-attempts strong{color:var(--ink-900);font-weight:700}.popup.popup-level-end .le-body .le-hints{font-size:.95rem;color:var(--ink-500)}.popup.popup-level-end .le-body .le-hint-note{margin-top:2px;padding:6px 12px;border-radius:10px;background:color-mix(in srgb,#f6c453 22%,#fff);color:#8a6212;font-size:.88rem;font-weight:600}.popup.popup-level-end .popup-actions{margin-top:1.6rem;display:flex;flex-direction:column;gap:.6rem}.popup.popup-level-end .popup-actions .popup-actions-bottom{margin-top:.7rem;display:flex;flex-direction:column;align-items:stretch;gap:.6rem}.popup.popup-level-end .popup-actions .popup-action-button{font-weight:700;border-radius:11px;padding:.85rem 1.1rem;cursor:pointer}.popup.popup-level-end .popup-actions .popup-action-button .btn-lbl{white-space:nowrap}.popup.popup-level-end .popup-actions .popup-action-button .btn-ic{flex-shrink:0}.popup.popup-level-end .popup-actions .popup-action-button.fullwidth{width:100%;padding:.95rem 1.6rem}.popup.popup-level-end .popup-actions .popup-actions-row .popup-action-button{flex:1 1 0;min-width:0}.popup.popup-level-end .popup-actions .popup-actions-row .popup-action-button.button-secondary{background:var(--card);border-color:var(--line);color:var(--ink-700)}.popup.popup-level-end .popup-actions .popup-actions-row .popup-action-button.button-secondary:hover{background:var(--soft);border-color:var(--line-2);filter:none}.popup.popup-level-end .popup-actions .popup-actions-row{display:flex;flex-direction:row;gap:.7rem;justify-content:center}@keyframes popup-in{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}@keyframes medalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes medalBounceIn{0%{opacity:0;transform:scale(0) rotate(-20deg)}40%{opacity:1;transform:scale(1.25) rotate(8deg)}60%{transform:scale(.9) rotate(-4deg)}80%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}@keyframes medalGlow{0%{width:0;height:0;opacity:0}50%{opacity:1}to{width:600px;height:600px;opacity:.6}}@keyframes medalRaysSpin{to{transform:translate(-50%,-55%) rotate(1turn)}}@keyframes medalRaysIn{0%{opacity:0;transform:translate(-50%,-55%) scale(.5)}to{opacity:1;transform:translate(-50%,-55%) scale(1)}}@keyframes medalGlowPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,215,0,.4)) drop-shadow(0 8px 24px rgba(0,0,0,.3))}50%{filter:drop-shadow(0 0 45px rgba(255,215,0,.7)) drop-shadow(0 8px 24px rgba(0,0,0,.3))}}@keyframes medalFadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px) rotate(0deg) scale(.5)}10%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(2turn) scale(.3)}}@keyframes messPopIn{0%{opacity:0;transform:scale(.86) translateY(14px) rotate(-1.5deg)}60%{transform:scale(1.03) translateY(0) rotate(.8deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}@keyframes messWiebel{0%,to{transform:rotate(-5deg) translateY(0)}35%{transform:rotate(5deg) translateY(-3px)}70%{transform:rotate(-3deg) translateY(1px)}}@keyframes messWalm{0%{opacity:0;transform:translateY(6px) scale(.7)}25%{opacity:.85}to{opacity:0;transform:translateY(-22px) scale(1.05)}}@media(prefers-reduced-motion:reduce){.popup.popup-level-mess .lm-hoop,.popup.popup-level-mess .lm-walm,.popup.popup-level-mess .popup-content{animation:none}.popup.popup-level-mess .lm-walm{opacity:.5}}:root[data-cq-calm] .popup.popup-level-mess .lm-hoop,:root[data-cq-calm] .popup.popup-level-mess .lm-walm,:root[data-cq-calm] .popup.popup-level-mess .popup-content{animation:none}:root[data-cq-calm] .popup.popup-level-mess .lm-walm{opacity:.5}@keyframes crashPopIn{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes crashSchud{0%{transform:scale(.6) rotate(-12deg)}45%{transform:scale(1.08) rotate(6deg)}70%{transform:scale(.98) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes crashSter{0%{opacity:0;transform:scale(.5) rotate(0)}25%{opacity:1;transform:scale(1) rotate(25deg)}to{opacity:0;transform:scale(.75) rotate(60deg) translateY(-10px)}}@media(prefers-reduced-motion:reduce){.popup.popup-level-crash .lc-stop__flits,.popup.popup-level-crash .popup-content{animation:none!important;opacity:.5}.popup.popup-level-crash .lc-bots,.popup.popup-level-crash .lc-ster{animation:none}.popup.popup-level-crash .lc-ster{opacity:.7}}:root[data-cq-calm] .popup.popup-level-crash .lc-bots,:root[data-cq-calm] .popup.popup-level-crash .lc-ster,:root[data-cq-calm] .popup.popup-level-crash .popup-content{animation:none}:root[data-cq-calm] .popup.popup-level-crash .lc-ster{opacity:.7}@keyframes crashWacht{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes crashVlag{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.popup.popup-level-crash .lc-speler,.popup.popup-level-crash .lc-vlag,.popup.popup-level-crash .lc-vraag{animation:none}}:root[data-cq-calm] .popup.popup-level-crash .lc-speler,:root[data-cq-calm] .popup.popup-level-crash .lc-vlag,:root[data-cq-calm] .popup.popup-level-crash .lc-vraag{animation:none}@keyframes errLus{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes errWiebel{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes errKlop{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.popup.popup-level-error .le-err-driehoek,.popup.popup-level-error .le-err-lus,.popup.popup-level-error .le-err-plus,.popup.popup-level-error .popup-content{animation:none}}:root[data-cq-calm] .popup.popup-level-error .le-err-driehoek,:root[data-cq-calm] .popup.popup-level-error .le-err-lus,:root[data-cq-calm] .popup.popup-level-error .le-err-plus,:root[data-cq-calm] .popup.popup-level-error .popup-content{animation:none}.popup .popup-actions-row.is-keuze{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.popup .popup-actions-row.is-keuze.is-enkel{justify-content:flex-end}.popup .popup-actions-row.is-keuze .popup-action-button{flex:0 0 auto;min-width:0}.popup .cq-uitweg{display:inline-flex;align-items:center;gap:6px;padding:7px 6px;border:0;border-radius:8px;background:transparent!important;color:var(--ink-500)!important;font-family:var(--font-ui);font-size:.84rem;font-weight:600;line-height:1.2;cursor:pointer;opacity:.72;box-shadow:none!important;transition:opacity .15s,color .15s}.popup .cq-uitweg:focus-visible,.popup .cq-uitweg:hover{opacity:1;color:var(--ink-700)!important;text-decoration:underline}.popup .cq-uitweg__ic{width:15px;height:15px;opacity:.75}.popup .popup-action-button.is-hoofd{padding:.85rem 1.7rem;border-radius:13px;font-size:1.02rem;font-weight:700;box-shadow:0 10px 22px -10px var(--accent-deep);animation:cq-hoofdactie 2.8s ease-in-out .7s infinite}.popup .popup-action-button.is-hoofd .btn-ic{width:19px;height:19px}.popup .popup-action-button.is-hoofd:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@keyframes cq-hoofdactie{0%,to{transform:translateY(0);box-shadow:0 10px 22px -10px var(--accent-deep)}50%{transform:translateY(-2px);box-shadow:0 15px 26px -10px var(--accent-deep)}}@media(prefers-reduced-motion:reduce){.popup .popup-action-button.is-hoofd{animation:none}}:root[data-cq-calm] .popup .popup-action-button.is-hoofd{animation:none}@keyframes zwaaiFlits{0%{opacity:1}35%,to{opacity:0}}svg.arrow-icon{width:50px;height:50px}svg.arrow-icon line.cls-1{stroke:#fff}svg.arrow-icon.arrow-left{transform:rotate(180deg)}svg.retry-icon{width:50px;height:50px}svg.retry-icon path.cls-1,svg.retry-icon polyline.cls-1{stroke:#fff}svg.retry-icon.retry-left{transform:rotate(180deg)}svg.grid-icon{width:50px;height:50px}svg.grid-icon rect.cls-1{stroke:#474747}body{height:100vh}.clouds-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0;pointer-events:none}.cloud{position:absolute;width:200px;height:100px;background-size:contain;background-repeat:no-repeat;animation-name:floatCloud;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes floatCloud{0%{transform:translateX(0)}to{transform:translateX(120vw)}}.navbar{height:65px;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:box-shadow .2s}.navbar .brand{height:36px;transition:transform .2s}.navbar .brand:hover{transform:scale(1.05)}.navbar a{font-size:18px;font-weight:700;transition:opacity .15s}.navbar a:hover{opacity:.85}.navbar a.nav-item:before{margin-right:.33em}.navbar a.nav-item:after,.navbar a.nav-item:before{content:" ";color:#fff;font-weight:700;font-size:1.05em;letter-spacing:.05em}.navbar a.nav-item:after{margin-left:.33em}.navbar a.nav-item.router-link-active:before{content:"["}.navbar a.nav-item.router-link-active:after{content:"]"}.navbar a.nav-item svg{height:28px;margin-right:5px;display:inline-flex}.navbar a .menu-active-left,.navbar a .menu-active-right{top:15px!important}.navbar ul .dropdown .dropdown-list{position:absolute;z-index:50;display:none;border-bottom-right-radius:7px;border-bottom-left-radius:7px}.gamePage .psdBlock .nested .block-vis .parent .blockEntry.value.navbar ul .dropdown .dropdown-list,.gu-mirror.block-vis .parent .blockEntry.value.navbar ul .dropdown .dropdown-list{display:none}.navbar ul .dropdown .dropdown-list{top:55px;box-shadow:0 8px 24px rgba(0,0,0,.18);border-radius:0 0 8px 8px;overflow:hidden}.navbar ul .dropdown .dropdown-list ul{display:block}.navbar ul .dropdown .dropdown-list ul>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.gamePage .draggable.navbar ul .dropdown .dropdown-list ul{padding:8px;margin:4px}.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-condition,.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-condition span.preview-condition,.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-condition .preview-input,.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-repeat .preview-input,.gamePage .draggable.navbar ul .dropdown .dropdown-list ul.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .basicBlock .navbar ul .dropdown .dropdown-list ul,.levelMakerPage .basicBlock .navbar ul .dropdown .dropdown-list ul,.teacherPage .basicBlock .navbar ul .dropdown .dropdown-list ul{cursor:grab}.navbar ul .dropdown .dropdown-list ul li{margin:0;border-style:dashed;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;transition:background .15s}.navbar ul .dropdown .dropdown-list ul li:hover{background:hsla(0,0%,100%,.1)}.navbar ul .dropdown.dropped .dropdown-list{display:block}.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list{padding:8px;margin:4px}.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-condition,.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-condition span.preview-condition,.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-condition .preview-input,.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-repeat .preview-input,.gamePage .draggable.navbar ul .dropdown.dropped .dropdown-list.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .basicBlock .navbar ul .dropdown.dropped .dropdown-list,.levelMakerPage .basicBlock .navbar ul .dropdown.dropped .dropdown-list,.teacherPage .basicBlock .navbar ul .dropdown.dropped .dropdown-list{cursor:grab}.header.header-select{justify-content:start;border-top-right-radius:7px;border-top-left-radius:7px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header.header-select .headerDropdown{width:200px;border-radius:7px;position:relative}.header.header-select .headerDropdown li{position:relative}.header.header-select .headerDropdown li>p{display:flex;justify-content:space-between;align-items:center;padding:.5em 1em;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header.header-select .headerDropdown li>p .label{flex:1;overflow:hidden;text-overflow:ellipsis}.header.header-select .headerDropdown li>p .chevron{margin-left:1em;flex-shrink:0}.header.header-select .headerDropdown li ul{background-color:transparent;position:absolute;top:90%;left:0;width:100%;z-index:1;padding:0;margin:0;list-style:none}.header.header-select .headerDropdown li .dropdown-items{width:100%;z-index:9999999}.header.header-select .headerDropdown li .dropdown-items .dropdown-item{width:100%;box-sizing:border-box;border:none;color:#fff;background-color:#d27176}.header.header-select .headerDropdown li .dropdown-items .dropdown-item:last-child{border-bottom-left-radius:7px;border-bottom-right-radius:7px}.header.header-select .headerDropdown li .dropdown-items .dropdown-item{border-bottom:1px dashed #fff}.header.header-select .headerDropdown li .dropdown-items .dropdown-item:first-child{border-top:1px dashed #fff}.header.header-select .headerDropdown li .dropdown-items .dropdown-item:last-child{border-bottom:none}.header.header-select .headerDropdown li .dropdown-items .dropdown-item p{margin:0;padding:.5em 1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header.header-select .headerDropdown li .dropdown-items .dropdown-item:hover{background-color:#bd5358}.header.header-select .headerDropdown li .dropdown-items .dropdown-item:hover p{color:#fff}.header .headerDropdown{width:-moz-fit-content;width:fit-content}.header .headerDropdown li{position:relative;text-align:left}.header .headerDropdown li p{display:block;padding:10px;font-weight:600}.gamePage .draggable.header .headerDropdown li p{padding:8px;margin:4px}.gamePage .draggable.header .headerDropdown li p.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.header .headerDropdown li p.block-condition,.gamePage .draggable.header .headerDropdown li p.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.header .headerDropdown li p.block-condition span.preview-condition,.gamePage .draggable.header .headerDropdown li p.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.header .headerDropdown li p.block-condition .preview-input,.gamePage .draggable.header .headerDropdown li p.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .draggable.header .headerDropdown li p.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.header .headerDropdown li p.block-repeat .preview-input,.gamePage .draggable.header .headerDropdown li p.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .basicBlock .header .headerDropdown li p,.levelMakerPage .basicBlock .header .headerDropdown li p,.teacherPage .basicBlock .header .headerDropdown li p{cursor:grab}.header .headerDropdown li ul{position:absolute;top:100%;z-index:10;display:none;list-style-type:none;--tw-bg-opacity:1;background-color:rgb(89 81 107/var(--tw-bg-opacity,1));padding:0;line-height:1.5}.gamePage .psdBlock .nested .block-vis .parent .blockEntry.value.header .headerDropdown li ul,.gu-mirror.block-vis .parent .blockEntry.value.header .headerDropdown li ul{display:none}.header .headerDropdown li ul .empty{height:20px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.header .headerDropdown li ul li{border-bottom-width:1px;border-left-width:1px;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.header .headerDropdown li ul li p{display:block;white-space:nowrap;padding:10px;text-align:left}.gamePage .draggable.header .headerDropdown li ul li p{padding:8px;margin:4px}.gamePage .draggable.header .headerDropdown li ul li p.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.header .headerDropdown li ul li p.block-condition,.gamePage .draggable.header .headerDropdown li ul li p.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.header .headerDropdown li ul li p.block-condition span.preview-condition,.gamePage .draggable.header .headerDropdown li ul li p.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.header .headerDropdown li ul li p.block-condition .preview-input,.gamePage .draggable.header .headerDropdown li ul li p.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .draggable.header .headerDropdown li ul li p.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.header .headerDropdown li ul li p.block-repeat .preview-input,.gamePage .draggable.header .headerDropdown li ul li p.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .basicBlock .header .headerDropdown li ul li p,.levelMakerPage .basicBlock .header .headerDropdown li ul li p,.teacherPage .basicBlock .header .headerDropdown li ul li p{cursor:grab}.header .headerDropdown li ul li p:hover{cursor:pointer;--tw-text-opacity:1;color:rgb(89 81 107/var(--tw-text-opacity,1))}.header .headerDropdown li ul li ul{left:100%;top:0}.header .headerDropdown li ul li:hover>p{cursor:pointer;--tw-text-opacity:1;color:rgb(89 81 107/var(--tw-text-opacity,1))}.header .headerDropdown li:hover>ul{display:block}.gamePage .draggable.header .headerDropdown li:hover>ul{padding:8px;margin:4px}.gamePage .draggable.header .headerDropdown li:hover>ul.block-function{background-color:#08cdff;border:2px solid #008fe0}.gamePage .draggable.header .headerDropdown li:hover>ul.block-condition,.gamePage .draggable.header .headerDropdown li:hover>ul.block-loop{background-color:#f78360;border:2px solid #dc5132;position:relative}.gamePage .draggable.header .headerDropdown li:hover>ul.block-condition span.preview-condition,.gamePage .draggable.header .headerDropdown li:hover>ul.block-loop span.preview-condition{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b;padding-left:3px;padding-right:3px}.gamePage .draggable.header .headerDropdown li:hover>ul.block-condition .preview-input,.gamePage .draggable.header .headerDropdown li:hover>ul.block-loop .preview-input{margin-top:10px;height:25px;border-radius:8px;background-color:#c24a2b;border:2px solid #dc5132}.gamePage .draggable.header .headerDropdown li:hover>ul.block-repeat{background-color:#189a50;border-color:#0f7a3e}.gamePage .draggable.header .headerDropdown li:hover>ul.block-repeat .preview-input,.gamePage .draggable.header .headerDropdown li:hover>ul.block-repeat span.preview-condition{background-color:#0f7a3e;border-color:#0f7a3e}.gamePage .basicBlock .header .headerDropdown li:hover>ul,.levelMakerPage .basicBlock .header .headerDropdown li:hover>ul,.teacherPage .basicBlock .header .headerDropdown li:hover>ul{cursor:grab}.header .headerDropdown>li>ul{top:55px;left:-11px}.header .button{display:inline-block!important}.pageContainer .input{--tw-bg-opacity:1;padding:10px;border:2px solid #d2d2d2;border-radius:8px;font-size:.9em;font-weight:500;color:#474747;transition:border .16s,box-shadow .2s;width:100%;background:#f5f5f5;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pageContainer .input::-moz-placeholder{color:#cdcecd;opacity:1}.pageContainer .input::placeholder{color:#cdcecd;opacity:1}hr{border:1px solid #d2d2d2;border-radius:8px;margin:30px 0!important}.checkbox-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;margin-left:auto;margin-right:0}.checkbox-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-toggle .checkbox{width:22px;height:22px;border-radius:6px;background:#fff;border:2px solid #d2d2d2;transition:border-color .2s,background .2s;position:relative;display:inline-block;margin-left:8px}.checkbox-toggle .checkbox:hover{border-color:#08cdff}.checkbox-toggle input[type=checkbox]:checked+.checkbox{background:#08cdff;border-color:#08cdff}.checkbox-toggle .checkbox:after{content:"";position:absolute;display:none;left:5px;top:1.5px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;border-radius:1px;transform:rotate(45deg) scale(.8)}.checkbox-toggle input[type=checkbox]:checked+.checkbox:after{display:block}.amount,.avatar,.button,.floating-label-left>label,.header,img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.basicBlock.block-popup.block-level-blocks{margin:0}.basicBlock.block-popup.block-level-blocks:hover{border-color:#fff}.basicBlock.block-popup.block-level-blocks .blockEntry:hover{background-color:#bbefcd;border-color:#1de573}.basicBlock.block-settings{overflow:visible}.basicBlock.block-settings .seed{overflow:visible;position:relative}.basicBlock.block-settings .seed:hover .tooltip-wrapper .button{background-color:#d2d2d2;border-color:#1de573}.basicBlock.block-settings .seed .tooltip-wrapper{overflow:visible;position:absolute;top:40%;right:.75rem;transform:translateY(-50%);z-index:2}.basicBlock.block-settings .seed .tooltip-wrapper .button{padding:5px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.basicBlock.block-settings .seed .tooltip-wrapper .button svg{width:18px;height:18px}.basicBlock.block-settings .seed .tooltip-wrapper .button svg path.cls-1,.basicBlock.block-settings .seed .tooltip-wrapper .button svg polyline.cls-1{stroke:#474747}.basicBlock.block-settings .instruction{overflow:visible;position:relative}.basicBlock.block-settings .instruction:hover .tooltip-wrapper .button{background-color:#d2d2d2;border-color:#1de573}.basicBlock.block-settings .instruction .tooltip-wrapper{overflow:visible;position:absolute;top:40%;right:.75rem;transform:translateY(-50%);z-index:2}.basicBlock.block-settings .instruction .tooltip-wrapper .button{padding:5px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.basicBlock.block-settings .instruction .tooltip-wrapper .button svg{width:18px;height:18px}.basicBlock.block-settings .instruction .tooltip-wrapper .button svg path.cls-1,.basicBlock.block-settings .instruction .tooltip-wrapper .button svg polyline.cls-1{stroke:#474747}.instruction .input.input--ok{color:#1de573!important;font-weight:600}.instruction .input.input--empty{color:#b0b0b0!important;font-style:italic}.compass{display:none}.floating-label-center,.floating-label-left{position:relative;width:100%;margin-bottom:1.2em}.floating-label-center input.input,.floating-label-center select.dropdown,.floating-label-left input.input,.floating-label-left select.dropdown{padding:10px;border:2px solid #d2d2d2;border-radius:8px;font-size:.9em;font-weight:500;color:#474747;margin-bottom:.7em;transition:border .16s,box-shadow .2s;width:100%;background:#f5f5f5;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.floating-label-center input.input:focus,.floating-label-center input.input:hover,.floating-label-center select.dropdown:focus,.floating-label-center select.dropdown:hover,.floating-label-left input.input:focus,.floating-label-left input.input:hover,.floating-label-left select.dropdown:focus,.floating-label-left select.dropdown:hover{outline:none;border-color:#08cdff;box-shadow:0 3px 13px rgba(8,205,255,.12)}.floating-label-center input.input::-moz-placeholder,.floating-label-center select.dropdown::-moz-placeholder,.floating-label-left input.input::-moz-placeholder,.floating-label-left select.dropdown::-moz-placeholder{color:#cdcecd;opacity:1}.floating-label-center input.input::placeholder,.floating-label-center select.dropdown::placeholder,.floating-label-left input.input::placeholder,.floating-label-left select.dropdown::placeholder{color:#cdcecd;opacity:1}.floating-label-center.select-arrow:after,.floating-label-left.select-arrow:after{content:"▼";position:absolute;right:12px;top:45%;transform:translateY(-50%);color:#d2d2d2;pointer-events:none;font-weight:700;z-index:1}.floating-label-center label,.floating-label-left label{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:1em;font-weight:700;background:#d2d2d2;padding:0 10px;border-radius:8px;border:2px solid #d2d2d2;color:#fff;pointer-events:none;z-index:1}.floating-label-left label{top:-15px;left:50px;font-size:1em}.input-wrapper{position:relative}.input-wrapper input[type=number]{-moz-appearance:textfield}.input-wrapper input[type=number]::-webkit-inner-spin-button,.input-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrapper .spinner-buttons{position:absolute;right:.4em;top:.15em}.input-wrapper .spinner-buttons button{background:none;border:none;padding:0;font-size:.7em;line-height:1em;height:1em;cursor:pointer}.input-wrapper .spinner-buttons button:disabled{opacity:.4}.gu-mirror.block-vis{border-bottom:0}.gu-mirror.block-vis .parent{min-width:100%;border-bottom-width:0}.gu-mirror.block-vis .parent .full{color:#fff;border:none;width:fit-content;width:-moz-fit-content}.gu-mirror.block-vis .parent .full .parent{border-top-width:0}.gu-mirror.block-vis .parent .full .parent.psdVar{padding-left:0}.gu-mirror.block-vis .parent .full .parent.psdVar p{margin:0;padding:0}.gu-mirror.block-vis .parent p{color:#fff;margin-left:0;margin-right:5px;display:inline;vertical-align:middle}.gu-mirror.block-vis .parent p.operator-select{margin-right:0}.gu-mirror.block-vis .parent .title{color:#fff;padding-top:5px;padding-bottom:10px}.gu-mirror.block-vis .parent .condition{min-width:150px;margin-bottom:-10px;border-radius:8px}.gu-mirror.block-vis .parent .blockEntry.value.hidden{display:none}.gu-mirror.block-vis .parent .value{display:inline-block;min-height:25px;vertical-align:middle}.gu-mirror.block-vis .parent.block-condition,.gu-mirror.block-vis .parent.block-loop{background-color:#f78360;border:2px solid #dc5132;border-radius:8px;padding:5px 10px 5px 15px;font-size:16px}.gu-mirror.block-vis .parent.block-condition input[type=number],.gu-mirror.block-vis .parent.block-condition select,.gu-mirror.block-vis .parent.block-loop input[type=number],.gu-mirror.block-vis .parent.block-loop select{background-color:#dc5132;border-radius:8px;border:2px solid #c24a2b}.gu-mirror.block-vis .parent.block-condition input[type=number],.gu-mirror.block-vis .parent.block-loop input[type=number]{color:inherit;font-size:inherit;padding:1px 6px;height:auto;vertical-align:middle;line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;box-sizing:border-box;outline:none}.gu-mirror.block-vis .parent.block-condition .block-function,.gu-mirror.block-vis .parent.block-loop .block-function{width:100%;padding:5px 10px;border:2px solid #008fe0;border-radius:8px;background-color:#08cdff;color:#fff}.gu-mirror.block-vis .parent.block-condition .block-function select,.gu-mirror.block-vis .parent.block-loop .block-function select{background-color:#1e95d9;border:2px solid #008fe0;border-radius:8px}.gu-mirror.block-vis .parent.block-condition .block-function .parent,.gu-mirror.block-vis .parent.block-loop .block-function .parent{border:none}.gu-mirror.block-vis .parent.block-condition .block-function .parent .full,.gu-mirror.block-vis .parent.block-loop .block-function .parent .full{background-color:transparent}.gu-mirror.block-vis .parent.block-condition .block-function>.parent.options,.gu-mirror.block-vis .parent.block-loop .block-function>.parent.options{display:flex;align-items:center;gap:.5em}.gu-mirror.block-vis .parent.block-condition .block-function .breakpoint,.gu-mirror.block-vis .parent.block-loop .block-function .breakpoint{display:none}.gu-mirror.block-vis .parent.block-condition .branch,.gu-mirror.block-vis .parent.block-loop .branch{display:block;height:auto;background-color:#c24a2b;border:2px solid #dc5132;border-radius:8px;padding-bottom:15px}.gu-mirror.block-vis .parent.block-condition .branch.condition-false:before,.gu-mirror.block-vis .parent.block-condition .branch.condition-true:before,.gu-mirror.block-vis .parent.block-loop .branch.condition-false:before,.gu-mirror.block-vis .parent.block-loop .branch.condition-true:before{content:attr(data-label);display:block;text-align:left;color:#fff;font-weight:700}.gu-mirror.block-vis .parent.block-condition .branch.condition-false,.gu-mirror.block-vis .parent.block-loop .branch.condition-false{margin-top:5px}.gu-mirror.block-vis .parent .nested{min-width:100px}.gu-mirror.block-vis .parent .block-function .parent{border:none}.gu-mirror.block-vis .parent .var-input{display:inline-block;margin-top:0}.gu-mirror.block-vis.block-function{width:-moz-max-content;width:max-content;min-width:-moz-max-content;min-width:max-content;height:42px!important;padding:5px 10px;border:2px solid #008fe0;border-radius:8px;background-color:#08cdff;color:#fff}.gu-mirror.block-vis.block-function select{background-color:#1e95d9;border:2px solid #008fe0;border-radius:8px}.gu-mirror.block-vis.block-function .parent{border:none}.gu-mirror.block-vis.block-function .parent .full{background-color:transparent}.gu-mirror.block-vis.block-function>.parent.options{display:flex;align-items:center;gap:.5em}.gu-mirror.block-vis.block-function .breakpoint{display:none}.gu-mirror.block-vis .var-input{margin-top:5px;display:inline-block;margin-top:0}.gu-mirror.block-vis select{border:none;padding-bottom:0;height:auto;vertical-align:middle}.gu-mirror.block-vis select:focus{outline:2px solid transparent;outline-offset:2px}.variable.options.no-drag.block-vis{display:flex;align-items:center;gap:.5em}.variable.options.no-drag.block-vis .breakpoint{margin-right:0}.variable.options.no-drag.block-vis .preview{margin-left:0}body{background-color:var(--bg,#fdeae4);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{height:100vh;height:100dvh;overflow:hidden;flex-direction:column;background:var(--bg);color:var(--ink-900)}.app-content,.app-shell{min-height:0;display:flex}.app-content{flex:1;flex-direction:column;padding:26px 32px;overflow-y:auto;overscroll-behavior:contain}.app-content.is-bleed{padding:0;overflow:hidden}.bare-layout{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}*{font-family:inherit}.global-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg,#fdeae4);animation:globalOverlayIn .3s cubic-bezier(.22,1,.36,1) both}@keyframes globalOverlayIn{0%{opacity:0}to{opacity:1}}.page-transition-container{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-content:not(.is-bleed)>.page-transition-container{flex:1 0 auto;overflow:visible}.page-loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg,#fdeae4)}.content-enter-active{transition:opacity .24s ease-out,transform .28s cubic-bezier(.2,.7,.3,1);will-change:opacity,transform}.content-enter-from{opacity:0;transform:translateY(6px)}.content-leave-active{transition:opacity .12s ease-in,transform .12s ease-in;will-change:opacity,transform}.content-leave-to{opacity:0;transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.content-enter-active{transition:opacity .14s ease}.content-leave-active{transition:opacity .1s ease}.content-enter-from,.content-leave-to{transform:none}}:root[data-cq-calm] .content-enter-active{transition:opacity .14s ease}:root[data-cq-calm] .content-leave-active{transition:opacity .1s ease}:root[data-cq-calm] .content-enter-from,:root[data-cq-calm] .content-leave-to{transform:none}.page-enter-active{transition:opacity .25s ease}.page-leave-active{transition:opacity .08s ease}.page-enter-from,.page-leave-to{opacity:0}.white-svg{fill:#fff}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:#1de573;animation:loaderFadeIn .3s ease both}.loader.loader-error{color:#474747;font-weight:400}@keyframes loaderFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.game-loader{position:absolute;top:50%;left:50%;display:flex;transform:translate(-50%,-50%);width:100%;height:100%;background:hsla(0,0%,100%,.6)}.game-loader,.statistic-loader{align-items:center;justify-content:center;fill:#08cdff}.switch-loader{fill:#1de573;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.85);backdrop-filter:blur(4px);pointer-events:all;animation:loaderOverlayIn .2s ease both}@keyframes loaderOverlayIn{0%{opacity:0}to{opacity:1}}

/*! @import */*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.mb-2{margin-bottom:10px}.ml-1{margin-left:5px}.mt-1{margin-top:5px}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-4{height:20px}.w-4{width:20px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:10px}.gap-4{gap:20px}.object-contain{-o-object-fit:contain;object-fit:contain}.p-2{padding:10px}.pb-1{padding-bottom:5px}.pt-2{padding-top:10px}.font-bold{font-weight:700}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}