#root,body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1e3a8a,#5b21b6);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0;width:100%}.App{background-color:initial;height:100vh;overflow:hidden;text-align:center;width:100%}.App-header,.splash-screen{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.splash-screen{background:linear-gradient(135deg,#1e3a8a,#5b21b6);color:#79f8f8;left:0;position:fixed;top:0;transition:opacity .5s ease-out;z-index:1000}.splash-screen.fade-out{opacity:0}.splash-screen img{animation:none;border-radius:10px;width:40vmin}.App-header{background-color:#0009;font-size:calc(8px + 1vmin);justify-content:flex-start;overflow-y:auto;padding:20px;position:relative}.App-header.no-overlay,.App-header.no-overlay-auth{background-color:initial!important}.App-header.no-overlay-auth{justify-content:center!important}.App-header h1{color:#79f8f8;font-size:2.5vmin;text-shadow:0 0 5px #79f8f880}.auth-form button,.mission-card button,.primary-button{background-color:#1e90ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.9vmin;font-weight:700;padding:10px;transition:background-color .2s;width:100%}.primary-button{margin-top:20px}.mission-card button{font-size:1.6vmin;margin-top:10px;width:100%}.auth-form button{font-size:1.9vmin;width:90%}.auth-form button:hover,.mission-card button:hover,.primary-button:hover{background-color:#1c7ad0}.auth-logo{filter:drop-shadow(0 0 10px rgba(121,248,248,.8));height:auto;margin-bottom:-50px;margin-top:50px;max-width:350px;width:40vmin}.auth-container{display:flex;justify-content:space-around;max-width:900px;width:80%}.auth-form{background-color:#282c34e6;border:1px solid #79f8f8;border-radius:8px;box-shadow:0 0 10px #79f8f866;padding:20px;width:45%}.auth-form div{margin-bottom:15px;text-align:center}.auth-form label{color:#79f8f8;display:block;font-size:1.8vmin;margin-bottom:5px}.auth-form input{background-color:#3a3f47;border:none;border-radius:4px;color:#fff;display:block;font-size:1.8vmin;margin:0 auto;padding:8px;width:90%}.auth-form p{font-size:1.6vmin;margin-top:10px}.auth-form p a{color:#79f8f8;font-weight:700;text-decoration:none}.auth-form p a:hover{text-decoration:underline}.game-container{background-color:#282c34e6;border-radius:8px;box-shadow:0 0 15px #00000080;display:flex;flex-direction:column;flex-grow:1;margin:10px auto;max-width:1200px;padding:15px;width:100%}.progress-bar-container{background-color:#3a3f47;border:1px solid #79f8f8;border-radius:15px;box-shadow:0 0 8px #79f8f880;height:25px;margin:10px auto;max-width:800px;overflow:hidden;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#1e90ff,#79f8f8);color:#1a1a2e;display:flex;font-size:1.6vmin;font-weight:700;height:100%;justify-content:center;text-shadow:0 0 1px #fff;transition:width .5s ease-in-out}.hub-mission-list{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:20px}.mission-card{background-color:#1a1a2ee6;border:1px solid #79f8f8;border-radius:8px;box-shadow:0 0 15px #79f8f833;margin:10px;padding:20px;transition:transform .2s;width:300px}.mission-card:hover{transform:translateY(-5px) scale(1.02)}.mission-card h3{color:#79f8f8;font-size:2vmin;margin-top:0}.mission-card p{font-size:1.5vmin;line-height:1.5}.status{font-size:1.5vmin;font-weight:700}.status-pending{color:#f39c12}.status-complete{color:#2ecc71}.content-screen{align-items:center;display:flex;justify-content:space-around;padding:20px}.content-text{font-size:1.8vmin;line-height:1.6;text-align:left;width:60%}.content-text h2{color:#79f8f8;font-size:2.2vmin}.content-text ul{list-style-type:"🎮 ";padding-left:30px}.content-image{width:30%}.content-image img{background-color:initial;height:auto;max-width:100%}.mission-layout{display:flex;height:100%;justify-content:space-between;overflow-y:auto;width:100%}.dnd-item{background-color:#3a3f47;color:#fff;cursor:grab}.dnd-item,.dnd-item-overlay{border:1px solid #79f8f8;border-radius:4px;font-size:1.6vmin;margin:5px 0;padding:10px}.dnd-item-overlay{background-color:#4a5059;box-shadow:0 0 15px #79f8f8cc;cursor:grabbing}.dnd-column,.dnd-column-split,.flowchart-pseudocode,.pseudocode-box,.quiz-answers,.sorter-box{background-color:#0003;border-radius:8px;padding:10px}.dnd-column,.dnd-column-split{border:2px dashed #79f8f8;min-height:300px}.dnd-column{width:23%}.dnd-column-split{width:48%}.dnd-column h4,.dnd-column-split h4{color:#79f8f8;margin-top:0}.dnd-column-split.available,.dnd-column.available{background-color:#282c34;border:1px solid #555}.dnd-container,.dnd-container-split{display:flex;justify-content:space-around;width:100%}.dnd-container-split{margin-bottom:20px}.styled-table{border:1px solid #555;border-collapse:collapse;font-size:1.6vmin;margin:20px 0;width:100%}.styled-table td,.styled-table th{border:1px solid #555;padding:10px;text-align:left}.styled-table thead th{background-color:#4a5059;color:#79f8f8}.styled-table tbody tr:nth-child(2n){background-color:#3a3f47}.quiz-input,.table-input{background-color:#3a3f47;border:2px solid #79f8f8;border-radius:4px;color:#fff;font-size:1.6vmin;padding:5px;text-align:center}.table-input{width:50px}.quiz-input{font-family:monospace;width:200px}.choice-button{background-color:#4a5059;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1.6vmin;margin:8px 0;padding:12px;text-align:left;transition:background-color .2s,box-shadow .2s;width:100%}.choice-button:hover{background-color:#5a6069}.choice-button.selected{background-color:#1e90ff;border-color:#fff;box-shadow:0 0 8px #79f8f8cc;color:#fff;font-weight:700}.sorter-container{display:flex;justify-content:space-around;width:100%}.sorter-box{border:1px solid #555;width:48%}.sorter-item{align-items:center;background-color:#3a3f47;border:1px solid #555;border-radius:4px;display:flex;font-size:1.6vmin;justify-content:space-between;margin:5px 0;padding:8px}.sorter-item button{background-color:#1e90ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-left:5px;padding:2px 6px;width:auto}.sorter-item button:disabled{background-color:#555;color:#999;cursor:not-allowed}.flowchart-container{display:flex;justify-content:space-around;width:100%}.flowchart-pseudocode{background-color:#282c34;border:1px solid #555;min-height:400px;width:40%}.flowchart-boxes{width:55%}.flowchart-box{background-color:initial;border:none;border-radius:0;margin-bottom:10px;min-height:0;padding:0;width:100%}.flowchart-box h4{color:#79f8f8;font-size:1.5vmin;margin:0 0 5px}.quiz-container{display:flex;justify-content:space-around}.quiz-pseudocode{font-family:monospace;font-size:1.8vmin;line-height:2;padding:20px;text-align:left;width:55%}.quiz-answers,.quiz-pseudocode{background-color:#282c34;border:1px solid #79f8f8}.quiz-answers{width:40%}.quiz-answers code{background-color:#3a3f47;border-radius:4px;cursor:pointer;display:block;margin:5px 0;padding:8px}.debug-container{display:flex;justify-content:space-around;width:100%}.pseudocode-box{background-color:#282c34;border:1px solid #79f8f8;font-family:monospace;font-size:1.6vmin;line-height:1.8;padding:15px;text-align:left;width:48%}.pseudocode-box .error{color:#ff6b6b;font-weight:700}.order-input{background-color:#3a3f47;border:1px solid #79f8f8;border-radius:4px;color:#fff;font-size:1.6vmin;margin-right:10px;padding:5px;text-align:center;width:40px}.output-table{border:1px solid #79f8f8;border-collapse:collapse;font-size:1.5vmin;margin-top:10px;width:100%}.output-table th{background-color:#3a3f47;color:#79f8f8}.output-table td{border:1px solid #555;padding:8px}.output-table .fail{background-color:#5a2e2e}.output-table .pass{background-color:#2e5a3e}.debug-answer-box{background-color:#0003;border:2px dashed #79f8f8;padding:15px;text-align:left;width:48%}.debug-answer-box .debug-title{font-weight:700;text-align:center}.debug-answer-box h4,.pseudocode-box h4{font-size:2.5vmin;font-weight:700;margin:0 0 10px;text-align:center}.complete-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.complete-screen h2{color:#2ecc71;font-size:3vmin;margin-bottom:10px}.complete-screen h3{color:#79f8f8;font-size:4vmin;margin:10px 0}.complete-screen p{font-size:1.8vmin;line-height:1.6}.welcome-highlight{color:#79f8f8;font-size:1.2em;font-weight:700;margin-bottom:20px;text-align:center}.welcome-highlight p{margin:5px 0}.welcome-highlight.super-bold-large{color:#79f8f8;font-size:2.5em;font-weight:900;text-shadow:0 0 10px #79f8f8b3}.welcome-highlight .normal-welcome-text{color:#fff;font-size:.7em;font-weight:400;opacity:.8;text-shadow:none}.white-text,.white-text h2,.white-text p{color:#fff}.center-full-width{margin-top:20px;text-align:center;width:100%}.bg-auth-image,.bg-intro-image{background-attachment:fixed;background-blend-mode:overlay;background-color:#0006;background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-auth-image{background-image:url(/static/media/background5.8453758443a22e3aec7e.jpg)}.bg-intro-image{background-image:url(/static/media/background6.6e6ce16fcd6af2223cb1.jpg)}.robot-sidebar{--robot-width:130px;--robot-bottom-gap:70px;--bubble-robot-gap:80px;--bubble-max-width:320px;display:block;flex:0 0 25%;min-height:260px;padding:20px 10px;position:relative;width:20%}.robot-sidebar img{bottom:var(--robot-bottom-gap);display:block;height:auto;margin:0;order:1;width:var(--robot-width);z-index:10}.robot-chat-bubble,.robot-sidebar img{left:50%;position:absolute;transform:translateX(-50%)}.robot-chat-bubble{background-color:#4a5059;border:2px solid #79f8f8;border-radius:10px;bottom:calc(var(--robot-bottom-gap) + var(--robot-width) + var(--bubble-robot-gap));box-shadow:0 6px 18px #00000040;box-sizing:border-box;font-size:1.6vmin;line-height:1.5;max-width:var(--bubble-max-width);padding:12px 14px;text-align:left;transition:all .16s ease;width:180px;z-index:20}.robot-chat-bubble:after{border:8px solid #0000;border-top-color:#79f8f8;bottom:-8px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:19}.auth-robot-image{bottom:0;max-width:200px;position:absolute;right:0;transform:scaleX(-1);width:20vmin}.robot-speech-container{bottom:25vmin;position:absolute;right:5%;width:250px;z-index:50}.robot-speech-bubble{background-color:#4a5059;border:2px solid #79f8f8;border-radius:10px;box-shadow:0 0 10px #79f8f866;color:#fff;font-size:1.6vmin;padding:15px;text-align:left}.robot-speech-bubble:after{border:10px solid #0000;border-top-color:#79f8f8;bottom:-10px;content:"";height:0;position:absolute;right:15px;width:0}.auth-speech-bubble span{border-right:none!important}.typewriter{animation:typing 2.5s steps(30),blink .5s step-end infinite;animation-fill-mode:forwards;border-right:2px solid #79f8f8b3;overflow:hidden;white-space:nowrap}.message-reveal{animation:fadeIn .2s ease-in forwards;animation-delay:.1s;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.how-to-play-layout{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:20px 0 0;width:100%}.how-to-play-layout .card-row-wrapper{display:flex;flex-grow:1;gap:20px;justify-content:space-between;margin-bottom:20px;max-width:1000px;width:100%}.how-to-play-layout .primary-button-wrapper{margin-top:auto;padding-top:20px}.how-to-play-layout ul{list-style-type:none;margin:5px 0;padding-left:0}.how-to-play-layout ul li{border-bottom:1px dashed #79f8f833;color:#fff;padding:5px 0}.how-to-play-layout ul li:before{color:#1e90ff;content:"▶ ";font-size:1.2em;font-weight:700;margin-right:8px}.settings-icon,.settings-menu button{transition:transform .2s,background-color .2s}.settings-icon{align-items:center;animation:settingsGlow 1.8s ease-in-out infinite;background-color:#282c34e6;border:2px solid #79f8f8;border-radius:50%;cursor:pointer;display:flex;filter:drop-shadow(0 0 6px #00eaff);height:42px;justify-content:center;left:20px;position:absolute;top:20px;width:42px;z-index:900}.settings-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:45px;position:relative}.settings-icon:hover{transform:rotate(25deg) scale(1.1)}.settings-icon img{width:60%}@keyframes settingsGlow{0%{filter:drop-shadow(0 0 4px #00f0ff)}50%{filter:drop-shadow(0 0 12px #79f8f8)}to{filter:drop-shadow(0 0 4px #00f0ff)}}.settings-tooltip{background:#000c;border-radius:6px;color:#79f8f8;font-size:14px;left:60px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;visibility:hidden;white-space:nowrap}.settings-wrapper:hover .settings-tooltip{opacity:1;visibility:visible}.settings-backdrop{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.settings-menu{background-color:#282c34;border:3px solid #79f8f8;border-radius:10px;box-shadow:0 0 30px #79f8f8e6;padding:30px;text-align:center;width:350px}.settings-menu button{font-size:1.8vmin;font-weight:700;margin:10px 0;padding:12px;width:100%}.flowchart-shape{align-items:center;background-color:initial;background:#3498db;border:2px solid #0ff;box-sizing:border-box;color:#fff;display:flex;font-weight:700;justify-content:center;min-height:70px;min-width:140px;outline:none;padding:8px;text-align:center}.flowchart-shape .dnd-item,.flowchart-shape .dnd-item-overlay{background:none;border:none;box-shadow:none;height:auto;margin:0;padding:0;text-align:center;width:90%}.flowchart-shape-oval{border-radius:999px}.flowchart-shape-rectangle{border-radius:8px}.flowchart-shape-parallelogram{transform:skewX(-20deg)}.flowchart-shape-parallelogram .dnd-item{transform:skewX(20deg)}.flowchart-shape-diamond{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto;transform:rotate(10deg);width:100px}.flowchart-shape-diamond .dnd-item{transform:rotate(0deg) scaleY(1.18)}.flowchart-arrow-row{align-items:center;color:#fff;display:flex;font-weight:700;gap:6px;justify-content:center}.flowchart-arrow-row span.arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:10px solid #fff;display:inline-block;height:0;width:0}.flowchart-arrow-row span.label-yes{font-weight:700;margin-right:4px}.mission-content{box-sizing:border-box;flex:1 1;overflow-x:auto;padding:20px}.confetti-container{height:0;left:50%;pointer-events:none;position:absolute;top:0;width:0}
/*# sourceMappingURL=main.1bfd5368.css.map*/