:root{--primary-color:#ff4757;--secondary-color:#2ed573;--accent-color:#1e90ff;--background-color:#f1f2f6;--text-color:#2f3542;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;font-family:Comic Sans MS,Chalkboard SE,"cursive",sans-serif;display:flex}#root{width:100%;max-width:800px;padding:20px}.container{background:var(--card-bg);text-align:center;border:5px solid var(--accent-color);border-radius:30px;padding:30px;box-shadow:0 10px 30px #0000001a}h1{color:var(--primary-color);text-shadow:2px 2px #fff, 4px 4px var(--accent-color);margin-bottom:20px;font-size:3rem}.upload-section{border:4px dashed var(--accent-color);cursor:pointer;border-radius:20px;margin:20px 0;padding:40px;transition:transform .2s}.upload-section:hover{background-color:#e3f2fd;transform:scale(1.02)}.room-panel{text-align:left;background:#fff7d6;border:3px solid #ffa502;border-radius:18px;margin-bottom:20px;padding:16px}.room-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.room-header h2{color:var(--accent-color);margin-bottom:4px;font-size:1.35rem}.room-header p{font-size:.95rem;line-height:1.35}.room-code{background:var(--text-color);color:#fff;letter-spacing:2px;white-space:nowrap;border-radius:10px;padding:10px 14px}.room-controls{grid-template-columns:minmax(120px,1fr) auto minmax(100px,.8fr) auto auto;align-items:center;gap:8px;display:grid}.room-controls input{border:2px solid var(--accent-color);width:100%;font:inherit;border-radius:12px;min-width:0;padding:11px 12px;font-size:1rem}.room-controls button,.room-meta button,.chat-controls button{border-radius:14px;margin:0;padding:12px 14px;font-size:1rem;box-shadow:0 4px #219150}.room-controls .danger-button{background:var(--primary-color);box-shadow:0 4px #b91f2b}.room-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.player-list{flex-wrap:wrap;gap:8px;display:flex}.player-list span{border:2px solid var(--secondary-color);background:#fff;border-radius:999px;padding:7px 12px;font-size:.95rem}.room-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.room-actions .danger-button{background:var(--primary-color);box-shadow:0 4px #b91f2b}.voice-button{background:var(--accent-color);box-shadow:0 4px #0e67b7}.voice-status{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.voice-status span{border:2px solid var(--accent-color);background:#e3f2fd;border-radius:999px;padding:7px 10px;font-size:.9rem}.remote-audio{display:none}.chat-box,.score-board{background:#fff;border-radius:14px;margin-top:12px;padding:12px}.chat-messages{flex-direction:column;gap:8px;max-height:160px;display:flex;overflow-y:auto}.chat-messages p{background:#f1f2f6;border-radius:10px;padding:8px 10px;font-size:.95rem;line-height:1.35}.chat-messages strong{color:var(--accent-color);margin-right:8px}.chat-messages span{color:#747d8c;margin-right:8px;font-size:.8rem}.muted-text{color:#747d8c}.chat-controls{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.chat-controls input{border:2px solid var(--accent-color);font:inherit;border-radius:12px;min-width:0;padding:11px 12px;font-size:1rem}.score-board h3{color:var(--primary-color);margin-bottom:8px;font-size:1.1rem}.score-row{background:#f1f2f6;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;display:grid}.score-row b{color:var(--secondary-color)}.challenge-feed{background:#fff;border-radius:12px;margin-top:12px;padding:10px 12px}.challenge-feed p{font-size:.95rem;line-height:1.35}button{background-color:var(--secondary-color);color:#fff;cursor:pointer;border:none;border-radius:50px;margin:10px;padding:15px 30px;font-size:1.5rem;transition:all .1s;box-shadow:0 5px #219150}button:active{transform:translateY(3px);box-shadow:0 2px #219150}.stats{background:#eee;border-radius:15px;justify-content:space-around;margin:20px 0;padding:15px;font-size:1.5rem;display:flex}.puzzle-board{border:4px solid var(--text-color);background:var(--text-color);gap:2px;width:min(90vw,500px);height:auto;margin:20px auto;display:grid;position:relative}.puzzle-piece{cursor:pointer;touch-action:none;background-repeat:no-repeat;border:1px solid #ffffff4d;border-radius:8px;transition:all .2s ease-in-out}.puzzle-piece.empty{cursor:default;background:#ccc}.puzzle-piece:hover{filter:brightness(1.1)}.message{margin:20px 0;font-size:2rem;font-weight:700}.success{color:var(--secondary-color)}.fail{color:var(--primary-color)}.timer{color:var(--primary-color);font-weight:700}.last-move{color:var(--accent-color);font-weight:700}@media (width<=700px){body{align-items:flex-start}#root{padding:12px}.container{border-radius:20px;padding:18px}h1{font-size:2.1rem}.room-header,.room-meta,.stats{flex-direction:column;align-items:stretch}.room-controls{grid-template-columns:1fr}.room-actions,.voice-status{flex-direction:column}.chat-controls,.score-row{grid-template-columns:1fr}button{width:100%;font-size:1.2rem}}