:root{--primary-color: #3498db;--primary-dark: #2980b9;--success-color: #2ecc71;--success-dark: #27ae60;--danger-color: #e74c3c;--danger-dark: #c0392b;--background-color: #f0f2f5;--surface-color: #ffffff;--text-color: #2c3e50;--text-light: #7f8c8d;--border-color: #dfe6e9;--shadow-color: rgba(0, 0, 0, .1)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:20px;background-color:var(--background-color);color:var(--text-color);line-height:1.5}#app{max-width:1000px;margin:0 auto;min-height:calc(100vh - 40px)}.screen{display:none;background:var(--surface-color);padding:2rem;border-radius:12px;box-shadow:0 2px 4px var(--shadow-color)}.screen.active{display:block}#welcome{text-align:center;max-width:500px;margin:2rem auto}.join-controls{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.room-code{font-family:monospace;background-color:var(--background-color);padding:.2rem .5rem;border-radius:4px;font-size:1.1em}.player-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.player-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--background-color);border-radius:8px;transition:background-color .2s}.player-item.ready{background-color:#e8f5e9}.game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.round-info{flex:1}.scores-panel{flex:0 0 200px;background-color:var(--background-color);padding:1rem;border-radius:8px}.scores-list{display:flex;flex-direction:column;gap:.5rem}.score-item{display:flex;justify-content:space-between;padding:.5rem;border-bottom:1px solid var(--border-color)}.challenge-container{background-color:var(--background-color);padding:2rem;border-radius:12px;margin-top:2rem}.examples-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.example-section{background-color:var(--surface-color);padding:1rem;border-radius:8px}.examples-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.example-item{font-family:monospace;padding:.5rem;background-color:var(--background-color);border-radius:4px}.submission-container{display:flex;gap:1rem;margin-top:2rem}.submission-container .input-group{flex:1}.round-results{margin-top:2rem;padding:1rem;background-color:var(--surface-color);border-radius:8px;text-align:center}.results-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.result-item{padding:.5rem;background-color:var(--background-color);border-radius:4px}#gameOver{text-align:center}.final-scores{margin:2rem 0}.final-score-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:.5rem 0;background-color:var(--background-color);border-radius:8px}.final-score-item.winner{background-color:#fef9e7;border:2px solid #f1c40f}h1,h2,h3,h4{color:var(--text-color);margin:0}.input-group{display:flex;flex-direction:column;gap:.5rem}label{font-weight:500;color:var(--text-color)}input{padding:.8rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;transition:border-color .2s}input:focus{border-color:var(--primary-color);outline:none}button{padding:.8rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.primary-button{background-color:var(--primary-color);color:#fff}.primary-button:hover{background-color:var(--primary-dark)}.success-button{background-color:var(--success-color);color:#fff}.success-button:hover{background-color:var(--success-dark)}.danger-button{background-color:var(--danger-color);color:#fff}.danger-button:hover{background-color:var(--danger-dark)}.ready{background-color:var(--success-color)}.ready:hover{background-color:var(--success-dark)}.pattern-display{font-family:monospace;font-size:1.2em;padding:1rem;background-color:var(--surface-color);border-radius:8px;margin:1rem 0;border:2px solid var(--border-color);white-space:pre-wrap;word-break:break-all;text-align:center}.regex-pattern{margin:2rem 0;background-color:var(--surface-color);padding:1.5rem;border-radius:8px}.input-hint{font-size:.9em;color:var(--text-light);margin-top:.25rem}.optional-label{font-size:.8em;color:var(--text-light);margin-left:.5rem;font-weight:400}.button-group{display:flex;gap:1rem;align-items:flex-end}.secondary-button{background-color:var(--background-color);color:var(--text-color);border:2px solid var(--border-color)}.secondary-button:hover{background-color:var(--border-color)}.test-result{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center}.test-result.success{background-color:#e8f5e9;color:#2e7d32}.test-result.error{background-color:#ffebee;color:#c62828}.submission-text{font-family:monospace;margin-top:.5rem;color:var(--text-light);background-color:var(--surface-color);padding:.5rem;border-radius:4px}button:disabled{opacity:.5;cursor:not-allowed}input:disabled{background-color:var(--background-color);cursor:not-allowed}.lobby-controls{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.lobby-controls button{flex:0 1 auto;min-width:120px}
/*# sourceMappingURL=client.css.map */