@font-face{font-family:Minecraft;src:url(/img/Minecraft.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:Minecraft,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{min-height:100vh;overflow-x:hidden;overflow-y:auto}html{scroll-behavior:smooth}.app{min-height:100vh;background-image:url(/img/Pink.png);background-repeat:repeat;background-size:5%;image-rendering:pixelated;position:relative}.decoration{position:absolute;image-rendering:pixelated;animation:float 4s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.character1{top:10%;left:15%;width:150px;animation-delay:0s}.character2{top:15%;right:10%;width:150px;animation-delay:1s}.bunny{top:60%;left:8%;width:100px;animation-delay:.5s}.chameleon{top:70%;right:20%;width:112px;animation-delay:1.5s}.mushroom{bottom:15%;left:25%;width:87px;animation-delay:2s}.trunk{bottom:20%;right:15%;width:125px;animation-delay:2.5s}.box1{top:40%;left:5%;width:75px;animation-delay:.8s}.box2{top:45%;right:5%;width:75px;animation-delay:1.2s}.box3{bottom:35%;left:40%;width:75px;animation-delay:1.8s}.box4{top:25%;left:50%;width:75px;animation-delay:2.2s}.box5{top:55%;right:25%;width:75px;animation-delay:1s}.box6{bottom:10%;left:10%;width:75px;animation-delay:1.5s}.box7{top:30%;right:35%;width:75px;animation-delay:2.8s}.box8{bottom:45%;right:8%;width:75px;animation-delay:.3s}.box9{top:75%;left:35%;width:75px;animation-delay:1.3s}.box10{top:12%;left:30%;width:75px;animation-delay:2.5s}.box11{bottom:25%;right:40%;width:75px;animation-delay:.7s}.box12{top:50%;left:20%;width:75px;animation-delay:1.9s}.app-header{position:fixed;top:0;right:0;z-index:100;padding:20px;display:flex;justify-content:flex-end}.fruit-counter{display:flex;align-items:center;gap:0px}.fruit-icon{width:50px;height:50px;image-rendering:pixelated;margin-top:-12px}.fruit-count{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:3px 3px 0 #000}.app-main{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:100px 20px 20px}.fruit-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;padding:10px 14px;background:#141414e6;color:#fff;font-weight:600;font-size:14px;box-shadow:0 10px 25px #00000040}.center-container{width:100%;max-width:600px;margin-top:100px}.tab-navigation{display:flex;justify-content:center;gap:12px;margin-bottom:37px}.tab-button{flex:1;padding:15px 25px;font-size:1.25rem;background-image:url(/img/Button.png);background-size:100% 100%;background-position:center;image-rendering:pixelated;border:none;cursor:pointer;transition:all .2s;color:#fff;text-shadow:2px 2px 0 #000;font-weight:400}.tab-button:hover{filter:brightness(1.2)}.tab-button.active{filter:brightness(.6)}.main-card{padding:0;box-shadow:0 8px 32px #0003;width:100%;position:relative;min-height:750px}.main-card,.main-card .quiz-card{background:transparent;padding:0;box-shadow:none;height:100%}.pomodoro-card{background-image:url(/img/TerrainBox1.png);background-size:100% 100%;background-position:center;image-rendering:pixelated}.panel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 3fr 1fr;height:100%;width:100%;gap:0}.tile-top{display:flex;align-items:center;justify-content:center;padding:10px}.tile-left{grid-column:1;grid-row:1}.tile-center{grid-column:2;grid-row:1}.tile-right{grid-column:3;grid-row:1}.center-square{grid-column:1 / 4;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.card-title{display:none}.mode-button{padding:10px 20px;font-size:1.125rem;background:transparent;border:none;cursor:pointer;transition:all .2s;color:#fff;text-shadow:1px 1px 0 #000;font-weight:700}.mode-button:hover{color:#ff69b4}.mode-button.active{color:#ff1493}.timer-display{font-size:6.6rem;text-align:center;color:#fff;margin:25px 0;font-weight:700;letter-spacing:-.05em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-shadow:3px 3px 0 #000}.timer-controls{display:flex;gap:6px;justify-content:center;margin-top:25px;margin-left:10px}.control-button{padding:19px 37px;font-size:1.5rem;border:none;cursor:pointer;transition:all .2s;font-weight:400;background:#95baf5e6;color:#fff;text-shadow:2px 2px 0 #000;text-transform:uppercase;letter-spacing:.05em}.control-button:hover:not(:disabled){background:#ff00a366;transform:scale(1.05)}.control-button:disabled{opacity:.5;cursor:not-allowed}.topic-info{display:none}.quiz-card{background:transparent}.locked-message{text-align:center;font-size:1.3rem;color:#999;padding:50px 20px}.question-counter{text-align:center;color:#666;margin-bottom:20px;font-size:1rem}.question-text{font-size:1.3rem;color:#333;margin-bottom:25px;line-height:1.6}.answers-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.answer-button{padding:20px;font-size:1.1rem;background:#95baf5e6;border:none;cursor:pointer;transition:all .2s;text-align:left;color:#fff;text-shadow:1px 1px 0 #000}.answer-button:hover{background:#ff00a366;transform:scale(1.05)}.answer-button.selected{background:#ff00a366}.answer-button.correct{background:#4caf50cc!important;border:2px solid #4caf50}.answer-button.wrong{background:#f44336cc!important;border:2px solid #f44336}.answer-button:disabled{cursor:not-allowed;opacity:.9}.quiz-controls{display:flex;gap:15px;justify-content:center;margin-top:20px}.results-display{text-align:center;padding:30px}.score{font-size:3rem;color:#333;margin-bottom:15px;font-weight:700}.percentage{font-size:2.5rem;color:#ff1493;margin-bottom:20px;font-weight:700}.reward-message{text-align:center;font-size:1.5rem;color:#4caf50;margin-top:20px;font-weight:700}.quest-placeholder{text-align:center;padding:50px 20px}.quest-placeholder h2{font-size:2.5rem;color:#333;margin-bottom:20px}.quest-placeholder p{font-size:1.3rem;color:#666}.topic-input-container{background-image:url(/img/Quiz.png);background-size:100% 100%;background-position:center;image-rendering:pixelated;padding:50px 37px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:500px}.title{font-size:2.25rem;color:#fff;text-shadow:3px 3px 0 #000;margin-bottom:19px}.subtitle{font-size:1.25rem;color:#fff;text-shadow:2px 2px 0 #000;margin-bottom:37px}.topic-form{display:flex;flex-direction:column;gap:25px;width:100%;max-width:400px}.topic-input{padding:19px;font-size:1.25rem;border:none;outline:none;transition:all .3s;background:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.topic-input:focus{background:#fff;box-shadow:0 0 10px #ffffff80}.start-button{padding:19px 31px;font-size:1.375rem;background:#95baf5e6;color:#fff;text-shadow:2px 2px 0 #000;border:none;cursor:pointer;transition:all .2s;font-weight:400}.start-button:hover{background:#ff00a366;transform:scale(1.05)}.loading{color:#fff;text-shadow:2px 2px 0 #000;font-size:1.625rem;text-align:center}@media (max-width: 768px){.timer-display{font-size:4rem}.control-button{padding:12px 30px;font-size:1rem}.center-container{max-width:100%}.main-card{padding:30px 20px}}.reset-button{background:#95baf5e6;border:none;color:#fff;font-size:2.25rem;cursor:pointer;transition:all .2s;text-shadow:2px 2px 0 #000;padding:12px;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.reset-button:hover{background:#ff00a366;transform:scale(1.1)}.main-card .quiz-card{background-image:url(/img/Quiz.png);background-size:100% 100%;background-position:center;image-rendering:pixelated;padding:37px 31px;display:flex;min-height:750px;flex-direction:column;justify-content:center;position:relative}.quiz-close-button{position:absolute;top:19px;right:19px;background:transparent;color:#fff;border:none;width:44px;height:44px;font-size:1.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;text-shadow:1px 1px 0 #000;z-index:10;font-weight:700}.quiz-close-button:hover{color:#ff69b4}.quiz-card .question-counter{color:#fff;text-shadow:2px 2px 0 #000;font-size:1.06rem;margin-bottom:15px}.quiz-card .question-text{color:#fff;text-shadow:2px 2px 0 #000;font-size:1.25rem;margin-bottom:19px;line-height:1.4;margin-left:37px;margin-right:37px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.quiz-card .answers-list{gap:10px;margin-bottom:19px;margin-left:37px;margin-right:37px}.quiz-card .answer-button{padding:15px 19px;font-size:1.125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.quiz-card .quiz-controls{margin-top:15px;gap:12px}.quiz-card .control-button{padding:12px 25px;font-size:1.19rem}.quiz-card .results-display{padding:25px}.quiz-card .results-display .score{color:#fff;text-shadow:3px 3px 0 #000;font-size:2.75rem;margin-bottom:12px}.quiz-card .results-display .percentage{color:#fff;text-shadow:3px 3px 0 #000;font-size:2.5rem;margin-bottom:19px}.quiz-card .reward-message{font-size:1.5rem;margin-top:19px}.quest-placeholder{background-image:url(/img/quest.png);background-size:100% 100%;background-position:center;image-rendering:pixelated;padding:0;min-height:625px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.quest-game-container{position:absolute;top:8%;left:5%;right:4.6%;bottom:15%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.fullscreen-icon-btn{position:absolute;top:-47px;right:-26px;background:transparent;color:#fff;border:none;width:44px;height:44px;font-size:1.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;text-shadow:1px 1px 0 #000;z-index:10;font-weight:700}.fullscreen-icon-btn:hover{color:#ff69b4}.fullscreen-icon-btn:disabled{opacity:.5;cursor:not-allowed}.quest-game-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.unity-canvas{width:100%!important;height:100%!important;display:block;background:#000}.quest-controls{text-align:center;margin-top:12px}.quest-instructions{font-size:1.125rem;color:#fff;text-shadow:2px 2px 0 #000;text-align:center}.instruction-line{margin:5px 0;display:flex;align-items:center;justify-content:center;gap:6px}.arrow-keys{display:inline-flex;gap:10px}.arrow{display:inline-block;font-size:1.375rem;font-weight:700}.landing-page{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:10;background-image:url(/img/Blue.png);background-repeat:repeat;background-size:500px 500px;image-rendering:pixelated}.landing-decoration{position:absolute;width:120px;height:auto;image-rendering:pixelated;animation:float 4s ease-in-out infinite;pointer-events:none}.pig-decoration{top:50%;right:20%;animation-delay:.5s}.pig-speech-bubble{position:absolute;top:48%;right:15%;background:#fff;padding:8px 12px;font-size:1.5rem;box-shadow:0 2px 8px #00000026;animation:float 4s ease-in-out infinite;animation-delay:.5s;z-index:20;border:2px solid #333;border-radius:0;image-rendering:pixelated}.pig-speech-bubble:after{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #333}.pig-speech-bubble:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid white;z-index:1}.bunny-decoration{top:50%;right:30%;width:180px;animation-delay:1s}.radish-decoration{top:20%;right:25%;animation-delay:1.5s}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.hero-title{font-size:4rem;color:#fff;text-shadow:4px 4px 0 #000;margin-bottom:20px}.hero-subtitle{font-size:1.5rem;color:#fff;text-shadow:2px 2px 0 #000;margin-bottom:40px}.enter-app-button{padding:20px 50px;font-size:1.5rem;background:#95baf5e6;color:#fff;text-shadow:2px 2px 0 #000;border:none;cursor:pointer;transition:all .3s;font-weight:400}.enter-app-button:hover{background:#ff00a366;transform:scale(1.1)}.blueguy-guide{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:50px;padding:30px;margin:-50px 0 30px 400px;max-width:800px;animation:float 4s ease-in-out infinite}.blueguy-character{width:120px;height:auto;image-rendering:pixelated}.speech-bubble{position:relative;background:#fff;padding:20px 25px;box-shadow:0 4px 15px #0003;max-width:400px;transform:translateY(-20px);border:3px solid #333;border-radius:0;image-rendering:pixelated}.speech-bubble:before{content:"";position:absolute;left:-23px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:20px solid #333}.speech-bubble:after{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:20px solid white}.speech-bubble p{margin:0 0 10px;font-size:1rem;font-weight:700;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.speech-bubble ul{list-style:none;padding:0;margin:0}.speech-bubble li{font-size:.95rem;color:#555;margin:5px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding:50px;max-width:1200px;margin:0 auto;width:100%}.feature-card{background:#ffffffe6;padding:30px;text-align:center;transition:transform .3s;background-size:100% 100%;background-position:center;image-rendering:pixelated}.feature-train{background-image:url(/img/TerrainBox6.png)}.feature-test{background-image:url(/img/TerrainBox2.png)}.feature-quest{background-image:url(/img/TerrainBox4.png)}.feature-card:hover{transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-card h3{font-size:1.5rem;margin-bottom:10px;color:#fff;text-shadow:2px 2px 0 #000}.feature-card p{font-size:1rem;color:#fff;text-shadow:1px 1px 0 #000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.landing-features{grid-template-columns:1fr;padding:30px 20px}}