@font-face{font-family:Minecraft;src:url(assets/fonts/Minecraft.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden}body{font-family:Minecraft,Courier New,monospace;background:linear-gradient(135deg,#1a1a2e,#16213e);height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.game-container{text-align:center;background:#ffffff1a;padding:30px;border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto;width:100%;max-width:100%;height:100vh;max-height:100vh;justify-content:center}h1{color:#4ecca3;margin-bottom:20px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.score-board{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.score-row{display:flex;gap:30px;justify-content:center;align-items:center}.game-banner{max-width:100%;width:400px;height:auto;margin-bottom:15px;border-radius:10px;box-shadow:0 4px 15px #0000004d}.score,.high-score{background:#0000004d;padding:10px 20px;border-radius:10px;color:#fff;font-size:1.2rem}#score,#high-score,#finalScore{color:#4ecca3;font-weight:700;font-size:1.4rem}#gameCanvas{max-width:100%;max-height:calc(100vh - 300px);width:auto;height:auto;display:block;margin:0 auto 20px;border:4px solid #ff00ff;border-radius:10px;box-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 40px #0ff,0 0 60px #0ff,inset 0 0 20px #ff00ff4d,inset 0 0 40px #0ff3;animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-pulse{0%,to{box-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 40px #0ff,0 0 60px #0ff,inset 0 0 20px #ff00ff4d,inset 0 0 40px #0ff3}50%{box-shadow:0 0 15px #f0f,0 0 30px #f0f,0 0 50px #0ff,0 0 80px #0ff,inset 0 0 30px #ff00ff80,inset 0 0 50px #0ff6}}#gameCanvas:before{content:"";position:absolute;inset:-4px;border:4px solid transparent;border-image:linear-gradient(45deg,#f0f 0% 25%,#0ff 50% 75%,#f0f) 1;border-radius:10px;pointer-events:none;animation:border-rotate 4s linear infinite}@keyframes border-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}#gameCanvas:after{content:"";position:absolute;inset:-8px;background:linear-gradient(90deg,transparent 50%,#ff00ff 50%),linear-gradient(0deg,transparent 50%,#00ffff 50%);background-size:20px 20px;border-radius:14px;pointer-events:none;opacity:.5;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:20px 20px}}#startButton{margin-top:20px;padding:15px 40px;font-size:1.3rem;font-weight:700;color:#1a1a2e;background:#4ecca3;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4ecca366;display:none}#startButton:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4ecca399}#startButton:active{transform:translateY(0)}.game-over{display:none;position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:40px 60px;border-radius:20px;text-align:center;z-index:100;border:3px solid #ff00ff;box-shadow:0 0 20px #f0f,0 0 40px #f0f,0 0 60px #0ff,0 0 80px #0ff,inset 0 0 30px #ff00ff4d,inset 0 0 50px #0ff3;animation:neon-pulse 2s ease-in-out infinite}.game-over h2{color:#eb2bf1ad;font-size:2.5rem;margin-bottom:20px;text-shadow:0 0 10px #ff6b6b,0 0 20px #ff6b6b,0 0 30px #ff6b6b;animation:text-glow 1.5s ease-in-out infinite alternate}@keyframes text-glow{0%{text-shadow:0 0 8px #ff6b6b,0 0 16px #ff6b6b,0 0 30px #ff6b6b}to{text-shadow:0 0 20px #ff6b6b,0 0 30px #ff6b6b,0 0 40px #ff6b6b,0 0 50px #ff6b6b}}.game-over p{color:#fff;font-size:1.5rem;margin-bottom:30px}.game-over-buttons{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}.play-again-text{color:#fff;font-size:1.2rem;margin-bottom:5px;font-weight:700}#playAgainButton,#returnToStartButton{padding:12px 35px;font-size:1.1rem;font-weight:700;color:#1a1a2e;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}#playAgainButton{background:#ff6b6b}#playAgainButton:hover{background:#ff8787;transform:translateY(-2px)}#returnToStartButton{background:#4ecca3}#returnToStartButton:hover{background:#6ee0b7;transform:translateY(-2px)}#restartButton{padding:12px 35px;font-size:1.1rem;font-weight:700;color:#1a1a2e;background:#ff6b6b;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}#restartButton:hover{background:#ff8787;transform:translateY(-2px)}.instructions{margin-top:20px;color:#ffffffb3;font-size:.9rem}.question-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;justify-content:center;align-items:center}.question-modal.active{display:flex}.startup-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;justify-content:center;align-items:center}.startup-modal.active{display:flex}.modal-content{background:#1a1a2ef2;padding:35px;border-radius:20px;text-align:center;min-width:400px;max-width:500px;box-shadow:0 15px 50px #0009,0 0 0 1px #4ecca34d;border:1px solid rgba(78,204,163,.2)}.modal-content h3{color:#4ecca3;margin-bottom:20px;font-size:1.5rem}.startup-modal .modal-content h3{color:#4ecca3;margin-bottom:30px;font-size:2rem;text-shadow:0 0 10px rgba(78,204,163,.5)}.startup-modal .form-group{margin-bottom:30px;text-align:center}.startup-modal .form-group label{display:block;color:#4ecca3;font-size:1rem;font-weight:700;margin-bottom:12px;text-align:center;text-transform:uppercase;letter-spacing:1px}.startup-modal .form-group input[type=text]{width:100%;max-width:200px;padding:15px 20px;font-size:1.3rem;border:2px solid rgba(78,204,163,.5);border-radius:10px;margin:0 auto;display:block;text-align:center;text-transform:uppercase;background:#0000004d;color:#fff;font-family:Minecraft,Courier New,monospace;transition:all .3s ease}.startup-modal .form-group input[type=text]::placeholder{color:#fff6}.startup-modal .form-group input[type=text]:focus{outline:none;border-color:#4ecca3;box-shadow:0 0 20px #4ecca366;background:#00000080}.tile-size-options{display:flex;justify-content:center;gap:40px}.radio-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.radio-option input[type=radio]{display:none}.radio-option span{width:70px;height:70px;background:#ffffff1a;border:3px solid rgba(78,204,163,.5);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;color:#4ecca3;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.radio-option span:hover{border-color:#4ecca3;box-shadow:0 0 20px #4ecca366;transform:translateY(-3px)}.radio-option input[type=radio]:checked+span{background:#4ecca333;color:#4ecca3;border-color:#4ecca3;box-shadow:0 0 30px #4ecca399,inset 0 0 20px #4ecca333;transform:scale(1.1)}.startup-modal .btn-shiny-primary{width:100%;max-width:200px;margin-top:20px;font-family:Minecraft,Courier New,monospace;background:#4ecca3;color:#1a1a2e;font-weight:700;font-size:1.1rem;padding:15px 40px;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4ecca366;text-transform:uppercase;letter-spacing:1px}.startup-modal .btn-shiny-primary:hover{transform:translateY(-3px);box-shadow:0 6px 25px #4ecca399;background:#6ee0b7}.startup-modal .btn-shiny-primary:active{transform:translateY(0);box-shadow:0 2px 10px #4ecca34d}.question-text{font-size:1.3rem;font-weight:700;color:#fffbfb;margin-bottom:20px;line-height:1.4}#answerInput{width:100%;padding:12px 15px;font-size:1.1rem;border:2px solid #4ecca3;border-radius:8px;margin-bottom:15px;outline:none;text-align:center}#answerInput:focus{box-shadow:0 0 10px #4ecca380}#submitAnswer{padding:12px 30px;font-size:1.1rem;font-weight:700;color:#1a1a2e;background:#4ecca3;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}#submitAnswer:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecca399}.hint{margin-top:15px;font-size:.9rem;color:#ff6b6b;font-weight:700}.btn-shiny{text-decoration:none;border:1px solid rgb(146,148,248);position:relative;overflow:hidden}.btn-shiny:hover{box-shadow:1px 1px 25px 10px #9294f866}.btn-shiny:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(146,148,248,.4),transparent);transition:all .65s}.btn-shiny:hover:before{left:100%}.btn-shiny-primary{border-color:#4ecca3}.btn-shiny-primary:hover{box-shadow:1px 1px 25px 10px #4ecca366}.btn-shiny-primary:before{background:linear-gradient(120deg,transparent,rgba(78,204,163,.4),transparent)}.btn-shiny-danger{border-color:#ff6b6b}.btn-shiny-danger:hover{box-shadow:1px 1px 25px 10px #ff6b6b66}.btn-shiny-danger:before{background:linear-gradient(120deg,transparent,rgba(255,107,107,.4),transparent)}#openOptionsBtn{margin-top:20px;margin-right:10px;padding:12px 30px;font-size:1.1rem;background:#ff6b6b;color:#1a1a2e;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b66;text-transform:uppercase;letter-spacing:1px}#openOptionsBtn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ff6b6b99;background:#ff8787}#openOptionsBtn:active{transform:translateY(0)}.options-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;justify-content:center;align-items:center}.options-modal.active{display:flex}.options-modal .modal-content h3{color:#4ecca3;margin-bottom:30px;font-size:2rem}.options-modal .form-group{margin-bottom:25px}.options-modal .form-group label{display:block;color:#4ecca3;font-size:1rem;margin-bottom:10px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:1px}.options-modal input[type=range]{width:100%;max-width:250px;margin:0 auto 10px;display:block;cursor:pointer}.options-modal .volume-value{color:#fff;font-size:1.1rem;display:block;text-align:center;font-weight:700}.options-modal .btn-shiny-primary{background:#4ecca3;color:#1a1a2e;padding:12px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-right:10px;box-shadow:0 4px 15px #4ecca366}.options-modal .btn-shiny-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecca399;background:#6ee0b7}.options-modal .btn-shiny-danger{background:#ff6b6b;color:#1a1a2e;padding:12px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b66}.options-modal .btn-shiny-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99;background:#ff8787}.game-over{overflow-y:auto;max-height:90vh}.leaderboard-container{margin:15px 0 20px}.leaderboard-title{color:gold;font-size:1.1rem;margin-bottom:10px;text-shadow:0 0 10px rgba(255,215,0,.6);letter-spacing:1px}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table thead tr{background:#4ecca326}.leaderboard-table th{color:#4ecca3;padding:6px 10px;text-align:center;border-bottom:1px solid rgba(78,204,163,.3);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.leaderboard-table td{padding:5px 10px;text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard-table tbody tr:hover{background:#4ecca314}.lb-rank{font-size:1rem;width:30px}.lb-name{font-weight:700;color:#4ecca3;letter-spacing:2px}.lb-score{color:gold;font-weight:700}.lb-date{color:#ffffff80;font-size:.75rem}.leaderboard-new{background:#ffd7001f!important;animation:lb-flash 1s ease-in-out 2}@keyframes lb-flash{0%,to{background:#ffd7001f}50%{background:#ffd70047}}.streak-display{color:#ff6b6b;font-size:1.4rem;font-weight:700;opacity:0;transition:opacity .3s ease;text-shadow:0 0 10px rgba(255,107,107,.5);background:#0000004d;padding:10px 20px;border-radius:10px}.streak-display.active{opacity:1}.streak-display.bonus{animation:streak-pulse .5s ease-in-out}@keyframes streak-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:1}}.linear-wipe{text-align:center;background:linear-gradient(to right,#fff 20%,#c93fc2,#4198ca,#fff 80%);background-size:200% auto;color:#cf3939;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 1s linear infinite;@keyframes shine{to{background-position:200% center}}}*{padding:0;margin:0}.container{display:flex;justify-content:center;align-items:center;height:100vh}a{font-size:1.5rem;padding:1rem 3rem;color:#f4f4f4;text-transform:uppercase}.btn{text-decoration:none;border:1px solid rgb(146,148,248);position:relative;overflow:hidden}.btn:hover{box-shadow:1px 1px 25px 10px #9294f866}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(146,148,248,.4),transparent);transition:all .65s}.btn:hover:before{left:100%}