*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;max-width:1200px;padding:20px}.container{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}h1{color:#333;margin-bottom:10px;font-size:2.5rem;text-align:center}h2{color:#555;margin-bottom:20px;font-size:1.8rem}h3{color:#666;margin-bottom:15px;font-size:1.3rem}p{color:#666;line-height:1.6;margin-bottom:20px}button{background:#667eea;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}button:disabled{background:#ccc;cursor:not-allowed;transform:none}input{padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;width:100%;transition:border-color .3s ease}input:focus{outline:none;border-color:#667eea}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:#555;font-weight:600}.wordle-grid{display:grid;grid-template-rows:repeat(6,1fr);gap:8px;margin:30px auto;max-width:350px}.wordle-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.wordle-cell{aspect-ratio:1;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;text-transform:uppercase;border-radius:4px;transition:all .3s ease}.wordle-cell.correct{background:#6aaa64;border-color:#6aaa64;color:#fff}.wordle-cell.present{background:#c9b458;border-color:#c9b458;color:#fff}.wordle-cell.absent{background:#787c7e;border-color:#787c7e;color:#fff}.players-list{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.players-list h3{margin-bottom:10px}.player-item{padding:8px;background:#fff;margin-bottom:8px;border-radius:4px;border-left:4px solid #667eea}.suggestions-section{margin:30px 0}.suggestions-grid{display:grid;gap:12px;margin-top:15px}.suggestion-card{background:#f8f9fa;padding:15px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.suggestion-card:hover{border-color:#667eea;transform:translateY(-2px)}.suggestion-card.selected{border-color:#667eea;background:#e8ebfd}.suggestion-card.hidden{background:#e9ecef;cursor:default}.suggestion-card.hidden:hover{transform:none;border-color:transparent}.suggestion-word{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:5px}.suggestion-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#666}.votes{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-weight:600}.game-phase{background:#667eea;color:#fff;padding:8px 16px;border-radius:20px;display:inline-block;margin-bottom:20px;font-weight:600}.button-group{display:flex;gap:12px;margin-top:20px}.button-group button{flex:1}.game-over{text-align:center;padding:30px;background:#f8f9fa;border-radius:12px;margin:20px 0}.game-over.won{background:#d4edda;color:#155724}.game-over.lost{background:#f8d7da;color:#721c24}.game-over h2{margin-bottom:15px}.revealed-word{font-size:3rem;font-weight:700;margin:20px 0;color:#667eea}.home-container{max-width:500px;margin:0 auto}.home-description{text-align:center;margin-bottom:30px}.home-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.home-action-hint{margin-top:10px;font-size:14px;text-align:center;color:#666}.home-divider{text-align:center;margin:20px 0;color:#999;font-weight:600}.link-display{background:#f8f9fa;padding:15px;border-radius:8px;margin-top:20px;text-align:center}.link-input-group{display:flex;gap:10px;margin-top:10px;align-items:center}.link-display input{font-family:monospace;background:#fff;flex:1}.copy-button{white-space:nowrap;flex-shrink:0}.guess-input-container{margin:20px auto;max-width:350px}.guess-input-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.guess-input-cell{aspect-ratio:1;border:3px solid #333;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;text-transform:uppercase;border-radius:4px;background:#fff;min-height:60px;-webkit-user-select:none;user-select:none}.status-message{padding:12px;border-radius:8px;margin:15px 0;text-align:center}.status-message.info{background:#d1ecf1;color:#0c5460}.status-message.error{background:#f8d7da;color:#721c24}.loading{text-align:center;padding:40px;color:#666}.keyboard{margin:20px auto;max-width:500px;-webkit-user-select:none;user-select:none}.keyboard-row{display:flex;justify-content:center;gap:6px;margin-bottom:6px}.keyboard-key{min-width:43px;height:58px;border-radius:4px;border:none;background:#d3d6da;color:#000;font-weight:700;font-size:18px;cursor:pointer;transition:all .15s ease;padding:0 8px;text-transform:uppercase}.keyboard-key.special{min-width:65px;font-size:16px}.keyboard-key:hover:not(:disabled){background:#b8bbbe;transform:scale(1.05)}.keyboard-key:active:not(:disabled){transform:scale(.95)}.keyboard-key:disabled{opacity:.5;cursor:not-allowed}.keyboard-key.correct{background:#6aaa64;color:#fff}.keyboard-key.present{background:#c9b458;color:#fff}.keyboard-key.absent{background:#787c7e;color:#fff}.game-header{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:20px}.game-header-compact .link-display{margin-top:0;padding:10px}.game-header-compact .link-display strong{font-size:14px}.game-header-compact .link-input-group{margin-top:8px}.game-header-compact .link-display input{font-size:13px;padding:8px}.game-header-compact .copy-button{padding:8px 12px;font-size:13px}.game-header-compact .players-list{padding:10px;margin-bottom:0}.game-header-compact .players-list h3{font-size:1rem;margin-bottom:8px}.game-header-compact .player-item{padding:6px;font-size:14px}.invalid-word-message{background:#fff3cd;color:#856404;padding:10px;border-radius:8px;margin:10px 0;text-align:center;font-size:14px;border:1px solid #ffeaa7}.game-layout{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:30px}@media (max-width: 768px){body{align-items:flex-start}#root{max-width:100%;padding:10px}.container{padding:20px;border-radius:12px}h1{font-size:1.8rem;margin-bottom:15px}h2{font-size:1.4rem}h3{font-size:1.1rem}.game-layout{grid-template-columns:1fr;gap:20px}.game-header{grid-template-columns:1fr;gap:10px}.wordle-grid{max-width:100%;gap:5px;margin:20px auto}.wordle-cell{font-size:2rem}.guess-input-cell{font-size:2rem;min-height:50px}.button-group{flex-direction:column;gap:10px}.button-group button{width:100%}input{font-size:16px}.suggestion-word{font-size:1.3rem}.link-display input{font-size:14px}.revealed-word{font-size:2rem}.keyboard{max-width:100%}.keyboard-key{min-width:32px;height:48px;font-size:15px;padding:0 4px}.keyboard-key.special{min-width:48px;font-size:13px}}@media (max-width: 480px){.container{padding:15px}h1{font-size:1.5rem}.wordle-cell{font-size:1.2rem}button{padding:10px 20px;font-size:14px}}