:root{--primary-blue: #3b82f6;--primary-purple: #8b5cf6;--primary-orange: #f97316;--primary-green: #10b981;--background-overlay: rgba(255, 255, 255, .95);--text-dark: #1f2937;--text-light: #6b7280;--border-light: #e5e7eb;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-md: 12px;--radius-lg: 16px;--transition-fast: .2s ease;--transition-normal: .3s ease}.pass-phone-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box}.role-assignment-theme{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.question-theme{background:linear-gradient(135deg,#f59e0b,#f97316)}.info-theme{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.pass-phone-content{width:100%;max-width:480px;padding:2.5rem 2rem;background:var(--background-overlay);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light)}.pass-phone-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.pass-phone-title{font-size:1.8rem;color:var(--text-dark);margin:0 0 1rem;font-weight:700}.pass-phone-instruction{color:var(--text-light);font-size:1.1rem;margin:0 0 2rem;line-height:1.5;font-weight:500}.pass-phone-player{margin:0 0 2rem;padding:1.5rem;background:#f3f4f699;border-radius:var(--radius-md);border:1px solid var(--border-light)}.pass-phone-label{display:block;font-size:.85rem;color:var(--text-light);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.pass-phone-name{margin:0;font-size:2.2rem;color:var(--text-dark);font-weight:700;line-height:1.2;word-wrap:break-word}.pass-phone-button{display:block;width:100%;max-width:300px;padding:1.1rem 1.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all var(--transition-normal);margin:0 auto 1.5rem;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px}.role-assignment-theme .primary-button{background:#8b5cf6;color:#fff}.question-theme .primary-button{background:#f97316;color:#fff}.info-theme .primary-button{background:#3b82f6;color:#fff}.error-button{background:#ef4444;color:#fff}.pass-phone-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.pass-phone-button:active{transform:translateY(0)}.pass-phone-status{font-size:.85rem;color:var(--text-light);margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);line-height:1.5}@media (max-height: 600px){.pass-phone-content{padding:2rem 1.5rem;margin:.5rem}.pass-phone-title{font-size:1.6rem}.pass-phone-instruction{font-size:1rem;margin-bottom:1.5rem}.pass-phone-player{padding:1.2rem}.pass-phone-name{font-size:1.8rem}.pass-phone-button{padding:1rem 1.2rem;font-size:1rem}.pass-phone-status{font-size:.8rem}}@media (max-width: 375px){.pass-phone-content{padding:1.8rem 1.2rem}.pass-phone-title{font-size:1.5rem}.pass-phone-name{font-size:1.6rem}.pass-phone-status{word-break:break-all}}.discussion-container{width:100%;max-width:500px;margin:0 auto;padding:1rem;box-sizing:border-box}.discussion-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;color:#1f2937}.discussion-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.discussion-icon{font-size:2.5rem;margin-bottom:.5rem}.discussion-title{margin:0 0 .25rem;font-size:1.8rem;font-weight:700;color:#111827}.discussion-round{font-size:1rem;color:#6b7280;font-weight:500}.discussion-question-card{background:#fff7ed;border:2px solid #f97316;border-radius:12px;padding:1.2rem;margin-bottom:1.5rem}.discussion-question-label{font-size:.9rem;color:#ea580c;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.discussion-question-text{font-size:1.1rem;line-height:1.5;color:#111827;font-weight:500}.discussion-timer-container{text-align:center;margin-bottom:1.5rem}.discussion-timer{font-size:2.5rem;font-weight:700;font-family:Courier New,monospace;transition:color .3s ease}.discussion-timer-expired{color:#ef4444!important;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.discussion-section-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.discussion-answers-list{margin:0}.discussion-answer-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.75rem}.discussion-answer-text{font-size:1rem;line-height:1.5;margin:0 0 .5rem;color:#111827;font-style:italic}.discussion-answer-players{font-size:.9rem;color:#6b7280}.discussion-players-label{font-weight:600;color:#374151}.discussion-players-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.discussion-player-item{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe;padding:.5rem 1rem;border-radius:20px;font-size:.95rem;font-weight:500;min-height:32px;display:flex;align-items:center}.discussion-button{display:block;width:100%;padding:1.1rem;font-size:1.1rem;font-weight:600;text-align:center;background:#3b82f6;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #3b82f64d}.discussion-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.discussion-button:active{transform:translateY(0)}@media (max-height: 600px){.discussion-card{padding:1.2rem}.discussion-title{font-size:1.6rem}.discussion-question-card{padding:1rem}.discussion-question-text{font-size:1rem}.discussion-timer{font-size:2rem}.discussion-button{padding:1rem;font-size:1rem;margin-top:1rem}}@media (max-width: 375px){.discussion-container{padding:.5rem}.discussion-card{padding:1rem}.discussion-answer-text{font-size:.95rem}.discussion-player-item{padding:.5rem .75rem;font-size:.85rem}}.voting-results-container{width:100%;max-width:500px;margin:0 auto;padding:1rem;box-sizing:border-box}.voting-results-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;color:#1f2937}.voting-results-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.voting-results-icon{font-size:2.5rem;margin-bottom:.5rem}.voting-results-title{margin:0 0 .25rem;font-size:1.8rem;font-weight:700;color:#111827}.voting-results-round{font-size:1rem;color:#6b7280;font-weight:500}.voting-results-message{text-align:center;padding:1.2rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.voting-results-message-icon{font-size:1.5rem}.voting-results-message-text{font-weight:600}.voting-results-list-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.voting-results-list{margin:0;margin-bottom:1.5rem}.voting-results-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:.75rem;transition:all .2s ease}.voting-results-item.eliminated{background:#ffebee;border:2px solid #f44336;transform:scale(1.02)}.voting-results-player-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.voting-results-player-name{font-size:1.1rem;font-weight:600;color:#111827}.voting-results-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.voting-results-badge.eliminated-badge{background:#f44336;color:#fff}.voting-results-badge.top-votes{background:#ff9800;color:#fff}.voting-results-votes{text-align:right;min-width:80px}.voting-results-vote-count{font-size:1.2rem;font-weight:700;color:#374151}.voting-elimination-details{background:#ffebee;border:2px solid #f44336;border-radius:12px;padding:1.2rem;margin-top:1.5rem;display:flex;align-items:center;gap:1rem}.voting-elimination-icon{font-size:2rem;color:#f44336;flex-shrink:0}.voting-elimination-content{flex:1}.voting-elimination-title{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#d32f2f}.voting-elimination-role{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.voting-elimination-role-label{color:#6b7280;font-weight:500}.voting-no-results{text-align:center;padding:2rem 1rem;color:#6b7280;font-style:italic}.voting-results-button{display:block;width:100%;padding:1.1rem;font-size:1.1rem;font-weight:600;text-align:center;background:#3b82f6;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #3b82f64d}.voting-results-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.voting-results-button:active{transform:translateY(0)}@media (max-height: 600px){.voting-results-card{padding:1.2rem}.voting-results-title{font-size:1.6rem}.voting-results-message{padding:1rem;font-size:1rem}.voting-results-item{padding:.8rem}.voting-results-player-name{font-size:1rem}.voting-results-vote-count{font-size:1.1rem}.voting-results-button{padding:1rem;font-size:1rem;margin-top:1rem}}.face-scan-container{background:#000000e6;color:#0fc;padding:1.5rem;border-radius:12px;border:1px solid #00ffcc;font-family:Courier New,monospace;width:100%;max-width:480px;box-shadow:0 0 20px #00ffcc4d;margin:0 auto;box-sizing:border-box;overflow:hidden}@media (max-height: 600px){.face-scan-container{padding:1rem;max-width:440px}}.scan-header{text-align:center;margin-bottom:1.5rem;border-bottom:1px solid #00ffcc;padding-bottom:.75rem}.scan-header h2{margin:0 0 .5rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.player-name{color:#fff;font-weight:700;font-size:1.1rem}.progress-text-mini{font-size:.8rem;color:#fffc;margin:.25rem 0 0}.scan-visualization{position:relative;margin-bottom:1.5rem;text-align:center}.face-outline{position:relative;width:160px;height:200px;margin:0 auto 1rem;border:2px solid #00ffcc;border-radius:50%;overflow:hidden;background:#00ffcc0d}@media (min-width: 500px){.face-outline{width:200px;height:250px}}.scan-line{position:absolute;height:3px;width:100%;background:linear-gradient(90deg,transparent,#00ffcc,transparent);animation:scanGlow 1.5s infinite}@keyframes scanGlow{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.facial-feature{position:absolute;background-color:#00ffcc4d;border:1px solid #00ffcc}.facial-feature.eyes{width:60px;height:15px;top:60px;left:50px;border-radius:50%}.facial-feature.mouth{width:45px;height:11px;top:120px;left:57px;border-radius:10px}@media (min-width: 500px){.facial-feature.eyes{width:80px;height:20px;top:80px;left:60px}.facial-feature.mouth{width:60px;height:15px;top:160px;left:70px}}.scan-progress{margin:1.25rem 0;text-align:center}.progress-bar{width:100%;height:16px;background-color:#0fc3;border-radius:8px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#0fc,#00b38f);border-radius:8px;transition:width .3s ease}.progress-text{font-size:1.1rem;font-weight:700}.scan-status{display:flex;align-items:center;justify-content:center;margin:1.25rem 0;padding:.75rem;background-color:#00000080;border-radius:8px;border:1px solid #00ffcc;flex-wrap:wrap;gap:.5rem}.status-message{margin-right:.75rem;font-size:.9rem;min-height:1.2em}.scanning-animation{width:18px;height:18px;border:2px solid #00ffcc;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scan-data{background-color:#00000080;padding:.75rem;border-radius:8px;border:1px solid #00ffcc;font-size:.9rem}.data-row{display:flex;justify-content:space-between;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:1px dashed rgba(0,255,204,.3);flex-wrap:wrap;line-height:1.4}.data-row>span{display:block;width:48%;min-width:120px}.data-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.role-reveal{text-align:center;margin:1.5rem 0}.role-reveal h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.role-badge{font-size:1.5rem;padding:1rem;margin:0 auto;max-width:280px;min-height:70px;display:flex;align-items:center;justify-content:center}@media (min-width: 500px){.role-badge{font-size:2rem;padding:1.5rem;min-height:90px}}.continue-btn{background:linear-gradient(135deg,#0fc,#00b38f);color:#000;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:50px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:block;width:100%;max-width:300px;margin:1.5rem auto 0;transition:transform .2s,box-shadow .2s;box-sizing:border-box}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0fc6}.continue-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes glow{0%{box-shadow:0 0 10px #ffffff80}to{box-shadow:0 0 30px #ffffffe6,0 0 40px #fff}}@media (max-height: 600px){.face-scan-container{padding:1rem;overflow-y:auto;max-height:90vh}.scan-header,.scan-visualization,.role-reveal,.continue-btn{margin-bottom:1rem}}:root{--color-primary: #667eea;--color-secondary: #764ba2;--color-accent: #f4845f;--color-background: #ffffff;--color-text: #213547;--color-button: #1a1a1a;--color-button-hover: #646cff;--color-border: #ddd;--color-card: #f9f9f9;--color-player: #e3f2fd;--color-player-border: #2196f3;--color-question: #fff3e0;--color-question-border: #ff9800;--color-event: #e8f5e8;--color-event-border: #4caf50;--color-timer: #ff5722;--color-agent: #4caf50;--color-spy: #f44336;--color-neutral: #9e9e9e;--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-base: 16px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background);font-family:var(--font-family);line-height:1.5;font-weight:400;color:var(--color-text);display:flex;place-items:center}#root{width:100%;max-width:500px;margin:0 auto;padding:1rem;text-align:center}@media (min-width: 501px){#root{max-width:600px;padding:2rem}}@media (min-width: 769px){body{padding:2rem}#root{max-width:800px}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-button);color:#fff;cursor:pointer;transition:border-color .25s;margin:.5rem;min-height:44px}button:hover{border-color:var(--color-button-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:.6;cursor:not-allowed}.card{padding:1.5em;background:var(--color-card);border-radius:8px;margin:1rem 0;border:1px solid var(--color-border)}.player-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}@media (min-width: 500px){.player-list{flex-direction:row;flex-wrap:wrap;justify-content:center}}.player-card{padding:.75rem;background:var(--color-player);border-radius:8px;border:1px solid var(--color-player-border);width:100%;display:flex;justify-content:space-between;align-items:center}input,select{padding:.5rem;margin:.25rem 0;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%;min-height:44px}.voting-grid,.results-grid{display:grid;gap:1rem;margin:2rem 0}.voting-grid,.results-grid{grid-template-columns:1fr}@media (min-width: 500px){.voting-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width: 600px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.question-card{background:var(--color-question);border:2px solid var(--color-question-border);border-radius:12px;padding:1.5rem;margin:1rem 0}.answer-options{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0}@media (min-width: 500px){.answer-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.role-badge{padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700;color:#fff}.role-agent{background-color:var(--color-agent)}.role-spy{background-color:var(--color-spy)}.role-neutral{background-color:var(--color-neutral)}.event-card{background:var(--color-event);border:2px solid var(--color-event-border);border-radius:8px;padding:1.25rem;margin:1rem 0}.pass-phone-screen{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem}.discussion-timer{font-size:1.75rem;font-weight:700;color:var(--color-timer);margin:1rem 0}@media (max-height: 600px){.card{padding:1em}button{padding:.5em 1em;font-size:.95em}}