*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.language-picker{position:fixed;top:20px;right:20px;display:flex;gap:8px;z-index:1000;background:#fffffff2;padding:8px;border-radius:12px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.9em;font-weight:600;color:#666}.lang-btn:hover{background:#f8f9fa;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 8px #667eea33}.lang-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.lang-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.flag{font-size:1.3em;line-height:1}.lang-code{font-size:.85em;letter-spacing:.5px}@media(max-width:768px){.language-picker{top:10px;right:10px;padding:6px;gap:6px}.lang-btn{padding:6px 10px}.lang-code{display:none}.flag{font-size:1.5em}}.home-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.container{max-width:900px;margin:0 auto}h1{text-align:center;color:#fff;font-size:3em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{text-align:center;color:#ffffffe6;font-size:1.3em;margin-bottom:40px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.game-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0003;transition:transform .3s,box-shadow .3s;cursor:pointer;text-decoration:none;color:inherit;display:block}.game-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.game-icon{font-size:4em;text-align:center;margin-bottom:15px}.game-title{font-size:1.8em;font-weight:700;color:#667eea;margin-bottom:10px;text-align:center}.game-description{color:#666;line-height:1.6;font-size:1.05em;margin-bottom:15px}.game-players{background:#f8f9fa;padding:10px;border-radius:8px;text-align:center;font-size:.95em;color:#555;margin-bottom:10px}.game-time{text-align:center;color:#888;font-size:.9em}.footer{text-align:center;color:#fffc;margin-top:40px;font-size:1.1em}.card-purple{border-top:5px solid #764ba2}.card-pink{border-top:5px solid #f5576c}.card-blue{border-top:5px solid #00f2fe}.card-orange{border-top:5px solid #f39c12}@media(max-width:768px){h1{font-size:2em}.games-grid{grid-template-columns:1fr}}.guess-word-container{background:#1a202c;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.game-wrapper{width:100%;max-width:1024px;margin:0 auto}.game-title{text-align:center;color:#22d3ee;font-size:2.5em;margin-bottom:30px}.scoreboard{display:flex;justify-content:space-around;background:#2d3748;padding:20px;border-radius:12px;box-shadow:0 10px 30px #0000004d;margin-bottom:30px}.team-score{text-align:center}.team-score:first-child h2{color:#fbbf24}.team-score:last-child h2{color:#ec4899}.team-score h2{font-size:1.5em;margin-bottom:10px}.team-score .score{font-size:3em;font-weight:700}.game-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:30px;min-height:200px}.panel{position:relative;aspect-ratio:16 / 9;cursor:pointer;transition:all .6s ease;transform-style:preserve-3d}.panel.revealed{transform:rotateY(180deg)}.panel-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:8px;border-radius:8px;font-weight:600}.panel-front{background:#06b6d4;color:#fff;font-size:2em;z-index:2;transform:rotateY(0)}.panel-front:hover{background:#0891b2}.panel-back{background:#e5e7eb;color:#1f2937;font-size:1.1em;word-wrap:break-word;transform:rotateY(180deg);z-index:1}.controls{background:#2d3748;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000004d}.answer-input{margin-bottom:20px}.answer-input label{display:block;margin-bottom:10px;font-size:.9em}.answer-input input{width:100%;padding:15px;background:#4a5568;border:2px solid #4b5563;border-radius:8px;color:#fff;font-size:1em}.answer-input input:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33}.check-btn{width:100%;padding:15px;background:#06b6d4;color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background .3s;margin-bottom:20px}.check-btn:hover{background:#0891b2}.result-message{text-align:center;font-size:1.2em;font-weight:600;min-height:30px;margin-bottom:20px}.result-message.correct{color:#10b981}.result-message.close{color:#fbbf24}.result-message.incorrect{color:#ef4444}.correct-answer-box{text-align:center;background:#4a5568;padding:15px;border-radius:8px;margin-bottom:20px}.correct-answer-box .label{font-weight:700;margin-right:10px}.correct-answer-box .answer{color:#10b981;font-size:1.2em}.award-section{margin-bottom:20px}.award-section label{display:block;text-align:center;margin-bottom:10px;font-size:.9em}.award-buttons{display:flex;gap:16px}.award-team1,.award-team2{flex:1;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.award-team1{background:#fbbf24;color:#000}.award-team1:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.award-team2{background:#ec4899;color:#fff}.award-team2:hover{background:#db2777;transform:translateY(-2px);box-shadow:0 4px 12px #ec489966}.next-round-btn{width:100%;padding:15px;background:#4b5563;color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background .3s}.next-round-btn:hover{background:#6b7280}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:2em;color:#22d3ee}@media(max-width:768px){.game-title{font-size:1.8em}.game-board{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.panel-front{font-size:1.5em}.panel-back{font-size:.9em}}.word-game-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.word-game-wrapper{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;min-width:400px;max-width:600px}.word-game-title{color:#667eea;margin-bottom:30px;font-size:2.5em}.input-group{margin:30px 0}.input-group label{display:block;margin-bottom:10px;font-size:1.2em;color:#333}.input-group input[type=number]{width:200px;padding:15px;font-size:1.5em;border:2px solid #667eea;border-radius:10px;text-align:center}.input-group input[type=number]:focus{outline:none;border-color:#764ba2}button{padding:15px 40px;font-size:1.2em;border:none;border-radius:10px;cursor:pointer;transition:transform .1s,box-shadow .1s;font-weight:700}.start-btn,.restart-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:20px}.timer{font-size:3em;color:#667eea;margin:20px 0;font-weight:700}.score-display{font-size:1.5em;color:#333;margin:10px 0}.score-value{font-weight:700;color:#667eea}.word-display{font-size:3em;color:#333;margin:40px 0;padding:30px;background:#f8f9fa;border-radius:15px;min-height:120px;display:flex;align-items:center;justify-content:center;font-weight:700}.button-group{display:flex;gap:20px;justify-content:center;margin-top:30px}.correct-btn{background:#27ae60;color:#fff;flex:1}.correct-btn:hover{background:#229954}.pass-btn{background:#f39c12;color:#fff;flex:1}.pass-btn:hover{background:#e67e22}.final-score{font-size:4em;color:#27ae60;margin:30px 0;font-weight:700}.result-message{font-size:1.5em;color:#666;margin:20px 0}.error-message{color:#e74c3c;margin:20px 0;font-size:1.1em}@media(max-width:768px){.word-game-wrapper{min-width:300px;padding:30px 20px}.word-game-title{font-size:2em}.word-display{font-size:2em;padding:20px}.button-group{flex-direction:column;gap:10px}}.cine-stie-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.cine-stie-wrapper{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d}.cine-stie-title{color:#667eea;text-align:center;margin-bottom:30px;font-size:2.5em}.category-display{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;border-radius:15px;text-align:center;margin:30px 0}.category-name{font-size:2.5em;font-weight:700;margin-bottom:20px}.point-value{font-size:1.5em;opacity:.9}.timer{font-size:4em;color:#667eea;text-align:center;font-weight:700;margin:30px 0}.score-display{text-align:center;margin:20px 0;font-size:1.3em;color:#333}.player-name{font-size:1.8em;color:#667eea;font-weight:700;text-align:center;margin:20px 0}.bid-input{text-align:center;margin:30px 0}.bid-input label{display:block;margin-bottom:10px;font-size:1.2em;color:#333}.bid-input input{width:150px;padding:15px;font-size:2em;border:3px solid #667eea;border-radius:10px;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.answer-list{background:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0;min-height:150px}.answer-item{background:#fff;padding:10px 15px;margin:5px 0;border-radius:5px;border-left:4px solid #27ae60;font-size:1.1em}.result-message{text-align:center;font-size:2em;margin:30px 0;font-weight:700}.success-message{color:#27ae60}.fail-message{color:#e74c3c}.score-number{color:#667eea;font-weight:700}@media(max-width:768px){.cine-stie-wrapper{padding:30px 20px}.cine-stie-title{font-size:2em}.category-name{font-size:1.8em}.timer{font-size:3em}}.cine-sunt-container{background:linear-gradient(135deg,#f093fb,#f5576c);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.cine-sunt-wrapper{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d}.cine-sunt-title{color:#f5576c;text-align:center;margin-bottom:30px;font-size:2.5em}.name-display{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:60px 40px;border-radius:15px;text-align:center;margin:30px 0;font-size:3em;font-weight:700;min-height:300px;display:flex;align-items:center;justify-content:center;word-wrap:break-word}.name-text{word-break:break-word}.timer{font-size:3em;color:#f5576c;text-align:center;font-weight:700;margin:20px 0}.btn-primary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.ready-screen{text-align:center}.ready-message{font-size:1.8em;color:#f5576c;margin:30px 0;font-weight:700}.countdown-number{font-size:5em;color:#f5576c;font-weight:700;margin:40px 0;text-align:center}.score-board{background:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0}.score-item{display:flex;justify-content:space-between;padding:10px;margin:5px 0;background:#fff;border-radius:5px;font-size:1.2em}.score-number{color:#f5576c;font-weight:700}.settings input,.settings select{width:100%;padding:10px;border:2px solid #f093fb;border-radius:8px;font-size:1.1em}.settings input:focus,.settings select:focus{outline:none;border-color:#f5576c}@media(max-width:768px){.cine-sunt-wrapper{padding:30px 20px}.cine-sunt-title{font-size:2em}.name-display{font-size:2em;padding:40px 20px;min-height:250px}.timer{font-size:2.5em}.countdown-number{font-size:4em}}.suna-ca-container{background:linear-gradient(135deg,#4facfe,#00f2fe);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.suna-ca-wrapper{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d}.suna-ca-title{color:#00f2fe;text-align:center;margin-bottom:30px;font-size:2.5em}.screen{display:block}.instructions{background:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0;font-size:1.1em;color:#333;line-height:1.6}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;padding:15px;margin:20px 0;border-radius:5px;color:#856404;font-weight:700}.word-display{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:60px 40px;border-radius:15px;text-align:center;margin:30px 0;font-size:3em;font-weight:700;min-height:200px;display:flex;align-items:center;justify-content:center;word-wrap:break-word}.category-badge{background:#ffffff4d;padding:10px 20px;border-radius:20px;font-size:.4em;margin-bottom:20px;display:inline-block}.word-text{word-break:break-word}.timer{font-size:3em;color:#00f2fe;text-align:center;font-weight:700;margin:20px 0}.timer.warning{color:#e74c3c;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.score-display{text-align:center;margin:20px 0;font-size:1.5em;color:#333}button{width:100%;padding:20px;font-size:1.3em;border:none;border-radius:10px;cursor:pointer;font-weight:700;margin:10px 0;transition:transform .1s,box-shadow .1s}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}button:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-success{background:#27ae60;color:#fff}.btn-warning{background:#f39c12;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.button-row{display:flex;gap:10px}.button-row button{flex:1}.player-name{font-size:1.8em;color:#00f2fe;font-weight:700;text-align:center;margin:20px 0}.sound-icon{font-size:5em;text-align:center;margin:30px 0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.settings{margin:20px 0}.settings label{display:block;margin:10px 0 5px;font-weight:700;color:#333}.settings input,.settings select{width:100%;padding:10px;border:2px solid #4facfe;border-radius:8px;font-size:1.1em}.settings input:focus,.settings select:focus{outline:none;border-color:#00f2fe}.team-select{display:flex;gap:10px;margin:20px 0}.team-select button{flex:1;padding:30px 20px}.team1-btn{background:#f39c12;color:#fff}.team1-btn:hover{background:#e67e22}.team2-btn{background:#9b59b6;color:#fff}.team2-btn:hover{background:#8e44ad}.teams-display{display:flex;gap:20px;margin:20px 0}.team-box{flex:1;padding:20px;border-radius:10px;text-align:center}.team1-box{background:#f39c12;color:#fff}.team2-box{background:#9b59b6;color:#fff}.team-score{font-size:3em;font-weight:700;margin:10px 0}.team-name{font-size:1.5em;font-weight:700}.winner-announcement{text-align:center;font-size:1.8em;font-weight:700;margin:20px 0;color:#00f2fe}@media(max-width:768px){.suna-ca-wrapper{padding:30px 20px}.suna-ca-title{font-size:2em}.word-display{font-size:2em;padding:40px 20px;min-height:180px}.timer{font-size:2.5em}.team-select,.teams-display{flex-direction:column}}.admin-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.admin-wrapper{max-width:900px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.admin-header h1{color:#fff;font-size:2.5em;margin:0;flex:1;text-align:center}.back-btn{background:#fff;color:#667eea;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s}.back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.reset-btn{background:#e74c3c;color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:transform .2s,box-shadow .2s}.reset-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.message{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700;animation:slideDown .3s ease}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tab{flex:1;min-width:150px;padding:15px 20px;background:#fff3;color:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.tab:hover{background:#ffffff4d;transform:translateY(-2px)}.tab.active{background:#fff;color:#667eea;border-color:#fff}.tab-content{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0003}.admin-form h2{color:#667eea;margin-bottom:25px;font-size:1.8em}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#333}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media(max-width:768px){.admin-header{flex-direction:column}.admin-header h1{font-size:2em}.tabs{flex-direction:column}.tab{width:100%}.tab-content{padding:20px}}
