*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0 auto;max-width:1200px;padding:20px;width:100%}.error-toast{background-color:#f44}.error-toast,.notification-toast{animation:slideIn .3s ease-out;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#fff;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:1000}.notification-toast{background-color:#4caf50;max-width:400px}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.lobby{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.lobby-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;width:100%}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:10px;text-align:center}.game-subtitle{color:#666;font-size:1.1rem;text-align:center}.game-subtitle,.lobby-content{margin-bottom:30px}.name-input-section{margin-bottom:20px}.input-field{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:15px;transition:border-color .3s;width:100%}.input-field:focus{border-color:#667eea;outline:none}.button-group{display:flex;flex-direction:column;gap:10px}.btn{border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.join-form{display:flex;flex-direction:column;gap:15px}.game-info{background:#f9f9f9;border-radius:10px;padding:20px}.game-info h3{color:#333;margin-bottom:15px}.game-info ul{list-style:none;padding:0}.game-info li{color:#666;padding:8px 0 8px 25px;position:relative}.game-info li:before{color:#667eea;content:"•";font-size:1.5rem;left:0;line-height:1;position:absolute}.room-list-section{width:100%}.room-list-section h3{color:#333;margin-bottom:15px;text-align:center}.no-rooms{color:#999;font-style:italic;padding:40px 20px;text-align:center}.room-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;max-height:400px;overflow-y:auto}.room-item{align-items:center;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:all .3s}.room-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.room-info{flex:1 1}.room-code-display{color:#333;font-size:1rem;margin-bottom:8px}.room-code-display strong{color:#667eea}.room-details{display:flex;flex-wrap:wrap;font-size:.9rem;gap:10px}.room-players{background:#e3f2fd;color:#1976d2}.room-players,.room-status{border-radius:5px;padding:3px 8px}.room-status{font-weight:600}.room-status.waiting{background:#e8f5e9;color:#2e7d32}.room-status.playing{background:#fff3e0;color:#f57c00}.room-status.finished{background:#fce4ec;color:#c2185b}.room-mode{background:#f3e5f5;color:#7b1fa2}.room-level,.room-mode{border-radius:5px;padding:3px 8px}.room-level{background:#fff9c4;color:#f57f17;font-weight:600}.btn-join{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s;white-space:nowrap}.btn-join:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-join:disabled{background:#ccc;cursor:not-allowed;transform:none}.adsense-container{margin:20px auto;max-width:100%;text-align:center}.adsense-container ins{display:block;min-height:50px}.lobby-ad{margin-bottom:20px;margin-top:30px}.game-over-ad{margin-bottom:20px;margin-top:20px}@media (max-width:768px){.adsense-container{margin:15px auto}}.game-board{padding:20px}.game-header{margin-bottom:30px;text-align:center}.game-header h1{color:#fff;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.room-code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;display:inline-block;font-size:1.2rem;padding:10px 20px}.room-code span{font-size:1.4rem;font-weight:700;margin-left:5px}.game-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1200px}.left-panel{gap:20px}.left-panel,.main-panel{display:flex;flex-direction:column}.main-panel{min-height:500px}.main-panel,.waiting-area{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:30px}.waiting-area{text-align:center}.waiting-text{color:#666;font-size:1.1rem;margin-bottom:20px}.mode-selection{margin:20px 0}.mode-selection h4{color:#333;font-size:1rem;margin-bottom:15px}.mode-buttons{display:flex;gap:10px;margin-bottom:20px}.mode-btn{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;flex:1 1;padding:15px 10px;text-align:center;transition:all .3s}.mode-btn:hover{background:#e8e8e8;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.mode-title{font-size:1rem;font-weight:700;margin-bottom:5px}.mode-desc{font-size:.75rem;opacity:.8}.mode-btn.active .mode-desc{opacity:1}.lives-selection{margin:20px 0}.lives-selection h4{color:#333;font-size:1rem;margin-bottom:15px}.lives-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.lives-btn{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:12px 8px;text-align:center;transition:all .3s}.lives-btn:hover{background:#e8e8e8;transform:translateY(-2px)}.lives-btn.active{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b;color:#fff}.lives-value{font-size:1.1rem;font-weight:700;margin-bottom:3px}.lives-desc{font-size:.7rem;opacity:.8}.lives-btn.active .lives-desc{opacity:1}.btn-start{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:all .3s}.btn-start:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-start:disabled{cursor:not-allowed;opacity:.5}.game-over{padding:50px;text-align:center}.game-over h2{color:#333;font-size:2rem;margin-bottom:20px}.game-over-text{color:#666;font-size:1.1rem;margin-bottom:30px}.game-over .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:all .3s}.game-over .btn-primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.game-container{grid-template-columns:1fr}}.player-list{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:20px}.player-list h3{color:#333;font-size:1.3rem;margin-bottom:15px}.players{display:flex;flex-direction:column;gap:10px}.player-item{background:#f5f5f5;border-radius:10px;padding:15px;transition:all .3s}.player-info{align-items:center;display:flex;justify-content:space-between;width:100%}.player-item.current{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.player-name{align-items:center;display:flex;font-weight:600;gap:8px}.you-badge{background:#ffffff4d;border-radius:5px;font-size:.7rem;font-weight:700;padding:2px 8px}.player-cards{color:inherit;font-size:.9rem;opacity:.8}.voice-indicator{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;box-shadow:0 2px 8px #4caf504d;display:inline-flex;font-size:.75rem;height:24px;justify-content:center;width:24px}.player-item.current .voice-indicator{background:linear-gradient(135deg,#fff,#e0e0e0);box-shadow:0 2px 8px #fff6}.game-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-item{background:#f9f9f9;border-radius:10px;padding:15px;text-align:center}.stat-label{color:#666;font-size:.9rem;margin-bottom:8px}.stat-value{color:#333;font-size:1.5rem;font-weight:700}.level .stat-value{color:#667eea}.lives .stat-value{display:flex;gap:5px;justify-content:center}.heart{font-size:1.5rem}.shuriken-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:10px 20px;transition:all .3s}.shuriken-btn:hover:not(:disabled){box-shadow:0 3px 10px #f5576c66;transform:scale(1.05)}.shuriken-btn:disabled{cursor:not-allowed;opacity:.3}.card-hand{margin-top:auto}.card-hand h3{color:#333;margin-bottom:15px;text-align:center}.cards{background:#f9f9f9;border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px}.no-cards{color:#999;padding:30px;text-align:center}.card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:2rem;font-weight:700;height:120px;position:relative;transition:all .3s;width:80px}.card:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-10px) scale(1.05)}.card:active{transform:translateY(-5px) scale(1.02)}@media (max-width:768px){.card{font-size:1.5rem;height:90px;width:60px}}.played-cards{margin-bottom:30px}.played-cards h3{color:#333;margin-bottom:15px}.cards-display{align-items:center;display:flex;gap:10px;justify-content:center;min-height:100px}.empty-state{color:#999;font-style:italic}.played-card{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#333;display:flex;font-size:1.8rem;font-weight:700;height:100px;justify-content:center;transition:all .3s;width:70px}.played-card.latest{animation:cardPlayed .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff;transform:scale(1.1)}@keyframes cardPlayed{0%{opacity:0;transform:translateY(-50px) scale(.5)}50%{transform:translateY(-10px) scale(1.15)}to{opacity:1;transform:translateY(0) scale(1.1)}}.voice-chat{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:20px}.voice-controls{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.mute-btn,.voice-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;transition:all .3s;width:60px}.voice-btn{background:#e0e0e0}.voice-btn.active{animation:pulse 2s infinite;background:linear-gradient(135deg,#4caf50,#45a049)}.voice-btn:hover{transform:scale(1.05)}.mute-btn{background:#f5f5f5}.mute-btn.muted{background:linear-gradient(135deg,#ff5252,#f44336)}.mute-btn:hover{transform:scale(1.05)}.voice-status{border-top:1px solid #e0e0e0;gap:10px;justify-content:space-between;margin-top:15px;padding-top:15px}.status-badge,.voice-status{align-items:center;display:flex}.status-badge{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #4caf50;border-radius:20px;flex:1 1;gap:6px;padding:8px 14px}.status-badge.active .status-icon{animation:blink 1.5s ease-in-out infinite}.status-icon{font-size:.85rem;line-height:1}.status-text{color:#2e7d32;font-size:.9rem;font-weight:600;white-space:nowrap}.participant-count{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:20px;display:flex;gap:6px;padding:8px 14px}.count-icon{font-size:.9rem;line-height:1}.count-text{color:#1565c0;font-size:.9rem;font-weight:600;white-space:nowrap}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.voice-error{animation:slideDown .3s ease-out;background:#ffebee;border:1px solid #ef5350;border-radius:10px;color:#c62828;font-size:.9rem;line-height:1.4;margin-top:10px;padding:12px 16px;text-align:center}@keyframes pulse{0%,to{box-shadow:0 2px 8px #4caf504d}50%{box-shadow:0 2px 20px #4caf5099}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.de48e593.css.map*/