@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);:root{--first-color:#ff4d61;--body-color:#232a3b;--text-color:#5e5c7f;--container-color:#fff;--body-font:"Rubik",sans-serif;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--font-mediun:500;--font-semibold:600;--font-bold:700;--shadow:0px 5px 20px 0px #4543601a;--border-radius:20px}@media screen and (max-width:1024px){:root{--h1-font-size:1.75rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.875rem}}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Rubik,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#232a3b;background-color:var(--body-color);color:#5e5c7f;color:var(--text-color);line-height:1.7}h1,h2,h3{color:#282c3c;font-weight:600;font-weight:var(--font-semibold);line-height:1.2}p{color:#d4d4d4}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%;vertical-align:middle}.container{margin:0 auto;max-width:1080px;padding-left:15px;padding-right:15px}.grid{display:grid}.section{padding-bottom:2rem;padding-top:7rem}.section__title{font-size:2.25rem;font-size:var(--h1-font-size);font-weight:700;font-weight:var(--font-bold);margin:.875rem .875rem 3.75rem;position:relative}.section__title:before{content:"";height:2.25rem;left:-.875rem;position:absolute;top:-.875rem;width:2.25rem}.btn{background-color:#ff4d61;background-color:var(--first-color);border:1px solid #0000;border-radius:1.875rem;box-shadow:0 0 1px #0000;color:#fff;display:inline-block;font-weight:700;font-weight:var(--font-bold);line-height:1;padding:.75rem 2rem}@keyframes button-push{50%{transform:scale(.8)}to{transform:scale(1)}}.btn:hover{animation:button-push .3s linear 1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#232a3b;color:#fbebcb;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}.container{background-color:#1e1e1e;border-radius:20px;color:#fff;display:flex;height:89vh;margin-left:15px;margin-right:15px;max-width:1500px;overflow:hidden;width:97.7%}.blur-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;height:100%;left:0;pointer-events:all;position:fixed;top:0;transition:-webkit-backdrop-filter .3s;transition:backdrop-filter .3s;transition:backdrop-filter .3s,-webkit-backdrop-filter .3s;width:100%;z-index:1000}.blur-overlay.active{display:block}.language-selector{display:inline-block;margin-bottom:20px;padding-left:15px;padding-top:15px;position:relative}.language-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#2d2d2d;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 40px 10px 15px;transition:border-color .3s ease,background-color .3s ease;width:200px}.language-selector:after{background-repeat:no-repeat;background-size:contain;content:"";height:16px;pointer-events:none;position:absolute;right:10px;top:50%;width:10px}.language-selector select:focus,.language-selector select:hover{background-color:#3a3a3a;border-color:#666;outline:none}.editor-wrapper{width:100%}.left-panel{background-color:#2d2d2d;max-width:800px;min-width:300px;overflow:auto;padding:25px;width:40%}.right-panel{display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:400px;overflow:hidden;position:relative}.resizer{background-color:#333;transition:background-color .2s}.resizer:hover{background-color:#4caf50}.vertical-resizer{cursor:col-resize;flex-shrink:0;width:8px}.horizontal-resizer{cursor:row-resize;flex-shrink:0;height:8px}.editor-panel{height:55%;min-height:150px;position:relative}.editor-panel,.monaco-editor{overflow:visible!important}.console-panel{max-height:100px;min-height:50px}.problem-description{font-size:15px;line-height:1.6}.problem-description h2{color:#4caf50;font-size:24px;margin-bottom:1.5rem}.problem-description p{color:#d4d4d4;margin:1rem 0}.example-flow{border-left:3px solid #4caf50;margin:1.5rem 0;padding-left:1.5rem}.example-flow p{color:#9cdcfe;font-family:Courier New,monospace;font-size:14px;margin:.8rem 0}.constraints-list{list-style-type:none;margin:1.5rem 0;padding-left:1.5rem}.constraints-list li{color:#d4d4d4;margin:.8rem 0;padding-left:1rem;position:relative}.constraints-list li:before{color:#4caf50;content:"•";font-size:1.2em;left:0;position:absolute}.console-output{background-color:#1e1e1e;border-radius:4px;color:#d4d4d4;font-family:monospace;font-size:14px;height:100%;padding:15px;white-space:pre-wrap}.console-output pre{margin:0}.button-container{position:absolute;right:15px;top:15px}.run-button{background-color:#626262;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 18px;transition:background-color .3s ease}.run-button:hover{background-color:#3c3c3c}.run-button:disabled{background-color:#777;cursor:not-allowed}.submit-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 18px;transition:background-color .3s ease}.submit-button:hover{background-color:#1b8721}.submit-button:disabled{background-color:#777;cursor:not-allowed}.flipped{transform:rotate(180deg);transform-origin:center}.blur{filter:blur(3px)}.power-up{background-color:#ffae45;border:none;border-radius:5px;font-size:14px;height:30px;margin-left:10px;padding:8px;transition:background-color .3s ease;width:30px}.power-up:hover{background-color:#ce7500;cursor:pointer}.login-page{align-items:flex-start;background-color:#232a3b;display:flex;height:100vh;justify-content:center;margin:0}.login-page .container{align-items:center;background:#efdeeb;border-radius:15px;box-shadow:0 0 15px 5px #768fff;display:flex;flex-direction:column;height:800px;justify-content:flex-start;max-width:600px;padding:30px;text-align:center;width:100%}.login-image{border-radius:10px;height:auto;left:-5%;margin-bottom:20px;top:-5%;width:110%}.login-page input{background-color:#fff0f0;border:2px solid #000;border-radius:8px;display:block;font-size:18px;margin:2px auto;padding:15px;width:85%}.gameboy-button{align-items:center;background-color:#d10000;border:none;border-radius:50%;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:70px;justify-content:center;margin:12px;padding:10px 18px;text-align:center;transition:background-color .3s ease,transform .1s ease;width:70px}.gameboy-button:hover{background-color:#b81d1d;transform:scale(.93)}.gameboy-button span{bottom:-25px;color:#44422a;font-size:14px;left:50%;letter-spacing:1px;position:absolute;text-transform:uppercase;transform:translateX(-50%);transition:transform .2s ease-in-out}.gameboy-button:first-child span{transform:translateX(-200%) rotate(-15deg)}.gameboy-button:last-child span{transform:translateX(0) rotate(-15deg)}.gameboy-button:hover span{transform:translateX(-50%) rotate(0deg)}.button2-container{display:flex;gap:20px;margin-left:22px;margin-top:-30px;position:relative;width:100%}.button2-container.register-buttons{margin-top:6px}.login-page p{font-size:18px}.carousel-container{background-position:50%;background-size:cover;border:10px solid #fff;box-shadow:0 0 15px #00ffff80;margin:40px auto auto;max-width:600px;padding:50px;position:relative;text-align:center}.character-selection-title{color:#fff;font-family:Press Start\ 2P,monospace;font-size:30px;margin-bottom:50px;margin-top:20px;text-align:center;text-shadow:2px 2px 5px #0ff9}.carousel{box-shadow:0 0 10px #0000}.carousel,.character-display{align-items:center;display:flex;justify-content:center;position:relative}.character-display{height:300px;width:250px}.character-card{animation:hoverBounce 1.5s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7fd5e4b3;border-radius:15px;box-shadow:0 0 15px #fff9;padding:20px;position:absolute;text-align:center;transform:scale(1.1);z-index:2}@keyframes hoverBounce{0%{transform:translateY(0) scale(1.1)}50%{transform:translateY(-15px) scale(1.1)}to{transform:translateY(0) scale(1.1)}}.character-image{height:150px;object-fit:contain;width:150px}.background{filter:blur(3px);height:120px;opacity:.3;position:absolute;width:120px;z-index:1}.left{left:-150px}.right{right:-150px}.nav-button{background:#f0f;border:none;border-radius:50%;box-shadow:0 0 8px #0ffc;color:#fff;cursor:pointer;font-size:24px;height:50px;padding:10px;transition:.3s ease;width:50px}.nav-button:hover{background:#e0afaf;box-shadow:0 0 12px #ff00b3;transform:scale(1.1)}.select-button{background:#f99105;border:none;border-radius:10px;box-shadow:0 0 10px #f99105;color:#fff;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:16px;margin-top:20px;padding:12px 24px;transition:.3s ease}.select-button:hover{background:#d27802;box-shadow:0 0 20px #f99105;transform:scale(1.1)}.play-button{background:#f99105;border:none;border-radius:10px;box-shadow:0 0 10px #f99105;color:#fff;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:16px;margin-left:10px;margin-top:20px;padding:12px 72px;transition:.3s ease}.play-button:hover{background:#d27802;box-shadow:0 0 20px #f99105;transform:scale(1.1)}.selected-character{color:#fff;font-family:Press Start\ 2P,monospace;font-size:18px;font-weight:700;margin-top:20px}.character-card{position:relative}.question-mark{align-items:center;border-radius:50%;color:#fdae48;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:transform .2s ease;width:40px}.question-mark:hover{transform:scale(1.2)}.question-mark:after{word-wrap:break-word;background-color:#0b0705;border-radius:5px;color:#d4d4d4;content:attr(data-tooltip);display:none;font-size:14px;left:100%;max-width:250px;opacity:.9;padding:10px 15px;position:absolute;top:100%;transform:translateY(10px);white-space:normal;width:150px}.question-mark:hover:after{display:block}.carousel-container{background:radial-gradient(circle at center,#22061b4d,#2a0420e6);border:4px solid #f0f;border-radius:30px;box-shadow:0 0 20px #00ffffb3}.character-display{background:#51274de6;border:3px solid #f0f;border-radius:15px;box-shadow:0 0 20px #f99105}.select-button:focus{box-shadow:0 0 10px #f0f;outline:none}.pixel-text{color:#fff;font-family:Press Start\ 2P,monospace;text-align:center;text-shadow:2px 2px 5px #0ff9}.character-option{align-items:center;border-radius:15px;box-shadow:0 0 10px #ffffff80;cursor:pointer;display:flex;height:250px;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;width:300px}.character-option:hover{box-shadow:0 0 20px #0ff;transform:scale(1.1)}.character-option.selected{box-shadow:0 0 15px #f99105}@media (max-width:1100px){.carousel-container{padding:20px;width:100%}.character-selection-details{flex-direction:column;height:auto}.character-options{flex-direction:column}}.header-container{align-items:center;background-color:#232a3b;display:flex;justify-content:space-between;padding:20px}.header-title-container{align-items:center;display:flex;gap:12px}.header-title{color:#fbebcb;font-size:24px;margin:0}.header-icon{height:40px;width:40px}.grid{display:flex;gap:20px;justify-content:center}.button-wrapper{flex-direction:column;gap:8px}.button-ring,.button-wrapper{align-items:center;display:flex}.button-ring{background:#232a3b;border-radius:50%;box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff1a;height:80px;width:80px}.button-ring,.button-ring button{justify-content:center;position:relative}.button-ring button{align-items:center;background:linear-gradient(145deg,#ff3131,#c40000);border:none;border-radius:50%;box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #fff3;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:64px;padding:8px;text-align:center;text-transform:uppercase;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;width:64px}.button-ring button:active{background:linear-gradient(145deg,#c40000,#8b0000);box-shadow:0 2px 4px #0000004d,inset 0 2px 4px #ffffff1a;transform:translateY(2px)}.button-label{color:#8481b1;font-size:14px;font-weight:700;text-align:center}
/*# sourceMappingURL=main.2d943d83.css.map*/