:root{--background-color: rgba(36, 81, 149, 1);--background-image: url(/dev0land/assets/background-rFlngZHN.svg);--main-theme-color: #007bff;--site-background-color: #fff;--size-light-background-color: rgba(255, 255, 255, .3);--site-backdrop-blur: 2px;--site-border-radius: 20px;--light-font-color: #fff;--dark-font-color: #000;--main-font-family: "Roboto", sans-serif;--container-margin: 20px}*{box-sizing:border-box}body{overflow-y:scroll;margin:0;font-family:var(--main-font-family),sans-serif;font-weight:300;background-color:var(--background-color);background-image:var(--background-image);background-repeat:repeat;background-size:15%}h1,h2,h3,h4,h5,h6{font-family:Doto,serif;font-weight:800}.headline--low-margin{margin:10px 0}a,.clickable,.fake-link{text-decoration:none;color:inherit;cursor:pointer}a:hover,.fake-link:hover{text-decoration:underline}.hidden-href-link:hover{text-decoration:none}.flex--horizontal{display:flex;flex-direction:row}.flex--vertical{display:flex;flex-direction:column}.flex--wrap{flex-wrap:wrap}.flex--align-center{align-items:center}.flex--justify-center{justify-content:center}.flex--space-between{justify-content:space-between}.flex--small-gap{gap:10px}.flex--middle-gap{gap:30px}.text-align--center{text-align:center}.text-align--right{text-align:right}.text-align--left{text-align:left}.big-font{font-size:1.1em}.small-font{font-size:.9em}.very-small-font{font-size:.7em}.display-none{display:none}.no-margin{margin:0}.width--full{width:100%}.module-selection{margin:40px auto;flex-wrap:wrap;gap:40px;justify-content:center}.module-card-container{gap:20px}.module-card{--progress-height: 10px;--background: hsl(0 0% 100% / .5);width:300px;aspect-ratio:4 / 3;position:relative;border-radius:2rem;overflow:hidden;color:#000}.module-card__img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1 + (var(--hover, 0) * .25))) rotate(calc(var(--hover, 0) * -5deg));transition:transform .2s}.module-card__footer{padding:10px;position:absolute;bottom:var(--progress-height);left:0;width:100%;background:var(--background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center}.module-card__progress{position:absolute;bottom:0;left:0;width:100%;height:var(--progress-height);background:var(--background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.module-card__options{background:var(--site-background-color);height:0;overflow:hidden;transition:all .2s;display:flex;gap:30px;justify-content:center}.module-card-container:is(:hover,:focus-visible){--hover: 1}.module-card-container:is(:hover,:focus-visible) .module-card__options{height:100px}.progress-bar{width:100%}.progress-bar__bar{border:1px solid var(--dark-font-color)}.progress-bar__bar:has(.progress-bar__percent){margin-bottom:20px}.progress-bar__progress{position:relative;height:10px;background-color:var(--main-theme-color)}.progress-bar__percent{position:absolute;right:-20px;top:15px}.challenge-view{text-align:left}.button--main{background-color:var(--main-theme-color);color:var(--site-background-color);border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.button--main[disabled]{opacity:.7;cursor:not-allowed}.button--small{padding:5px 10px;border-radius:3px}.button--simple{background-color:transparent;color:inherit;border:none;cursor:pointer}.button--danger{background-color:orange}.button--error{background-color:red}.button--main:not([disabled]):hover,.button--error:not([disabled]):hover,.button--danger:not([disabled]):hover{opacity:.9}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;flex-direction:column;justify-content:center;z-index:1000;align-items:center}.modal__content{overflow-y:auto;max-width:600px;width:100%;background-color:var(--site-background-color);position:relative;padding:0 20px 20px}.modal__close{position:absolute;right:0}.modal__symbol{width:30px}.modal__karin{position:fixed;z-index:1000;bottom:-50px;left:10px}.karin-container{width:100px}.karin-container img{width:100%}.tab-container__equal-tab-size .tab{flex:1 1 0;width:0}.card{box-shadow:0 4px 6px #0000001a;padding:15px}.tab{padding:7px}.tab:hover{background-color:#f2f2f2}.tab.tab--active{background-color:#d9d9d9}.robot-container img{width:100%}.robot-container img:hover{cursor:pointer;transform:scale(1.1) rotate(5deg);transition:transform .1s}.code-block{background-color:#000;color:#fff;padding:10px;line-height:20px;text-align:left;margin:0;overflow:auto;display:flex;flex-direction:column-reverse}.code-block_block{padding:10px 0}.code-block_block:hover{background-color:#333}.code-block__success{color:#0f0}.code-block__error{color:#fff}.code-block__highlight .code-block__success{background-color:green}.code-block__highlight .code-block__error{background-color:red}.maze-map__outer-container{display:flex;width:100%;height:100%}.maze-map{width:100%;display:flex;align-items:stretch}.maze-map__row-container{width:100%}.maze-map__row{flex:1 1 0}.cell{--line-width: 6px;--line-length: 50%;--border: 1px solid gray;--hover-opacity: .6;flex:1 1 0;position:relative;border-right:var(--border);border-bottom:var(--border)}.cell--clickable{cursor:pointer}.cell--empty,.maze-map--start-active:hover .cell--start,.maze-map--end-active:hover .cell--end{background-color:#fff}.cell--empty.cell--clickable:hover{background-color:#f0f0f0}.cell--wall{background-color:#595959}.cell--wall.cell--clickable:hover{background-color:#666}.cell--wall-fixed{background-color:#444}.cell--intermediate-goal{background-color:#fc0}.cell--end{background-image:url(/dev0land/assets/finish-line-Cn7VyHx0.png);background-size:contain}.maze-map--end-active .cell--clickable:hover{background-color:rgba(0,153,0,var(--hover-opacity))}.cell--marked{background-color:#69f}.maze-map--marked-active .cell--clickable:hover{background-color:rgba(102,153,255,var(--hover-opacity))}.cell--start{background-color:red}.maze-map--start-active .cell--clickable:hover{background-color:rgba(255,0,0,var(--hover-opacity))}.cell .line{position:absolute}.cell .line--up{width:var(--line-width);height:var(--line-length);top:0;left:50%}.cell .line--down{width:var(--line-width);height:var(--line-length);bottom:0;left:50%}.cell .line--left{height:var(--line-width);width:calc(var(--line-length) + var(--line-width));left:0;top:50%}.cell .line--right{height:var(--line-width);width:var(--line-length);right:0;top:50%}.line--path0{z-index:1}.line--path1{translate:3px -3px;z-index:2}.line--path2{translate:-3px 3px;z-index:3}.line--on-field{border-radius:100%;height:50%;width:50%;margin-top:calc(25% + var(--line-width) / 2);margin-left:calc(25% + var(--line-width) / 2);display:flex;justify-content:center;align-items:center}.line--on-field img{width:60%}.maze-algorithms-experiment-view{gap:30px}.maze-algorithms-experiment-view__map{aspect-ratio:1 / 1}.maze-algorithms-experiment-view>*{flex:1 1 0;width:0}.maze-experiment-control{flex:1 1 0;height:100%}.maze-experiment-control__logs{flex:1 1 70px;overflow-y:auto;min-height:0}.maze-experiment-control__logs .code-block{height:100%;overflow-y:scroll}.maze-experiment-control-buttons button{flex:1 1 0;border-radius:0}.maze-experiment-control-buttons button img{width:20px}.selectable-card{cursor:pointer;box-shadow:0 4px 6px #0000001a;transform:scale(1);transition:transform .2s ease,box-shadow .2s ease;max-width:300px}.selectable-card--background{opacity:.5}.selectable-card__body{padding:10px 20px 20px}.selectable-card:hover,.selectable-card--highlighted{transform:scale(1.05);box-shadow:0 6px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}.robot-selection{gap:20px}.robot-selection__robots{gap:30px;flex-wrap:wrap}.character{width:150px;height:150px}.character__container{position:relative;width:100%;height:100%}.character__container>div{position:absolute;width:100%;height:100%;background-size:1000% 1000%}.scratch-blocks-editor{width:100%;height:100%;text-align:initial}.scratch-blocks-editor--view-only .blocklyFlyout{opacity:.5!important}.maze-coding-laboratory-view.flex--horizontal>*{flex:1 1 0;width:0;min-width:0}.maze-coding-laboratory-view.flex--vertical>*{flex:1 1 auto;width:100%;min-width:0;min-height:0}.maze-coding-laboratory-view.flex--vertical .scratch-blocks-editor{height:300px}.maze-coding-laboratory-view__component{aspect-ratio:1 / 1;width:100%}.maze-coding-laboratory-view__code-editor{flex:1 1 auto;height:auto}.single-block-view{height:45px;width:200px}.single-block-view .blocklyScrollbarHorizontal,.single-block-view .blocklyScrollbarVertical{display:none!important}.maze-coding-reach-end-task-challenge .maze-coding-reach-end-task-challenge__description{width:60%}.maze-coding-reach-end-task-challenge .maze-coding-reach-end-task-challenge__experiment-view{width:40%}.maze-coding-reach-end-task-challenge .maze-coding-reach-end-task-challenge__button-container{margin:16px 0}.accordion-item{border:1px solid #e0e0e0;overflow:hidden;text-align:left}.accordion-header{width:100%;padding:16px}.accordion-header:hover{background-color:#f7f7f7}.accordion-header h4{margin:0}.accordion-icon{width:24px;height:24px;object-fit:contain}.accordion-indicator{font-size:22px;line-height:1}.accordion-content{overflow:hidden;max-height:0;transition:max-height .24s ease}.accordion-content-inner{padding:0 16px 16px;transition:opacity .18s ease;opacity:0}.accordion-content[aria-hidden=false] .accordion-content-inner,.accordion-content-inner[aria-hidden=false]{opacity:1}.accordion-content button{padding:8px 12px;border-radius:8px;border:1px solid #ccc;cursor:pointer}.accordion-header.blink{animation:accordion-header-blink 1s ease-in-out infinite;background-color:transparent}@keyframes accordion-header-blink{0%{background-color:#ff00}20%{background-color:#ffff00a6}50%{background-color:#ffff0059}to{background-color:#ff00}}.labeled-maze-add-button{border-radius:100%;width:50px;height:50px}.labeled-maze-card__header{justify-content:space-between;background-color:#f2f2f2}.labeled-maze-card__button{border-radius:0;align-self:stretch}.labeled-maze-card__map-container{width:150px;height:150px}.labeled-maze-card__robots{position:absolute;bottom:-40px;left:0;justify-content:center;width:100%}.labeled-maze-selection-container{margin-top:30px;margin-bottom:40px}.labeled-maze-selection{gap:70px 40px;flex-wrap:wrap}.module-card-option{max-width:90px;width:90px;height:auto;justify-content:center;align-items:center;gap:5px;padding:10px;border:1px dashed var(--dark-font-color)}.module-card-option img{width:40px}.module-card-option--small{max-width:60px;width:60px;height:60px;padding:5px;font-size:.7em}.module-card-option--small img{width:25px}.module-legend{margin-top:25px;text-align:left}.module-legend__description{font-size:.8em}.split-layout{gap:30px;width:100%;justify-content:center}.split-layout--vertical-centered{align-items:center}.split-layout>*{flex:1 0 0}nav{align-items:center;gap:20px;padding:15px 20px;color:var(--light-font-color);background-color:var(--size-light-background-color);box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(var(--site-backdrop-blur));backdrop-filter:blur(var(--site-backdrop-blur))}.navbar__logo-container{width:170px}.navbar__logo-container img{width:100%}.navbar__links-container{flex:1;gap:25px}.language-selection img{width:20px;height:13.5px}.container{margin:0 auto;padding:0 25px}.main-container{position:relative;color:var(--dark-font-color);background-color:var(--site-background-color);padding:20px 30px 30px;margin:var(--container-margin) auto;box-shadow:0 0 10px #0000001a;width:100%;text-align:center;border-radius:var(--site-border-radius) var(--site-border-radius) 0 0}footer{width:100%;margin:50px auto;padding:0 25px}.footer__inner{gap:50px;justify-content:space-evenly;flex-wrap:wrap;background-color:var(--size-light-background-color);-webkit-backdrop-filter:blur(var(--site-backdrop-blur));backdrop-filter:blur(var(--site-backdrop-blur));padding:30px 10px;color:var(--light-font-color);border-radius:0 0 var(--site-border-radius) var(--site-border-radius)}.footer_link-container{gap:7px}.footer__image-side-text-container{gap:30px;max-width:100%}.image-side-text{gap:30px;align-items:center}.image-side-text__img-container{width:150px}.image-side-text__img-container img{width:100%}.image-side-text__text{width:250px}.info-message{border:1px solid;padding:5px 10px;justify-content:space-between}.info-message__content{align-items:center}.info-message--info{color:#00529b;background-color:#bde5f8}.info-message--success{color:#4f8a10;background-color:#dff2bf}.info-message--warning{color:#9f6000;background-color:#feefb3}.info-message--error{color:#d8000c;background-color:#ffbaba}.info-messages{margin:var(--container-margin) 0}.form{align-items:center;gap:30px;margin-top:30px}.input--main{border:1px solid transparent;width:100%;max-width:250px}.input--main:focus{outline:none;border:1px solid var(--dark-font-color)}.label{align-items:center;gap:30px;box-shadow:0 6px 10px #0000001a}.label__text{width:fit-content;padding:10px}.label__content>*{padding:10px}.character-edit{gap:30px}.character-edit__buttons{display:flex;justify-content:space-evenly}.character-edit__buttons a{font-size:1.4em;font-weight:bolder;cursor:pointer;-webkit-user-select:none;user-select:none}.module-progress{justify-content:center;flex-wrap:wrap;gap:40px}.unlocked-items{flex-wrap:wrap;justify-content:center}.unlocked-items .unlocked-items__item{height:70px;width:70px}.unlocked-items__item--locked{opacity:.4}.module-info__img-header{background-size:cover;background-position:center;height:200px;width:100%}.absolute-container{position:relative;width:100%}.level-selection{margin:60px auto 40px}.level-selection svg{position:absolute;left:0;top:0;width:100%}.level-selection .character{width:100px;height:100px}.level-button{padding:30px;position:relative;background:#fff;border-radius:10px;box-shadow:0 6px 10px #0003;width:fit-content}.level-button--locked{background:#f0f0f0;color:#b0b0b0;cursor:not-allowed}.level-button__done-checkmark img{width:40px;position:absolute;right:-10px}.level-button__type{position:absolute;left:-10px;top:-10px}.level-button__type img{width:30px}.level-button__reward{position:absolute;width:30px;height:30px;left:10px;bottom:-10px}.level-selection-introduction-modal_mapping{gap:30px;margin:10px 0}.level-selection-introduction-modal_mapping p{max-width:200px}.level-selection-introduction-modal_character-attribute{width:30px;height:30px}.level-selection-introduction-modal__type img{width:30px}.module-layout{justify-content:space-between;margin-bottom:10px;align-items:center}.module-layout__side{width:300px;font-size:.9em}.module-layout__side--left{text-align:left}.module-layout__side--right{text-align:right}.module-layout__expand-button{position:absolute;transform:rotate(90deg);width:165px;top:100px;right:-93px;color:var(--light-font-color)}.module-layout__expand-button img{width:20px}.story-view{--story-backgound-color: #ffd;--black: #000;--px: 4px;background-position:center;background-size:cover;margin-top:30px;width:100%;height:500px;position:relative;font-family:"Press Start 2P",cursive;box-shadow:0 calc(-1 * var(--px)) var(--story-backgound-color),0 calc(-2 * var(--px)) var(--black),var(--px) 0 var(--story-backgound-color),var(--px) calc(-1 * var(--px)) var(--black),calc(2 * var(--px)) 0 var(--black),0 var(--px) var(--story-backgound-color),0 calc(2 * var(--px)) var(--black),calc(-1 * var(--px)) 0 var(--story-backgound-color),calc(-1 * var(--px)) var(--px) var(--black),calc(-2 * var(--px)) 0 var(--black),calc(-1 * var(--px)) calc(-1 * var(--px)) var(--black),var(--px) var(--px) var(--black)}.story-view__narrator{text-align:left;padding:10px;font-size:12px;border-bottom:2px solid;border-right:2px solid;width:fit-content;background-color:var(--story-backgound-color)}.story-view__option-container{position:absolute;bottom:0;width:100%;border-top:2px solid;padding-top:5px;background-color:var(--story-backgound-color)}.story-view__option{font-family:inherit;font-size:.7em;flex:1 1 0}button.story-view__option:hover:before{content:">"}.speech-bubble{display:flex;align-items:flex-start;font-family:"Press Start 2P",cursive;font-size:10px}.speech-bubble.left{flex-direction:row}.speech-bubble.right{flex-direction:row-reverse}.speech-bubble.top{flex-direction:column}.speech-bubble.bottom{flex-direction:column-reverse}.bubble1{--black: #000;--white: #fff;--shadow: rgba(0, 0, 0, .1);--px: 4px;position:relative;display:inline-block;margin:calc(5 * var(--px));text-align:center;line-height:1.3em;background-color:#fff;color:var(--black);padding:var(--px);box-shadow:0 calc(-1 * var(--px)) var(--white),0 calc(-2 * var(--px)) var(--black),var(--px) 0 var(--white),var(--px) calc(-1 * var(--px)) var(--black),calc(2 * var(--px)) 0 var(--black),0 var(--px) var(--white),0 calc(2 * var(--px)) var(--black),calc(-1 * var(--px)) 0 var(--white),calc(-1 * var(--px)) var(--px) var(--black),calc(-2 * var(--px)) 0 var(--black),calc(-1 * var(--px)) calc(-1 * var(--px)) var(--black),var(--px) var(--px) var(--black);box-sizing:border-box;width:200px}.bubble1:after{content:"";display:block;position:absolute;box-sizing:border-box}.bubble1.shadow{box-shadow:0 calc(-1 * var(--px)) var(--white),0 calc(-2 * var(--px)) var(--black),var(--px) 0 var(--white),var(--px) calc(-1 * var(--px)) var(--black),calc(2 * var(--px)) 0 var(--black),0 var(--px) var(--white),0 calc(2 * var(--px)) var(--black),calc(-1 * var(--px)) 0 var(--white),calc(-1 * var(--px)) var(--px) var(--black),calc(-2 * var(--px)) 0 var(--black),calc(-1 * var(--px)) calc(-1 * var(--px)) var(--black),var(--px) var(--px) var(--black),var(--px) calc(3 * var(--px)) var(--shadow),calc(3 * var(--px)) var(--px) var(--shadow),calc(2 * var(--px)) calc(2 * var(--px)) var(--shadow)}.bubble1.grow{width:max-content;max-width:250px}.bubble1.bottom:after{height:var(--px);width:var(--px);top:calc(-2 * var(--px));left:calc(8 * var(--px));box-shadow:0 calc(-1 * var(--px)) var(--black),0 calc(-2 * var(--px)) var(--black),0 calc(-3 * var(--px)) var(--black),0 calc(-4 * var(--px)) var(--black),calc(-1 * var(--px)) calc(-3 * var(--px)) var(--black),calc(-2 * var(--px)) calc(-2 * var(--px)) var(--black),calc(-3 * var(--px)) calc(-1 * var(--px)) var(--black),calc(-1 * var(--px)) calc(-1 * var(--px)) var(--white),calc(-2 * var(--px)) calc(-1 * var(--px)) var(--white),calc(-1 * var(--px)) calc(-2 * var(--px)) var(--white),calc(-1 * var(--px)) 0 var(--white),calc(-2 * var(--px)) 0 var(--white),calc(-3 * var(--px)) 0 var(--white)}.bubble1.left:after{height:var(--px);width:var(--px);top:calc(4 * var(--px));right:calc(-2 * var(--px));background:var(--white);box-shadow:calc(1 * var(--px)) calc(-1 * var(--px)) var(--white),calc(1 * var(--px)) 0 var(--white),calc(2 * var(--px)) 0 var(--white),0 calc(-2 * var(--px)) var(--white),calc(1 * var(--px)) calc(1 * var(--px)) var(--black),calc(2 * var(--px)) calc(1 * var(--px)) var(--black),calc(3 * var(--px)) calc(1 * var(--px)) var(--black),calc(4 * var(--px)) calc(1 * var(--px)) var(--black),calc(3 * var(--px)) 0 var(--black),calc(2 * var(--px)) calc(-1 * var(--px)) var(--black),calc(1 * var(--px)) calc(-2 * var(--px)) var(--black),0 calc(-1 * var(--px)) var(--white)}.bubble1.top:after{height:var(--px);width:var(--px);bottom:calc(-2 * var(--px));left:calc(8 * var(--px));box-shadow:0 var(--px) var(--black),0 calc(2 * var(--px)) var(--black),0 calc(3 * var(--px)) var(--black),0 calc(4 * var(--px)) var(--black),calc(-1 * var(--px)) calc(3 * var(--px)) var(--black),calc(-2 * var(--px)) calc(2 * var(--px)) var(--black),calc(-3 * var(--px)) calc(1 * var(--px)) var(--black),calc(-1 * var(--px)) var(--px) var(--white),calc(-2 * var(--px)) var(--px) var(--white),calc(-1 * var(--px)) calc(2 * var(--px)) var(--white),calc(-1 * var(--px)) 0 var(--white),calc(-2 * var(--px)) 0 var(--white),calc(-3 * var(--px)) 0 var(--white)}.bubble1.right:after{height:var(--px);width:var(--px);top:calc(5 * var(--px));left:calc(-2 * var(--px));background:var(--white);box-shadow:calc(-1 * var(--px)) calc(-1 * var(--px)) var(--white),calc(-1 * var(--px)) 0 var(--white),calc(-2 * var(--px)) 0 var(--white),0 calc(-2 * var(--px)) var(--white),calc(-1 * var(--px)) calc(1 * var(--px)) var(--black),calc(-2 * var(--px)) calc(1 * var(--px)) var(--black),calc(-3 * var(--px)) calc(1 * var(--px)) var(--black),calc(-4 * var(--px)) calc(1 * var(--px)) var(--black),calc(-3 * var(--px)) 0 var(--black),calc(-2 * var(--px)) calc(-1 * var(--px)) var(--black),calc(-1 * var(--px)) calc(-2 * var(--px)) var(--black),0 calc(-1 * var(--px)) var(--white)}.story-controls{margin-top:30px;justify-content:center;gap:20px}.story-controls img{width:50px}.finished-level-modal__reward-text{margin-bottom:10px}.finished-level-modal__reward{height:40px;width:40px}.finished-level-modal__button-container{margin-top:20px;justify-content:space-between}.maze-editor{gap:20px}.maze-editor__map{width:400px;height:400px}.maze-editor__buttons{width:100%}.maze-editor__buttons>button{border-radius:0;flex:1 1 0}.maze-editor__warning{color:#9f6000}.style-guide__font{padding:10px;font-size:.8em;border:1px dashed var(--dark-font-color)}.style-guide__font h4{font-family:inherit}.style-guide__graphic img{max-width:50px;width:100%}.style-guide__color div:first-child{height:50px;width:70px;border:1px solid var(--dark-font-color);margin-bottom:5px}