body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:Courier New,monospace;overflow:hidden}.App,body{background-color:#003}.App{align-items:center;display:flex;justify-content:center;min-height:100vh}.game-container{max-width:1200px;padding:20px;width:100%}.game-over-screen,.menu-screen{background-color:#006;border:4px solid #0ff;border-radius:10px;margin:0 auto;max-width:600px;padding:40px;text-align:center}.game-over-screen h1,.menu-screen h1{color:#ff0;font-size:48px;letter-spacing:4px;margin-bottom:20px;text-shadow:3px 3px #f0f}.menu-screen p{color:#0ff;font-size:24px;margin-bottom:30px}.subject-selection{gap:10px;justify-content:center;margin-bottom:12px}.menu-start-row,.subject-selection{align-items:center;display:flex;flex-direction:column}.menu-start-row{margin-bottom:8px}.subject-selection label{color:#ff0;font-size:20px;font-weight:700}.subject-select{background-color:#003;border:3px solid #0ff;border-radius:5px;color:#0f0;cursor:pointer;font-family:Courier New,monospace;font-size:18px;min-width:200px;padding:10px 16px}.subject-select:focus{border-color:#ff0;outline:none}.start-button.start-button-small{font-size:18px;margin-bottom:0;padding:10px 28px}.start-button:disabled{cursor:not-allowed;opacity:.5}.start-button:disabled:hover{background-color:#0f0;transform:none}.lets-go-button,.restart-button,.start-button{background-color:#0f0;border:3px solid #0ff;border-radius:5px;color:#003;cursor:pointer;font-family:Courier New,monospace;font-size:24px;font-weight:700;padding:15px 40px;transition:all .2s}.lets-go-button:hover:not(:disabled),.restart-button:hover:not(:disabled),.start-button:hover:not(:disabled){background-color:#0ff;transform:scale(1.05)}.restart-button.inactive{cursor:not-allowed;font-size:18px;opacity:.45;padding:10px 24px}.restart-button.inactive:hover{background-color:#0f0;transform:none}.game-over-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.home-page-button{background-color:initial;border:3px solid #0ff;border-radius:5px;color:#0ff;cursor:pointer;font-family:Courier New,monospace;font-size:24px;font-weight:700;padding:15px 40px;transition:all .2s}.home-page-button:hover:not(:disabled){background-color:#0ff3;transform:scale(1.05)}.home-page-button.inactive{cursor:not-allowed;font-size:18px;opacity:.45;padding:10px 24px}.home-page-button.inactive:hover{background-color:initial;transform:none}.instructions{background-color:#004;border:2px solid #0ff;border-radius:5px;margin-top:40px;padding:20px;text-align:left}.instructions h3{color:#ff0;font-size:20px;margin-bottom:15px}.instructions p{color:#fff;font-size:16px;margin:10px 0}.final-level,.final-score{color:#0f0;font-size:28px;margin:20px 0}.high-scores-section{background-color:#004;border:2px solid #0ff;border-radius:5px;margin-top:24px;padding:16px;text-align:center}.game-over-screen .high-scores-section{margin-bottom:20px}.high-scores-section h3{color:#ff0;font-size:20px;margin-bottom:12px}.high-scores-table{border-collapse:collapse;font-size:18px;margin:0 auto;max-width:280px;width:100%}.high-scores-table td,.high-scores-table th{border:1px solid #0ff;padding:8px 12px;text-align:left}.high-scores-table th{color:#0ff;font-weight:700}.high-scores-table td{color:#fff}.high-scores-table tbody tr:nth-child(odd){background-color:#00ffff14}.no-scores-message{color:#0ff;font-size:14px;font-style:italic;margin-top:8px}.high-score-entry{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.high-score-entry label{color:#0ff;font-size:18px}.initials-input{background-color:#003;border:3px solid #0ff;border-radius:5px;color:#0f0;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:4px;padding:10px;text-align:center;text-transform:uppercase;width:64px}.initials-input::placeholder{color:#066}.initials-input:focus{border-color:#ff0;box-shadow:0 0 8px #ff0;outline:none}.submit-score-button{background-color:#0f0;border:3px solid #0ff;border-radius:5px;color:#003;cursor:pointer;font-family:Courier New,monospace;font-size:18px;font-weight:700;padding:10px 20px;transition:all .2s}.submit-score-button:hover:not(:disabled){background-color:#0ff;transform:scale(1.05)}.submit-score-button:disabled{cursor:not-allowed;opacity:.5}.skip-button{background-color:initial;border:2px solid #0ff;border-radius:5px;color:#0ff;cursor:pointer;font-family:Courier New,monospace;font-size:16px;font-weight:700;padding:10px 14px;transition:all .2s}.skip-button:hover{background-color:#00ffff1f;transform:scale(1.03)}.score-saved-message{color:#0f0;font-size:20px;font-weight:700;margin:16px 0}.teaching-modal-overlay{align-items:center;background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.teaching-modal{background-color:#006;border:4px solid #0ff;border-radius:10px;box-shadow:0 0 24px #00ffff4d;max-width:420px;padding:28px 32px;text-align:center}.teaching-modal-message{color:#fff;font-size:20px;line-height:1.4;margin:0 0 20px}.resume-level-button{background-color:#0f0;border:3px solid #0ff;border-radius:5px;color:#003;cursor:pointer;font-family:Courier New,monospace;font-size:20px;font-weight:700;padding:12px 28px;transition:all .2s}.resume-level-button:hover{background-color:#0ff;transform:scale(1.05)}.hud{align-items:center;background-color:#006;border:4px solid #0ff;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px 20px}.hud-left{display:flex;gap:30px}.hud-item{font-size:18px;font-weight:700}.hud-label{color:#0ff;margin-right:10px}.hud-value{color:#ff0}.rule-display{flex:1 1;text-align:center}.rule-text{color:#ff0;font-size:22px;font-weight:700;text-transform:uppercase}.lives-display{display:flex;gap:5px}.life-icon{background-color:#0f0;border:2px solid #0ff;border-radius:3px;height:24px;width:24px}.game-board{background-color:#006;border:4px solid #f0f;border-radius:5px;padding:10px;position:relative}.grid{grid-gap:2px;display:grid;gap:2px}.cell{align-items:center;background-color:#00a;border:2px solid #0ff;color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:80px;padding:10px;position:relative;transition:all .1s}.cell-word{z-index:1}.cell.cleared{background-color:#004;border-color:#044}.cell.cleared .cell-word{opacity:.2}.player{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;width:100%;z-index:10}.player-sprite{animation:hop .5s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(0,255,0,.8));font-size:40px}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.monster{height:100%;pointer-events:none;position:absolute;width:100%;z-index:9}.monster,.monster-sprite{align-items:center;display:flex;justify-content:center}.monster-sprite{animation:float 1s ease-in-out infinite;background-color:red;border:3px solid #ff0;border-radius:50%;filter:drop-shadow(0 0 8px rgba(255,0,0,1));font-size:40px;height:50px;width:50px}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}@media (max-width:768px){.hud{flex-direction:column;gap:10px}.rule-text{font-size:18px}.cell{font-size:14px;min-height:60px;padding:5px}.monster-sprite,.player-sprite{font-size:30px}}.level-complete-screen{animation:slideIn .3s ease-out;background-color:#006;border:4px solid #0f0;border-radius:10px;margin:0 auto;max-width:600px;padding:40px;text-align:center}.level-complete-screen h1{animation:pulse .5s ease-in-out infinite;color:#0f0;font-size:48px;letter-spacing:4px;margin-bottom:20px;text-shadow:3px 3px #ff0}.complete-score{color:#ff0;font-size:32px;font-weight:700;margin:20px 0}.complete-message{color:#0ff;font-size:24px;margin-bottom:24px;margin-top:20px}.level-complete-screen .lets-go-button{margin-top:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}
/*# sourceMappingURL=main.68f29c49.css.map*/