.game-setup{max-width:450px;width:100%}.language-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.lang-btn{padding:8px 16px;font-size:.9rem;font-weight:700;border:2px solid var(--accent-cyan);border-radius:8px;background:var(--bg-dark);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:Nunito,sans-serif}.lang-btn:hover{border-color:var(--accent-pink);color:var(--text-primary)}.lang-btn.active{background:var(--accent-pink);border-color:var(--accent-pink);color:#fff}.lang-btn:active{transform:scale(.98)}.setup-title{text-align:center;font-size:1.8rem;margin-bottom:24px;color:var(--text-primary)}.resume-game-prompt{background:#4ecdc41a;border:2px solid var(--accent-cyan);border-radius:12px;padding:16px;margin-bottom:24px;text-align:center}.resume-game-prompt p{margin:0 0 12px;color:var(--text-secondary);font-size:.95rem}.resume-btn{background:var(--accent-cyan);border-color:var(--accent-cyan);width:100%}.resume-btn:hover{background:var(--accent-pink);border-color:var(--accent-pink)}.setup-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.rounds-selector{display:flex;gap:10px}.round-option{flex:1;padding:12px;font-size:1.1rem;font-weight:700;border:2px solid var(--accent-cyan);border-radius:10px;background:var(--bg-dark);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-family:Nunito,sans-serif}.round-option:hover{border-color:var(--accent-pink)}.round-option.active{background:var(--accent-pink);border-color:var(--accent-pink)}.toggle-container{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-label-text{font-weight:600;color:var(--text-secondary);font-size:.9rem}.toggle-wrapper{position:relative;width:50px;height:28px}.toggle-wrapper input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-dark);border:2px solid var(--accent-cyan);border-radius:28px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-secondary);border-radius:50%;transition:.3s}.toggle-wrapper input:checked+.toggle-slider{background-color:var(--accent-pink);border-color:var(--accent-pink)}.toggle-wrapper input:checked+.toggle-slider:before{transform:translate(22px);background-color:#fff}.feature-hint{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.start-btn{margin-top:10px;width:100%}.rules-summary{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.rules-summary h3{font-size:1.1rem;margin-bottom:12px;color:var(--text-secondary)}.rules-summary ol{padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--text-secondary);font-size:.9rem}.rules-summary li{line-height:1.4}.rules-summary strong{color:var(--text-primary)}.pass-device{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:40px 24px}.pass-icon{width:80px;height:80px;color:var(--gradient-right);animation:pulse 2s ease-in-out infinite}.pass-icon svg{width:100%;height:100%}.pass-device h2{font-size:1.8rem;margin:0}.pass-instruction{font-size:1.2rem;color:var(--text-secondary);margin:0}.pass-instruction strong{color:var(--accent-pink)}.pass-warning{font-size:.95rem;color:var(--gradient-left);background:#ff6b6b1a;padding:12px 20px;border-radius:10px;margin:0}.pass-device .btn{margin-top:10px;min-width:200px}.card-selection{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.card-selection h2{font-size:1.6rem;margin:0}.selection-instruction{font-size:1.1rem;color:var(--text-secondary);margin:0}.selection-instruction strong{color:var(--accent-pink)}.side-options{display:flex;flex-direction:column;gap:16px;width:100%}.side-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:var(--bg-dark);border:2px solid var(--accent-cyan);border-radius:16px;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%}.side-card:hover{border-color:var(--accent-pink);transform:translateY(-2px)}.side-card:active{transform:translateY(0) scale(.98);background:#e945601a;border-color:var(--accent-pink)}.side-label{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.spectrum-preview{display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.spectrum-preview .concept{font-size:1.1rem;font-weight:700;color:var(--text-primary);flex:1;max-width:120px}.spectrum-preview .concept.left{text-align:right;color:var(--gradient-left)}.spectrum-preview .concept.right{text-align:left;color:var(--gradient-right)}.spectrum-preview .arrow{width:40px;height:12px;color:var(--text-secondary);flex-shrink:0}.spectrum-preview .arrow svg{width:100%;height:100%}.selection-hint{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin:0}@media (min-width: 500px){.side-options{flex-direction:row}.side-card{flex:1}.spectrum-preview{flex-direction:column;gap:8px}.spectrum-preview .concept{text-align:center!important;max-width:none}.spectrum-preview .arrow{transform:rotate(90deg)}}.psychic-view{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.psychic-alert{text-align:center;background:linear-gradient(135deg,var(--accent-cyan),var(--bg-card));border:2px solid var(--accent-pink)}.psychic-alert h2{color:var(--accent-pink);margin-bottom:10px;font-size:1.5rem}.psychic-alert p{color:var(--text-secondary)}.psychic-alert strong{color:var(--text-primary)}.psychic-instructions{text-align:center;max-width:400px}.psychic-instructions p{color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.spectrum-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px}.spectrum-labels{display:flex;justify-content:space-between;width:100%;padding:0 10px}.spectrum-label{font-size:1.2rem;font-weight:700;max-width:45%;text-align:center}.spectrum-label.left{color:var(--gradient-left)}.spectrum-label.right{color:var(--gradient-right)}.spectrum-svg{width:100%;height:auto;overflow:visible}.spectrum-svg.interactive{cursor:pointer;touch-action:none}.spectrum-svg.interactive:active,.spectrum-svg.interactive.dragging{cursor:grabbing}.spectrum-svg.interactive.dragging .guess-pointer{filter:drop-shadow(0 0 8px var(--accent-pink))}.spectrum-hint{font-size:.9rem;color:var(--text-secondary);text-align:center}@media (max-width: 600px){.spectrum-label{font-size:1rem}}.clue-input{max-width:450px;width:100%;text-align:center}.clue-title{font-size:1.5rem;margin-bottom:10px}.clue-instructions{color:var(--text-secondary);margin-bottom:24px}.clue-form{display:flex;flex-direction:column;gap:16px}.clue-form input{text-align:center;font-size:1.2rem;padding:16px}.clue-tips{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:left}.clue-tips p{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.clue-tips ul{padding-left:20px;color:var(--text-secondary);font-size:.85rem}.clue-tips li{margin-bottom:4px}.guess-phase{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.clue-display{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.clue-label{font-size:.9rem;color:var(--text-secondary);font-weight:600}.clue-text{font-size:2rem;font-weight:800;color:var(--gradient-right);word-break:break-word}.guess-controls{text-align:center;max-width:400px}.guess-instructions{margin-bottom:20px;color:var(--text-secondary)}.guess-instructions strong{color:var(--accent-pink)}.opponent-guess{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.opponent-guess h2{font-size:1.6rem;margin:0;color:var(--gradient-right)}.opponent-instruction{font-size:1.1rem;color:var(--text-secondary);margin:0}.opponent-instruction strong{color:var(--gradient-right)}.guess-options{display:flex;align-items:stretch;gap:12px;width:100%}.guess-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid;border-radius:16px;cursor:pointer;transition:all .2s ease;font-family:inherit;background:var(--bg-dark)}.guess-option.left{border-color:var(--gradient-left)}.guess-option.right{border-color:var(--gradient-right)}.guess-option:hover{transform:translateY(-2px)}.guess-option.left:hover{background:#ff6b6b1a}.guess-option.right:hover{background:#4ecdc41a}.guess-option:active{transform:translateY(0) scale(.98)}.guess-option.left:active{background:#ff6b6b33}.guess-option.right:active{background:#4ecdc433}.direction-icon{width:32px;height:32px}.guess-option.left .direction-icon{color:var(--gradient-left)}.guess-option.right .direction-icon{color:var(--gradient-right)}.direction-icon svg{width:100%;height:100%}.direction-label{font-size:1rem;font-weight:700;color:var(--text-primary)}.spectrum-hint{font-size:.85rem;color:var(--text-secondary)}.center-divider{display:flex;align-items:center;justify-content:center;padding:0 4px}.center-divider span{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;writing-mode:vertical-rl;text-orientation:mixed}.bonus-info{font-size:.9rem;color:var(--gradient-right);font-weight:600;margin:0;padding:8px 16px;background:#4ecdc41a;border-radius:8px}.reveal-screen{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.reveal-result{text-align:center;max-width:400px}.score-display{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.score-zone{font-size:2rem;font-weight:800;animation:pulse .5s ease}.score-points{font-size:1.5rem;font-weight:700}.result-detail{color:var(--text-secondary);margin-bottom:12px}.team-earned{margin-bottom:20px}.team-earned strong{color:var(--accent-pink)}.opponent-result{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:.95rem}.opponent-result.correct{background:#4ecdc426;border:1px solid var(--gradient-right)}.opponent-result.wrong{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3)}.opponent-team{color:var(--text-secondary)}.opponent-guess-result{font-weight:700}.opponent-result.correct .opponent-guess-result{color:var(--gradient-right)}.opponent-result.wrong .opponent-guess-result{color:var(--gradient-left)}.scoreboard{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.round-info{font-size:.9rem;color:var(--text-secondary);font-weight:600}.teams-score{display:flex;gap:20px;width:100%;max-width:400px}.team-score{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px;background:var(--bg-card);border-radius:12px;border:2px solid transparent;transition:all .3s ease}.team-score.active{border-color:var(--accent-pink);box-shadow:0 0 20px #e945604d}.team-name{font-size:.9rem;color:var(--text-secondary);font-weight:600}.team-points{font-size:2rem;font-weight:800;color:var(--text-primary)}.team-score.active .team-name{color:var(--accent-pink)}@media (max-width: 600px){.teams-score{gap:10px}.team-score{padding:10px}.team-points{font-size:1.5rem}}.game-over{text-align:center;max-width:400px;width:100%}.game-over-title{font-size:2rem;margin-bottom:20px;background:linear-gradient(135deg,var(--gradient-left),var(--gradient-right));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tie-message{font-size:1.5rem;font-weight:700;margin-bottom:20px}.winner-display{display:flex;flex-direction:column;gap:5px;margin-bottom:24px}.winner-label{font-size:.9rem;color:var(--text-secondary)}.winner-name{font-size:2rem;font-weight:800;color:gold;animation:pulse 1s ease infinite}.final-scores{display:flex;gap:20px;margin-bottom:24px}.final-team{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-dark);border-radius:12px;border:2px solid transparent}.final-team.winner{border-color:gold;box-shadow:0 0 20px #ffd7004d}.final-team-name{font-size:.9rem;color:var(--text-secondary)}.final-team-score{font-size:2.5rem;font-weight:800}.final-team.winner .final-team-score{color:gold}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:root{--bg-dark: #1a1a2e;--bg-card: #16213e;--accent-pink: #e94560;--accent-cyan: #0f3460;--text-primary: #ffffff;--text-secondary: #a0a0a0;--gradient-left: #ff6b6b;--gradient-right: #4ecdc4}body{font-family:Nunito,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;max-width:800px;margin:0 auto;width:100%}.app-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--gradient-left),var(--gradient-right));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-align:center}.game-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.btn{padding:12px 32px;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:Nunito,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--gradient-left),var(--accent-pink));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e9456066}.btn-primary:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 10px #e945604d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--accent-pink)}.btn-secondary:hover{background:var(--accent-pink)}.btn-secondary:active{transform:scale(.98);background:var(--accent-pink)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border-radius:20px;padding:24px;width:100%}input[type=text],input[type=number]{background:var(--bg-dark);border:2px solid var(--accent-cyan);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:1rem;font-family:Nunito,sans-serif;width:100%;transition:border-color .3s ease}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--accent-pink)}.phase-indicator{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.phase-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-card);transition:all .3s ease}.phase-dot.active{background:var(--accent-pink);box-shadow:0 0 10px var(--accent-pink)}.phase-dot.completed{background:var(--gradient-right)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease forwards}.landscape-hint{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;text-align:center}.landscape-hint svg{width:60px;height:60px;animation:rotate-hint 1.5s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.landscape-hint p{font-size:1.2rem;color:var(--text-secondary)}@media (max-width: 389px) and (orientation: portrait){.landscape-hint{display:flex}}@media (max-width: 600px){.app{padding:15px}.app-title{font-size:1.8rem}.btn{padding:10px 24px;font-size:1rem}.card{padding:16px}}