: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}}.toast{position:fixed;top:20px;right:20px;background:#333;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:2000;animation:slideIn .3s ease-out;max-width:350px}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{font-size:20px}.toast-message{flex:1;font-size:16px}.toast-info{background:#3498db}.toast-success{background:#2ecc71}.toast-warning{background:#f39c12}.toast-error{background:#e74c3c}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.closing{animation:slideOut .3s ease-in forwards}@media (max-width: 600px){.toast{top:10px;right:10px;left:10px;max-width:none}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#f0f0f0}.modal-body{padding:5px 20px;text-align:center}.share-code{margin-bottom:20px}.share-label{font-size:16px;color:#666;display:block;margin-bottom:2px}.game-code-large{font-size:36px;font-weight:700;color:#2c3e50;padding:15px;background-color:#f8f9fa;border-radius:8px;letter-spacing:4px}.share-qr{border-top:1px solid #eee;padding:5px 20px}.qr-code-large{max-width:200px;width:100%;height:auto;border-radius:8px}.game-play .word-reveal-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin:0!important}.game-play .word-display{margin:2rem 0!important}.game-play .word,.game-play .word-hidden{font-size:28px!important;font-weight:700!important;padding:20px!important;margin:0!important;border-radius:12px!important;min-height:80px!important;width:100%!important;max-width:300px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important;min-width:250px!important}.game-play .word{color:#2c3e50!important;background-color:#e8f4fd!important;border:2px solid #3498db!important}.game-play .word-hidden{color:#95a5a6!important;background-color:#f8f9fa!important;border:2px dashed #bdc3c7!important}.game-play .btn-reveal{background-color:#3498db!important;color:#fff!important;border:none!important;padding:15px 25px!important;margin:0!important;font-size:16px!important;border-radius:8px!important;cursor:pointer!important;transition:background-color .2s!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.game-play .btn-reveal:hover{background-color:#2980b9!important}.game-play .btn-reveal:active{background-color:#21618c!important;transform:scale(.98)!important}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.btn-small{padding:8px 16px;font-size:14px}.players-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.player-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:all .2s ease}.player-badge-you{background-color:#e3f2fd!important;color:#1976d2!important;border-color:#2196f3!important;box-shadow:0 2px 4px #2196f333}.player-badge-other{background-color:#f5f5f5!important;color:#333!important;border-color:#ddd!important}.player-badge:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.players-in-game{margin:20px 0;padding:15px;background-color:#fafafa;border-radius:12px;border:1px solid #e0e0e0}.player-controls{margin-top:20px;text-align:center}.players-in-game h3{margin:0 0 10px;color:#333;font-size:18px}@media (max-width: 600px){.modal-content{width:95%;margin:10px}.game-code-large{font-size:28px;letter-spacing:2px}.game-play .word,.game-play .word-hidden{font-size:24px!important;padding:15px!important;min-width:200px!important;max-width:280px!important}.players-badges{gap:6px}.player-badge{font-size:13px;padding:5px 10px}.players-in-game{padding:12px}}.qr-scanner-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-scanner-container{background:#1a1a1a;padding:20px;border-radius:10px;max-width:90%;width:450px;display:flex;flex-direction:column;align-items:center;gap:20px}.qr-scanner-header{width:100%;display:flex;justify-content:space-between;align-items:center}.qr-scanner-header h3{margin:0;color:#fff}.close-scanner{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.qr-scanner-video{border-radius:8px;background:#000}.qr-scanner-error{text-align:center;padding:20px}.qr-scanner-error p{margin:10px 0;color:#f8f9fa;font-size:16px}.qr-scanner-hint{font-size:14px;color:#ffd93d;margin-top:15px;padding:10px;background-color:#ffd93d1a;border-radius:8px;border:1px solid rgba(255,217,61,.3)}#root{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh}.App{text-align:center}h1,h2,h3{margin-bottom:1.5rem}input{width:100%;max-width:300px;padding:.75rem;margin:.5rem 0;border:1px solid #ddd;border-radius:8px;font-size:1rem}button{padding:.75rem 1.5rem;margin:.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:opacity .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#646cff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#535bf2}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.home-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.language-selector{margin:2rem 0}.language-selector select{padding:.5rem;margin-left:.5rem;border-radius:4px;border:1px solid #ddd}.game-code-display{font-size:3rem;font-weight:700;color:#646cff;margin:1rem 0;letter-spacing:.5rem}.qr-code{width:200px;height:200px;margin:0}.create-form,.join-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.error{color:#dc3545;margin:.5rem 0}.players-list{margin:2rem 0}.players-list ul{list-style:none;padding:0}.players-list li{padding:.5rem;margin:.25rem 0;background-color:#f8f9fa;border-radius:4px}.word-display{margin:2rem 0}.host-controls{margin-top:2rem;padding:1rem;background-color:#e9ecef;border-radius:8px}.waiting-message{color:#6c757d;font-style:italic}.chameleon-reveal{font-size:2rem;font-weight:700;color:#dc3545;margin:1rem 0}.words-reveal{margin:2rem 0;padding:1rem;background-color:#f8f9fa;border-radius:8px}.words-reveal p{margin:.5rem 0}.result-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.players-in-game{margin-top:2rem}.qr-section{margin:.25rem 0}.game-created{display:flex;flex-direction:column;align-items:center}