*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-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;color:#fff}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;display:flex;flex-direction:column}.home-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.voting-header{text-align:center;margin-bottom:3rem}.voting-header h1{font-size:3rem;font-weight:700;margin:0;color:#fff;display:flex;align-items:center;justify-content:center;gap:1rem}.cube-icon{width:60px;height:60px;background:linear-gradient(45deg,#00bcd4,#2196f3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff}.voting-header p{font-size:1.2rem;color:#ffffffe6;margin:1rem 0 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;max-width:800px}.feature-item{text-align:center;color:#fff}.feature-icon{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.feature-icon.movies{background:linear-gradient(45deg,#ff6b6b,#ff8e8e)}.feature-icon.multiplayer{background:linear-gradient(45deg,#4ecdc4,#44d9e8)}.feature-icon.tournament{background:linear-gradient(45deg,#ffe66d,#ffd93d)}.feature-item h3{font-size:1.1rem;font-weight:600;margin:0;color:#ffffffe6}.main-card{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0003;max-width:500px;width:100%;text-align:center}.name-form h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.name-form input{width:100%;padding:1rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;margin-bottom:1.5rem;outline:none;transition:border-color .3s;box-sizing:border-box}.name-form input:focus{border-color:#667eea}.name-form button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s}.name-form button:hover{transform:translateY(-2px)}.menu h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;padding:2rem;text-align:center;text-decoration:none;color:#333;transition:all .3s;cursor:pointer}.action-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026;border-color:#667eea}.action-card-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.action-card.create .action-card-icon{background:linear-gradient(45deg,#2c3e50,#3498db)}.action-card.join .action-card-icon{background:linear-gradient(45deg,#e74c3c,#f39c12)}.action-card h3{font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.action-card p{color:#666;margin:0;font-size:.9rem}.create-room-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.create-room-container h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.create-room-container form{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0003;max-width:500px;width:100%}.join-room-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.join-room-container h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.join-room-container form{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0003;max-width:500px;width:100%}.form-group{margin-bottom:2rem}.form-group label{display:block;color:#333;font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.form-group input{width:100%;padding:1rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;outline:none;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{border-color:#667eea}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-actions button[type=submit]:hover{transform:translateY(-2px)}.form-actions button[type=button]{background:#f8f9fa;color:#666;border:2px solid #e9ecef}.form-actions button[type=button]:hover{background:#e9ecef}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.room-container{min-height:100vh;padding:2rem}.room-header{text-align:center;margin-bottom:3rem}.room-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.room-code{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem 1.5rem;display:inline-flex;align-items:center;gap:1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2)}.room-code span{font-weight:600;font-family:Inter,monospace;font-size:1.2rem;color:#fff}.copy-button{background:#fff;color:#667eea;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.copy-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.room-theme{color:#ffffffe6;font-size:1.1rem;margin:0}.room-content{max-width:900px;margin:0 auto}.collection-phase{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0003;margin-bottom:2rem}.collection-phase h2{color:#333;font-size:2rem;font-weight:600;margin:0 0 2rem;text-align:center}.collection-phase form{display:flex;gap:1rem;margin-bottom:2rem}.collection-phase input{flex:1;padding:1rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;outline:none;transition:border-color .3s}.collection-phase input:focus{border-color:#667eea}.collection-phase button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.collection-phase button:hover{transform:translateY(-2px)}.already-submitted{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:2rem;border-radius:16px;text-align:center;margin-bottom:2rem}.already-submitted p{margin:.5rem 0;font-size:1.1rem}.entries-list h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.entries-list ul{list-style:none;padding:0;margin:0}.entries-list li{background:#f8f9fa;padding:1.5rem;margin-bottom:1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:2px solid #e9ecef;transition:all .3s}.entries-list li:hover{border-color:#667eea;transform:translateY(-2px)}.entry-content{font-size:1.1rem;font-weight:500;color:#333}.entry-author{font-size:.9rem;color:#666;background:#e9ecef;padding:.25rem .75rem;border-radius:20px}.start-voting-button{width:100%;padding:1.5rem;margin-top:2rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:transform .2s}.start-voting-button:hover{transform:translateY(-2px)}.voting-phase{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0003;margin-bottom:2rem;text-align:center}.voting-phase h2{color:#333;font-size:2rem;font-weight:600;margin:0 0 3rem}.already-voted{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;padding:2rem;border-radius:16px;margin-bottom:2rem}.already-voted p{margin:.5rem 0;font-size:1.1rem}.voting-pair{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.voting-option{display:flex;flex-direction:column;gap:1rem}.entry-card{background:#f8f9fa;padding:2rem;border-radius:16px;border:2px solid #e9ecef;height:200px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s;cursor:pointer}.entry-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.entry-card p{font-size:1.2rem;font-weight:600;color:#333;margin:0}.voting-option button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s}.voting-option button:hover{transform:translateY(-2px)}.voting-tally{background:#f8f9fa;padding:2rem;border-radius:16px;margin-bottom:2rem}.voting-tally h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.voting-tally ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.voting-tally li{background:#fff;padding:1rem 1.5rem;border-radius:12px;border:2px solid #e9ecef;font-weight:600;color:#333}.voting-progress{background:#667eea1a;border-radius:12px;padding:1rem;margin-top:1rem}.voting-progress p{margin:0;font-weight:600;color:#667eea}.next-button{padding:1.5rem 3rem;background:linear-gradient(135deg,#fd7e14,#e68900);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s}.next-button:hover:not(:disabled){transform:translateY(-2px)}.next-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.completed-phase{background:#fff;border-radius:20px;padding:4rem;box-shadow:0 20px 60px #0003;margin-bottom:2rem;text-align:center}.completed-phase h2{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 3rem}.winner-card{background:linear-gradient(135deg,#ffd93d,#ffb74d);padding:3rem;border-radius:20px;margin:2rem auto;max-width:500px;border:3px solid #ff8f00}.winner-content{font-size:2rem;font-weight:700;color:#333;margin-bottom:1rem}.winner-author{font-size:1.2rem;color:#666;font-weight:600}.new-vote-button{padding:1.5rem 3rem;margin-top:2rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:transform .2s}.new-vote-button:hover{transform:translateY(-2px)}.room-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:3rem}.participants{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.2);flex:1}.participants h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.participants ul{list-style:none;padding:0;margin:0}.participants li{background:#fff3;color:#fff;padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem;font-weight:500}.leave-room-button{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s;white-space:nowrap}.leave-room-button:hover{transform:translateY(-2px)}.loading{text-align:center;color:#fff;font-size:1.5rem;font-weight:600;padding:4rem}@media (max-width: 768px){.room-container{padding:1rem}.voting-pair{grid-template-columns:1fr}.room-footer,.collection-phase form{flex-direction:column}}