:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1a202c;background-color:#f7fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#3b5998;text-decoration:inherit}a:hover{color:#2d4373}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;color:#1a202c}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#edf2f7;color:#1a202c;cursor:pointer;transition:border-color .25s}button:hover{border-color:#4a6cf7}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:600px;margin:0 auto;padding:1rem;font-family:system-ui,-apple-system,sans-serif}h1{font-size:1.5rem;margin-bottom:.5rem;color:#1a202c}h2{font-size:1.2rem;color:#2d3748}h3{font-size:1rem;margin-bottom:.5rem;color:#2d3748}button{padding:.5rem 1rem;border:none;border-radius:6px;background:#4a6cf7;color:#fff;cursor:pointer;font-size:.9rem;margin:.25rem}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){background:#3a5ce5}input[type=text]{padding:.5rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;width:100%;max-width:300px;margin:.25rem 0;box-sizing:border-box;color:#1a202c;background:#fff}input[type=checkbox]{accent-color:#4a6cf7}label{color:#2d3748}.landing,.room-join{text-align:center;padding-top:2rem}.join-form{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.divider{color:#718096;margin:.5rem 0;font-size:.85rem}.error{color:#c53030}.room{text-align:center}.room-state{color:#4a5568;margin-bottom:.5rem}.share-link{font-size:.9rem;color:#4a5568;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.copy-btn{font-size:.75rem;padding:.25rem .6rem;background:#edf2f7;color:#4a5568;border:1px solid #cbd5e0}.copy-btn:hover:not(:disabled){background:#e2e8f0}.player-list ul{list-style:none;padding:0}.player-list li{padding:.3rem 0;color:#2d3748}.badge{font-size:.7rem;padding:.15rem .4rem;border-radius:3px;margin-left:.4rem}.badge.coordinator{background:#fbd38d;color:#744210}.badge.you{background:#bee3f8;color:#2a4365}.coordinator-controls{border-top:1px solid #e2e8f0;padding-top:1rem;margin-top:1rem}.promote-section{margin-top:.5rem}.promote-section h4{font-size:.85rem;color:#4a5568}.game-selection{margin:.5rem 0}.game-selection h4{color:#2d3748;margin-bottom:.5rem}.game-select-btn{width:100%;max-width:300px;padding:.75rem;font-size:1rem}.game-settings{margin:.5rem 0;text-align:left}.game-settings h4{color:#2d3748;margin-bottom:.75rem;text-align:center}.setting-row{margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.setting-row label{color:#2d3748;font-size:.9rem}.setting-row input[type=number]{width:60px;padding:.3rem .4rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;color:#1a202c;background:#fff}.checkbox-label{display:flex;align-items:center;gap:.4rem;cursor:pointer}.settings-actions{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:1rem}.settings-actions button{width:100%;max-width:300px}.quick-start-btn{background:#38a169}.quick-start-btn:hover{background:#2f855a}.card-display{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin:1rem 0}.round-indicator{font-size:.8rem;color:#4a5568;margin-bottom:.5rem}.card-prompt{font-size:1.2rem;font-weight:600;color:#1a202c}.card-type-hint{font-size:.8rem;color:#718096;margin-top:.5rem}.card-type-selector{text-align:center;margin:1rem 0}.card-type-selector p{color:#4a5568}.card-type-buttons{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-top:.5rem}.card-type-buttons button{width:100%;max-width:300px}.answer-input{margin:1rem 0}.answer-input.submitted{color:#4a5568;font-style:italic}.options{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-bottom:.5rem}.option-btn{width:100%;max-width:300px;padding:.75rem;background:#edf2f7;color:#2d3748;border:2px solid transparent;font-size:1rem}.option-btn.selected{border-color:#4a6cf7;background:#ebf4ff;color:#1a202c}.option-btn:hover{background:#e2e8f0;color:#1a202c}.answer-progress{font-size:.85rem;color:#4a5568}.spectator-banner{font-style:italic;color:#718096;font-size:.9rem}.round-result{background:ivory;border:1px solid #ecc94b;border-radius:8px;padding:1rem;margin:1rem 0}.round-result h3{color:#744210}.winning-answer{font-size:1.1rem;margin:.5rem 0;color:#2d3748}.player-results{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.player-result{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border-radius:6px;font-size:.85rem}.player-result.team-green{background:#c6f6d5;color:#22543d}.player-result.team-orange{background:#feebc8;color:#744210}.player-result .points{font-weight:700;color:#276749}.scoreboard{margin:1rem 0}.scoreboard h3{color:#2d3748}.score-list{display:flex;flex-direction:column;gap:.3rem}.score-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:6px;font-size:.85rem}.score-row.team-green{background:#c6f6d5;color:#22543d}.score-row.team-orange{background:#feebc8;color:#744210}.score-row.is-you{font-weight:700}.rank{width:1.5rem}.player-name{flex:1;text-align:left}.team-badge{font-size:.7rem;padding:.1rem .3rem;border-radius:3px;text-transform:uppercase}.team-badge.green{background:#38a169;color:#fff}.team-badge.orange{background:#dd6b20;color:#fff}.score{font-weight:600}.game-over{text-align:center;padding:1rem 0}.game-over h2{color:#1a202c}.winner-announcement{font-size:1.3rem;margin:1rem 0;color:#2d3748}.winner-name{color:#38a169;font-weight:700}.final-standings{margin:1rem 0}.standing-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:6px;margin-bottom:.3rem;font-size:.9rem}.standing-row.team-green{background:#c6f6d5;color:#22543d}.standing-row.team-orange{background:#feebc8;color:#744210}.back-to-lobby{margin-top:1rem}.mc-view{text-align:center;padding:1.5rem}.mc-view h1{font-size:2rem}.mc-view .card-display{padding:2rem}.mc-view .card-prompt{font-size:1.6rem}.mc-view .answer-progress{font-size:1.1rem}.mc-view .scoreboard{font-size:1rem}.badge.mc{background:#d6bcfa;color:#44337a}.mc-section{margin:.5rem 0}.mc-toggle-btn{background:#805ad5}.mc-toggle-btn:hover{background:#6b46c1}.mc-toggle-btn.active{background:#e53e3e}.mc-toggle-btn.active:hover{background:#c53030}.advance-btn{background:#dd6b20;margin-top:.5rem}.advance-btn:hover{background:#c05621}.abandon-btn{background:#e53e3e;margin-top:.5rem}.abandon-btn:hover{background:#c53030}.back-btn{background:#718096;color:#fff;margin-top:1rem}.back-btn:hover{background:#4a5568}
