:root{--winter-blue-light: #e0f2f1;--winter-blue-semi-light: #b2dfdb;--winter-blue-medium: #80cbc4;--winter-blue-dark: #4db6ac;--winter-blue-very-dark: #225450;--off-black: #212121;--soft-shadow: rgba(0, 0, 0, .05);--off-white: #fdfdfd;--red: #f44336;--green: #4caf50;--blue: #2196f3;--yellow: #ffeb3b;--purple: #9c27b0;--default-font: "Gill Sans", "Gill Sans MT", "Fira Sans", Calibri, "Trebuchet MS", "Arial", "Helvetica", sans-serif}::-moz-selection{color:var(--winter-blue-light);background:var(--winter-blue-dark)}::selection{color:var(--winter-blue-light);background:var(--winter-blue-dark)}body{overflow:hidden;background-color:var(--winter-blue-light);width:100%;height:100%;margin:0;font-family:var(--default-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.board-container{width:100%;height:100%;display:flex;overflow:hidden;justify-content:center;align-items:center;margin:0;padding:0}.button-control{background-color:var(--winter-blue-medium);color:#000;padding:6px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:18px;height:35px;border:none;margin:5px;opacity:.8;border-radius:9px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:ease-in .25s}.back-button{padding:5px;font-size:12px;border-radius:6px}.button-control:hover{opacity:1}.button-control:active{background-color:var(--winter-blue-dark)}.button-control:disabled,.button-control[aria-disabled=true]{opacity:.25;cursor:default}.resize-handle{background-color:#d3d3d3;border:1px solid lightgray;transition:50ms;opacity:.5}.resize-handle:hover{background-color:var(--winter-blue-medium);border:1px solid var(--winter-blue-medium);transition:50ms}.log-output{width:100%;height:100%;border:none;resize:none;-webkit-user-select:text;user-select:text;box-sizing:border-box;transition:.15s;scrollbar-width:thin;scrollbar-color:var(--winter-blue-semi-light) var(--winter-blue-light);padding:7.5px 7.5px 35px}.log-output:hover{transition:.15s;border:none}.log-output:focus{outline:none}.log-output-label{padding:6px 6px 3px;font-size:10px;font-weight:700;color:gray;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:baseline;-webkit-user-select:none;user-select:none;word-break:keep-all}.editor-header{height:2.5em;min-height:2em;padding:0 6px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:baseline;width:calc(100% - 12px);background:var(--winter-blue-light);filter:drop-shadow(0 0px 5px var(--winter-blue-light))}.log-output-line,.editor-header-line{width:100%;padding-top:4px;border-bottom:1px solid lightgray}.editor-header-comment{display:inline;opacity:.75;font-size:x-small}.playfield-button,.editor-header-button{background-color:var(--winter-blue-medium);color:#000;padding:4px 11px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;width:3.5em;margin:5px;opacity:.5;border:none;border-radius:9px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:ease-in .15s}.playfield-button:hover,.editor-header-button:hover{opacity:1}.playfield-button:active,.editor-header-button:active{background-color:var(--winter-blue-dark)}.editor-header-button:disabled,.editor-header-label:has(+.editor-header-button:disabled){opacity:.1;cursor:default}.editor-header-label{transition:ease-in .15s}.editor-current-line,.editor-current-line-root{background-color:var(--winter-blue-medium);opacity:.25}.editor-current-line-margin{width:0!important;height:0!important;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid var(--winter-blue-dark);margin:3px}.editor-current-line-root{background-color:var(--purple)}.editor-current-line-root-margin{width:10px!important;height:10px!important;border-radius:2px;background-color:var(--purple);margin:3px 3px 3px 5px}.editor-error-line,.editor-error-line-root{background-color:var(--red);opacity:.25}.editor-error-line-margin,.editor-error-line-root-margin{width:10px!important;height:10px!important;border-radius:2px;background-color:var(--red);margin:3px 3px 3px 5px}.score-label{font-size:12px;font-weight:700;margin:5px;-webkit-user-select:none;user-select:none;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;padding:3px;border-radius:5px;position:absolute;right:5px;top:5px}.flex-fill{flex:1}.playfield-controls{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;width:max-content}.editor-container-outer,.editor-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;position:relative;width:100%;height:100%}.editor-container{height:calc(100% - 2.5em)}.playfield-lower-left-controls{position:absolute;bottom:0}div[role=tooltip]{fill-opacity:.5;font-size:12px}.game-tooltip{position:absolute;-webkit-user-select:none;user-select:none;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:6.5px;padding:7.5px 10px;font-size:15px;z-index:99;margin:12px;word-break:break-all}.game-tooltip .title{font-weight:700;font-size:larger}.game-tooltip .features,.game-tooltip .position{padding-top:4px;font-style:italic;font-size:smaller}.grid-container{display:grid;gap:4px}.grid-element{box-sizing:border-box;border:1px solid #ccc;cursor:pointer;width:14px;height:14px}.help-container{position:relative;display:inline-block}.help-box{position:absolute;left:0;margin-top:8px;width:250px;padding:12px;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:3px 3px 8px #00000026}.help-text{font-size:14px;color:#374151;margin-bottom:8px}.help-controls{display:flex;justify-content:space-between;align-items:center}.help-index{font-size:12px;color:#6b7280}.help-welcome{display:flex;flex-direction:column;align-items:center}.level-welcome-component{position:absolute;bottom:5px;right:10px}.level-welcome-image{transition:ease-in-out .25s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.level-welcome-image:hover{scale:1.1}.level-welcome-image:active{scale:1.25;transition:ease-in-out .1s;-webkit-user-select:none;user-select:none}#level-welcome-output-div{position:absolute;bottom:16px;right:70px;width:21em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000005d;border-radius:5px;padding:10px 12px;color:#fff;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;font-size:18px;max-width:60vw;min-height:2.5em;-webkit-user-select:none;user-select:none}#level-welcome-output-div em{font-style:italic;color:#fff}.level-map-preview{position:absolute;right:15px;bottom:15px;max-height:90%;width:40%}.menu-screen-container{position:absolute;width:100%;height:100%}.game-end-button{border:none;width:4vw;max-height:4vw;min-height:20px;height:4vw;transition:ease-in .25s;background-color:transparent;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.game-end-main-menu{left:15%;bottom:15%}.game-end-replay{left:calc(15% + 5vw);bottom:15%}.game-end-next{right:20%;bottom:15%}.game-end-button:hover{scale:1.3}.game-end-button:active{scale:.9;transition:ease-in .1s}.modal{border-radius:32px;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin-right:-50%;border:none;transition:ease-in .25s;transform-origin:center;overflow:hidden;position:absolute}.game-end-modal{height:28.125vw;background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated;animation:pop-in-from-center .45s,small-wobble 22s infinite;width:50vw}.yes-no-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#fefcfb4d;border:var(--winter-blue-dark) solid 1px;filter:drop-shadow(2px 2px 10px var(--winter-blue-medium));padding:25px}.yes-no-modal-error{filter:drop-shadow(2px 2px 10px #f77);border:#d00 solid 1px}.yes-no-modal-button{background-color:var(--winter-blue-medium);text-align:center;text-decoration:none;display:inline-block;font-weight:5400;width:100px;padding:10px;margin:6px 24px;opacity:.6;border:none;border-radius:9px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:ease-in .15s}.yes-no-modal-button:hover{opacity:1;transform:scale(1.1)}.yes-no-modal-button:active{background-color:var(--winter-blue-dark);transform:scale(.9)}@keyframes pop-in-from-center{0%{height:0;width:0;opacity:.3}60%{height:calc(.5625 * 50vw * 1.235);width:calc(50vw * 1.235);opacity:1}to{height:28.125vw;width:50vw;opacity:1}}@keyframes small-wobble{0%{transform:rotate(0) translateY(0) translate(-50%,-50%)}25%{transform:rotate(1deg) translateY(4px) translate(-50%,-50%)}50%{transform:rotate(-1deg) translateY(-4px) translate(-50%,-50%)}75%{transform:rotate(1deg) translateY(4px) translate(-50%,-50%)}to{transform:rotate(0) translateY(0) translate(-50%,-50%)}}.game-end-score{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%);font-size:32px;background-color:#0000001a;padding:4px 20px;border-color:transparent;border-radius:10px;color:var(--off-white);display:block}.game-end-fish{image-rendering:pixelated;scale:3;padding:2px 10px;position:relative;filter:drop-shadow(0 0 2px var(--off-white))}.main-menu-buttons{width:25em;position:absolute;left:5%;bottom:5%}a{color:var(--winter-blue-very-dark);position:relative;text-decoration:none}a:before{content:"";position:absolute;width:100%;height:2px;border-radius:2px;background-color:var(--winter-blue-very-dark);bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}a:hover:before{transform-origin:left;transform:scaleX(1)}.search-bar .MuiOutlinedInput-root{border-radius:12px}.level-map-container{min-width:40vw;max-width:80vw;width:calc(40vw + 500px);height:100vh;position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:0px;overflow-x:visible}.level-name-search-container{width:100%;background:var(--off-white);margin:1vh 0;padding:15px;border-radius:20px;overflow:hidden;filter:drop-shadow(2px 2px 5px var(--soft-shadow));display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:15px}.level-search{padding:25px 18px}.level-search-filter>:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.level-search-filter>:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.filter-label{margin-left:4.5px;padding-top:3px;padding-right:3px}.level-cards{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--winter-blue-semi-light) var(--winter-blue-light);overflow-x:visible;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;transition:all .5s ease-in-out;padding-bottom:1em}.level-card{position:relative;min-height:6em;margin:1ex 0;width:85%;opacity:.7;transition:all .25s ease-in-out;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:2px;align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:visible}.level-card:hover{opacity:.8;width:calc(85% + 20px)}.level-card:active,.level-card:focus{opacity:1;width:calc(86% + 20px);min-height:13em}.level-card .full-only{visibility:hidden;opacity:0;transition:all .3s ease-in-out}.level-card .small-only{visibility:visible;opacity:1;transition:all .3s ease-in-out}.level-card:active .full-only,.level-card:focus .full-only{display:inline-block;visibility:visible;opacity:1}.level-card:active .small-only,.level-card:focus .small-only{visibility:hidden;opacity:0}.quiz-card{background:var(--winter-blue-dark);color:var(--off-white);border-radius:12px;min-height:1em;max-height:1em;height:1em}.level-card .header-line{font-size:.6em;opacity:.75}.level-card .level-description{font-size:.8em;color:gray;width:45%;max-width:30vw;line-height:1;margin-bottom:12px}.level-card .level-lower-left{position:absolute;left:12px;bottom:5px;display:flex;flex-direction:row;flex-wrap:nowrap}.level-card .level-index{font-size:1.85em;opacity:.15}.quiz-card .level-index{font-size:1.85em;margin-bottom:-2px;opacity:1}.level-card .level-img{position:absolute;height:calc(100% - 20px);right:10px;top:10px;overflow:hidden}.level-card .level-img-small{width:12vw}.level-card .level-img-big{width:20vw}.level-card .level-img>img{height:100%;width:100%;object-fit:contain;image-rendering:pixelated}.level-card .victory-conditions{font-size:.8em;margin-top:.25ex;color:gray}.level-card .victory-conditions ol{padding-left:16px;padding-top:0;margin-top:0}.level-card .quiz-tag{font-weight:700}.level-card .level-preview{position:absolute;bottom:0;right:0;width:20vw;height:100%;overflow:hidden;border-radius:0 12px 12px 0}.level-card .completion{position:absolute;font-size:smaller;max-width:10vw;top:50%;right:45%;transform:translateY(-50%) translate(50%)}.level-card .completion .not-yet-played{color:var(--off-black)}.level-card .completion .completed{color:var(--off-black);opacity:.5;text-align:center}.level-card .completion img{height:5em;image-rendering:pixelated;filter:drop-shadow(0 0 10px var(--off-white)) drop-shadow(0 0 2px yellow);animation:pulsate 5.5s infinite}.level-img canvas{z-index:-1}img.full-only{display:none}.level-card .on-preview-button{position:absolute;bottom:50%;right:0;width:20vw;height:100%;transform:translateY(50%);text-transform:none;background:none;border:none;color:gray;text-align:center;vertical-align:center;cursor:pointer}.level-card .on-preview-button:hover{color:#000;transform:translateY(50%) scale(1.2)}.level-card .level-card-button{padding:0;margin:0 0 -3px 30px;border-radius:6px;font-size:1em;text-transform:none;background:none;border:none;color:gray;transition:all .3s;cursor:pointer}.level-card .start-quiz-button{padding:0;margin:0 0 -3px 30px;border-radius:6px;font-size:1em;text-transform:none;background:none;border:none;transition:all .3s;color:var(--off-white);position:fixed;right:20px;bottom:50%;transform:translateY(35%);opacity:.85;cursor:pointer}.level-card .start-quiz-button:hover{opacity:1;font-size:1.05em}.level-card .level-card-button:hover{color:#000;animation:pulsate 2s infinite}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.level-card .level-card-button:active{transform:scale(.9)}.level-card .level-card-button:disabled{color:gray;opacity:.5;pointer-events:none;animation:none;transform:none}.quiz-mode-control{position:fixed;top:0;right:0;font-size:.5em;padding:5px;opacity:.5;-webkit-user-select:text;user-select:text;text-align:right}.quiz-mode-control .active-quiz-mode{font-weight:700}.quiz-card .quiz-name{font-size:1em;font-weight:700;margin-left:42px;margin-top:-3px}.quiz-card .quiz-description{font-size:.9em;margin-left:42px;margin-top:20px;width:65%}.quiz-view{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.quiz-view .quiz-title-container{position:sticky;top:0;background:var(--winter-blue-dark);width:100%;color:var(--off-white);text-align:center;padding:15px;filter:drop-shadow(0 0 10px var(--winter-blue-dark))}.quiz-view .quiz-title{font-size:2.66em;font-weight:700;margin:20px}.quiz-view .quiz-content{width:90%;height:100%;padding-top:2em;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--winter-blue-semi-light) rgba(0,0,0,0)}.quiz-view .quiz-description{font-size:1em;width:100%}.quiz-view .quiz-id{position:absolute;bottom:0;right:0;font-size:.3em;opacity:.5;padding:3px;background-color:var(--winter-blue-light);border-radius:4px 0 0}.quiz-view .quiz-id::selection{background-color:var(--winter-blue-light);color:var(--off-black)}.quiz-question-view{width:95%;height:max-content;background:#ffffff4f;border-radius:12px;padding:12px;margin:20px;filter:drop-shadow(0 0 10px var(--off-white))}.quiz-question-view .quiz-question-title{font-size:1.5em;font-weight:700;margin-bottom:10px}.quiz-question-view .quiz-question-description{margin-bottom:12px}.quiz-view .quiz-submit{margin-bottom:50px}.min-width-cl{min-width:200px;margin-right:20px}.test-failed{color:var(--red);font-weight:700}.test-passed{color:var(--green)}.test-current{color:var(--blue);font-weight:700}.test-menu{overflow-y:auto;overflow-x:hidden;width:100vw;height:100vh;padding:12px;scrollbar-width:thin;scrollbar-color:var(--winter-blue-semi-light) var(--winter-blue-light)}.test-menu .preview{width:80%;height:40%;border-radius:12px}.code{font-family:monospace;font-size:1em}.quiz-game-show{width:350px;height:240px;border-radius:24px;overflow:hidden;float:right;margin:12px;filter:drop-shadow(1px 1px 5px var(--winter-blue-light))}.quiz-editor-show{width:calc(100% - 400px);height:20em;float:left;margin:12px 0;border-radius:6px;overflow:hidden}.turn-position-tooltip-marker{font-weight:700;font-size:1.5em;font-style:normal}.monaco-editor.readonly-mode .cursors-layer,.monaco-editor.readonly-mode .textarea{pointer-events:none!important}