:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;width:100%}.app{max-width:800px;width:100%;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column;gap:1.5rem}.header{text-align:center;position:relative;padding:1rem 0;border-bottom:2px solid #e9ecef}.header h1{margin:0;font-size:2.5rem;color:#2c3e50;font-weight:700}.header p{margin:.5rem 0 0;color:#6c757d;font-size:1rem}.play-name{margin:.5rem 0;color:#495057;font-size:.9rem;font-style:italic;font-weight:500}.streak-display{color:#e74c3c;font-weight:600;font-size:1rem;margin:.25rem 0 0;display:flex;align-items:center;justify-content:center;gap:.25rem}.help-button{position:absolute;top:1rem;right:0;width:36px;height:36px;border:2px solid #6c757d;background:#fff;color:#6c757d;border-radius:50%;cursor:pointer;font-size:1.1rem;font-weight:600;font-family:serif;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.help-button:hover{background:#6c757d;color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #00000026}.quote-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem}.mistake-dots,.hint-buttons{display:flex;gap:.5rem}.hint-btn{width:32px;height:32px;border:2px solid #dee2e6;background:#fff;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hint-btn.locked{color:#6c757d;border-color:#6c757d}.hint-btn.locked:hover{background:#f8f9fa;transform:scale(1.05)}.hint-btn.unlocked{color:#28a745;border-color:#28a745;background:#d4edda}.hint-btn:disabled{opacity:.6;cursor:not-allowed}.hint-btn:disabled:hover{transform:none}.dot{width:12px;height:12px;border:2px solid #dee2e6;border-radius:50%;transition:all .3s}.dot.filled{background-color:#dc3545;border-color:#dc3545}.quote-container{padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;min-height:160px;line-height:1.6;width:100%;max-width:100%}.quote-tiles{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:center;align-items:flex-start;width:100%;max-width:100%}.word{display:flex;align-items:flex-start;gap:2px;white-space:nowrap}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:42px;min-height:50px;padding:6px;border:2px solid #dee2e6;border-radius:6px;background:#f8f9fa;cursor:pointer;transition:all .2s,transform .3s;position:relative;transform-style:preserve-3d}.tile:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tile.selected{border-color:#007bff;background:#e7f3ff;box-shadow:0 0 0 3px #007bff40}.tile.locked{background:#d4edda;border-color:#28a745;cursor:default}.tile.locked:hover{transform:none;border-color:#28a745}.tile.wrong{background:#fff3cd;border-color:#ffc107}.tile.flashing{animation:flash .5s}.tile.revealing{animation:reveal .6s ease-in-out}.tile.success{animation:success .8s ease-out}.tile.shake{animation:shake .6s ease-in-out}@keyframes flash{0%,to{background-color:#f8f9fa}50%{background-color:#fff3cd}}@keyframes reveal{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(1.1)}to{transform:rotateY(0) scale(1)}}@keyframes success{0%{transform:scale(1)}50%{transform:scale(1.2);background-color:#28a745;border-color:#28a745;color:#fff}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.2) rotate(0)}75%{transform:scale(1.1) rotate(5deg)}}.celebrate{animation:celebrate .6s ease-in-out}.cipher-letter{font-size:1rem;font-weight:600;color:#495057;margin-bottom:2px}.guess-letter{font-size:.9rem;font-weight:500;color:#007bff;min-height:1rem}.correct-letter{font-size:1.2rem;font-weight:700;color:#28a745;text-align:center}.wrong-guess{font-size:.9rem;font-weight:500;color:#dc3545;min-height:1rem}.punctuation{display:flex;align-items:center;justify-content:center;min-height:50px;font-size:1rem;font-weight:600;color:#495057}.keyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:8px;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;width:100%;margin:0 auto}.key{padding:12px 8px;border:2px solid #dee2e6;background:#f8f9fa;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;color:#495057;transition:all .2s;min-height:48px}.key:hover{background:#e9ecef;border-color:#007bff}.key:active{transform:scale(.95)}.key:disabled{opacity:.5;cursor:not-allowed}.key:disabled:hover{background:#f8f9fa;border-color:#dee2e6}.key.used{background:#d4edda;border-color:#28a745;color:#28a745}.key.used:hover{background:#d4edda;border-color:#28a745}.controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.controls button{padding:12px 24px;border:2px solid #6c757d;background:#6c757d;color:#fff;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.controls button:hover{background:#5a6268;border-color:#5a6268}.controls button:disabled{opacity:.5;cursor:not-allowed}.puzzle-seed{background:#007bff!important;border-color:#007bff!important;font-size:.9rem!important;padding:8px 16px!important;font-weight:500!important}.puzzle-seed:hover{background:#0056b3!important;border-color:#0056b3!important;transform:scale(1.05)}.puzzle-navigation{display:flex;gap:.5rem;align-items:center;justify-content:center}.puzzle-input{padding:8px 12px;border:2px solid #dee2e6;border-radius:6px 0 0 6px;font-size:.9rem;width:120px;text-align:center;transition:all .2s;border-right:none}.puzzle-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.puzzle-input::placeholder{color:#6c757d}.puzzle-go-btn{padding:8px 16px!important;border:2px solid #28a745!important;background:#28a745!important;color:#fff!important;border-radius:0 6px 6px 0!important;font-size:.9rem!important;font-weight:600!important;cursor:pointer;transition:all .2s;border-left:none!important}.puzzle-go-btn:hover:not(:disabled){background:#1e7e34!important;border-color:#1e7e34!important}.puzzle-go-btn:disabled{background:#6c757d!important;border-color:#6c757d!important;cursor:not-allowed;opacity:.6}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #dee2e6}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.modal-header button{background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-header button:hover{color:#495057}.modal-body{padding:2rem}.modal-body p{margin:0 0 1rem;line-height:1.6}.modal-body ul{margin:1rem 0;padding-left:1.5rem}.modal-body li{margin-bottom:.5rem}.modal-body blockquote{margin:1rem 0;padding:1rem;background:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;font-style:italic}.end-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.end-actions button{padding:12px 24px;border:2px solid #007bff;background:#007bff;color:#fff;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.end-actions button:hover{background:#0056b3;border-color:#0056b3}.end-actions p{text-align:center;margin:0;color:#6c757d;font-style:italic}.feedback-link{margin-top:1rem;text-align:center;padding-top:1rem;border-top:1px solid #e9ecef}.feedback-link a{color:#6c757d;text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border-radius:4px;transition:all .2s}.feedback-link a:hover{color:#007bff;background-color:#f8f9fa;text-decoration:underline}@media(max-width:768px){.app{padding:.5rem;gap:1rem;max-width:100%}.header h1{font-size:2rem}.quote-container{padding:1rem;margin:0}.quote-tiles{gap:10px 20px}.keyboard{grid-template-columns:repeat(auto-fit,minmax(32px,1fr));padding:.75rem}.word{gap:1px}.tile{min-width:36px;min-height:44px;padding:5px}.cipher-letter{font-size:.9rem}.guess-letter{font-size:.8rem}.keyboard{grid-template-columns:repeat(auto-fit,minmax(35px,1fr));gap:6px;padding:.5rem}.key{padding:10px 6px;font-size:.9rem;min-height:40px}.modal-content{margin:1rem}.modal-header,.modal-body{padding:1rem}}@media(max-width:480px){.app{padding:.25rem;gap:.75rem}.header{padding:.5rem 0}.header h1{font-size:1.6rem}.help-button{width:30px;height:30px;font-size:.9rem;top:.5rem}.quote-container{padding:.5rem;border-radius:8px}.quote-tiles{gap:8px 16px}.hint-btn{width:26px;height:26px;font-size:.9rem}.keyboard{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:4px;padding:.5rem}.word{gap:1px}.tile{min-width:32px;min-height:40px;padding:3px}.keyboard{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:4px}.key{padding:8px 4px;font-size:.8rem;min-height:36px}}.other-games{margin-top:3rem;padding:2rem 1.5rem;background:#f8f9fa;border-radius:12px;text-align:center}.other-games h3{margin:0 0 1.5rem;color:#495057;font-size:1.4rem;font-weight:600}.games-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.game-link{display:block;padding:1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;text-decoration:none;color:inherit;transition:all .3s ease;min-width:160px}.game-link:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.game-name{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.game-description{font-size:.9rem;color:#6c757d}@media(max-width:480px){.other-games{margin-top:2rem;padding:1.5rem 1rem}.games-links{flex-direction:column;gap:1rem}.game-link{min-width:unset;padding:1.2rem}}