body{background-color:#000;color:#fff}.container{max-width:800px;margin:0 auto;padding:20px;text-align:center}#wort-anzeige{margin:20px 0;font-size:2em;letter-spacing:5px}#falsche-buchstaben{margin-top:20px}#falsche-liste{font-size:1.2em;color:red}canvas{border:1px solid #fff;margin:20px 0;background-color:#000}input,button{background-color:#333;color:#fff;border:1px solid #fff;font-size:1.2em;margin:10px;padding:5px}#buchstabe{width:30px;text-align:center}#gewonnen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1001;pointer-events:none}.gewonnen-nachricht{background-color:#333;padding:2em;border-radius:10px;border:2px solid #fff;text-align:center;animation:einblenden .5s ease-out;pointer-events:auto}.gewonnen-nachricht h2{color:#fff;font-size:2em;margin-bottom:.5em}.gewonnen-nachricht button{margin-top:1em;padding:.5em 1em;font-size:1.2em;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:5px;transition:background-color .3s}.gewonnen-nachricht button:hover{background-color:#45a049}@keyframes einblenden{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#modus-auswahl{margin:2em 0}#modus-auswahl button{margin:.5em;padding:1em 2em;font-size:1.2em;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:5px;transition:background-color .3s}#modus-auswahl button:hover{background-color:#45a049}.erratenes-wort{font-size:1.5em;font-weight:700;color:#4caf50;margin:.5em 0}#gameover-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1001;pointer-events:none}.gameover-nachricht{background-color:#333;padding:2em;border-radius:10px;border:2px solid #ff4444;text-align:center;animation:einblenden .5s ease-out;pointer-events:auto}.gameover-nachricht h2{color:#f44;font-size:2em;margin-bottom:.5em}.gameover-nachricht button{margin-top:1em;padding:.5em 1em;font-size:1.2em;cursor:pointer;background-color:#f44;color:#fff;border:none;border-radius:5px;transition:background-color .3s}.gameover-nachricht button:hover{background-color:#f22}#anleitung-button{position:fixed;top:20px;right:20px;padding:10px 20px;background-color:#333;color:#fff;border:1px solid #fff;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s}#anleitung-button:hover{background-color:#444}#anleitung-button span{font-size:1.2em;margin-right:5px}#anleitung-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:2000}.anleitung-inhalt{background-color:#333;padding:2em;border-radius:10px;border:2px solid #fff;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;color:#fff}.anleitung-inhalt h2{color:#4caf50;margin-bottom:1em}.anleitung-inhalt h3{color:#4caf50;margin:1em 0 .5em}.anleitung-inhalt ul{list-style-type:none;padding:0}.anleitung-inhalt li{margin:.5em 0;padding-left:1.5em;position:relative}.anleitung-inhalt li:before{content:"•";color:#4caf50;position:absolute;left:.5em}.anleitung-inhalt button{margin-top:1.5em;padding:.5em 1em;font-size:1.2em;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.anleitung-inhalt button:hover{background-color:#45a049}#hauptmenu-button{position:fixed;top:20px;left:20px;padding:10px 20px;background-color:#333;color:#fff;border:1px solid #fff;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s}#hauptmenu-button:hover{background-color:#444}#hauptmenu-button span{font-size:1.2em;margin-right:5px}#hauptmenu-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:2000}.confirm-nachricht{background-color:#333;padding:2em;border-radius:10px;border:2px solid #ffd700;text-align:center;animation:einblenden .5s ease-out}.confirm-nachricht h2{color:gold;font-size:2em;margin-bottom:.5em}.warning-text{color:#ff6b6b;font-style:italic;margin:1em 0}.button-gruppe{display:flex;justify-content:center;gap:1em;margin-top:1.5em}.ja-button,.nein-button{padding:.5em 2em;font-size:1.2em;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s}.ja-button{background-color:#f44;color:#fff}.ja-button:hover{background-color:#f22}.nein-button{background-color:#4caf50;color:#fff}.nein-button:hover{background-color:#45a049}#menu-mannchen{margin-top:2em;background-color:transparent;border:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#virtuelle-tastatur{position:fixed;bottom:0;left:0;width:100%;background-color:#333;padding:10px;box-shadow:0 -2px 10px rgba(0,0,0,.5);z-index:1000}.tastatur-reihe{display:flex;justify-content:center;margin:5px 0;gap:5px}.tastatur-reihe button{padding:10px;min-width:40px;background-color:#444;color:#fff;border:1px solid #555;border-radius:5px;cursor:pointer;font-size:1.2em;touch-action:manipulation}.tastatur-reihe button:active{background-color:#666}.tastatur-reihe button.gedrückt{background-color:#4caf50}.tastatur-reihe button.falsch{background-color:#f44}@media (min-width: 768px){#virtuelle-tastatur{display:none}#anleitung-button{right:120px}}@media (max-width: 767px){.container{padding-bottom:250px}#tastatur-toggle{display:none}}#tastatur-einblenden{position:fixed;bottom:20px;right:20px;width:50px;height:50px;padding:0;background-color:#4caf50;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.5em;transition:all .3s;z-index:1001;box-shadow:0 2px 5px rgba(0,0,0,.2)}#tastatur-einblenden:hover{transform:scale(1.1);background-color:#45a049}.tastatur-header{display:flex;justify-content:flex-end;padding:0 10px 10px}.tastatur-ausblenden{padding:8px 15px;background-color:#f44;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s}.tastatur-ausblenden:hover{background-color:#f22}@media (max-width: 767px){#tastatur-einblenden{display:none!important}.tastatur-header{display:none}}