.join-screen{width:100vw;min-height:100vh;background:#e98276;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px}.join-title{font-size:64px;margin-bottom:20px}.join-form{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:25px}.join-subtitle{font-size:1.5rem;margin-bottom:10px}.name-input{width:100%;padding:20px 30px;font-size:1.5rem;border:none;border-radius:50px;text-align:center;outline:none;background:#fff;color:#333}.name-input::placeholder{color:#999}.name-input.error{border:2px solid #ff4444}.error-message{color:#f44;font-size:14px;margin-top:8px;margin-bottom:0;text-align:center}.join-button{padding:20px 60px;font-size:1.5rem;font-weight:700;border:none;border-radius:50px;background:#2c3e50;color:#fff;cursor:pointer;transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover){.join-button:hover{transform:scale(1.05);background:#34495e}}.join-button:active{transform:scale(.98);background:#1a252f}.privacy-notice{max-width:800px;margin-top:60px;font-size:.9rem;text-align:center;opacity:.8;line-height:1.5}@media(max-width:992px){.join-title{font-size:40px;margin-bottom:10px}.join-subtitle{font-size:16px}.join-form{gap:12px}.privacy-notice{font-size:16px;max-width:500px;margin-top:20px}.join-button{font-size:16px;padding:15px 40px}.name-input{font-size:16px;padding:18px 0}}@media(max-width:576px){.join-title{font-size:30px}}.practice-intro-screen{background:#e98276;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1a1a1a;text-align:center;padding:20px}.intro-content{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:400px}.intro-text{font-size:28px;font-weight:500;line-height:1.4;margin-bottom:20px}.manual-instruction{font-size:24px;font-weight:500;margin-bottom:10px}.start-practice-button{background:transparent;border:2px solid #1a1a1a;color:#1a1a1a;font-size:22px;font-weight:700;padding:15px 30px;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%}.start-practice-button:hover{background:#0000000d;transform:translateY(-2px)}.start-practice-button:active{transform:translateY(0)}.waiting-screen-participant{width:100vw;min-height:100vh;background:linear-gradient(135deg,#4ecdc4,#44a08d);display:flex;align-items:center;justify-content:center;color:#fff;padding:20px}.waiting-content{text-align:center}.waiting-content h1{font-size:3rem;margin-bottom:40px}.loading-spinner{width:80px;height:80px;border:8px solid rgba(255,255,255,.3);border-top:8px solid white;border-radius:50%;margin:0 auto 40px;animation:spin 1s linear infinite}.waiting-text{font-size:1.8rem;margin-bottom:15px}.waiting-subtext{font-size:1.4rem;opacity:.9}.player-count-display{margin:30px auto;background:#fff3;padding:15px 25px;border-radius:50px;display:inline-flex;align-items:center;gap:15px;border:1px solid rgba(255,255,255,.3)}.count-label{font-size:1rem;text-transform:uppercase;letter-spacing:1px}.count-number{font-size:2rem;font-weight:700;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.question-screen-participant{width:100vw;min-height:100vh;padding:30px 20px;color:#fff;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.question-header{display:flex;justify-content:end;align-items:baseline;margin-bottom:40px;flex-wrap:wrap;gap:20px}.question-title-section{flex:1;min-width:200px}.title-text{font-size:2rem;font-weight:300;margin:0;letter-spacing:-.5px}.title-underline{width:100%;height:2px;background:#fff;margin-top:10px}.header-right{align-items:flex-start;gap:15px;flex-wrap:wrap}.round-badge{background:#fff;border-radius:15px;padding:10px 25px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 15px #0000001a}.round-label{color:#17a2b8;font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:3px}.round-number{display:flex;align-items:baseline;color:#333}.round-number .current{font-size:1.8rem;font-weight:700;color:#17a2b8}.round-number .separator{font-size:1.5rem;margin:0 3px;color:#ccc}.round-number .total{font-size:1.5rem;font-weight:400;color:#ccc}.timer-inner{width:165px;height:165px;border-radius:50%;background:#2c3e50;display:flex;flex-direction:column;align-items:center;justify-content:center;border:15px solid #fff}.timer-label{font-size:.55rem;color:#e74c3c;font-weight:700;letter-spacing:.5px;margin-bottom:3px}.timer-value{font-size:1.8rem;font-weight:700;color:#fff;font-family:Courier New,monospace;letter-spacing:1px}.question-body{max-width:1167px;margin:0 auto;position:relative}.clues-section{margin-bottom:30px}.clue-item{display:flex;font-size:1.2rem;margin-bottom:18px;line-height:1.7;transition:all .5s ease}.clue-item.revealed{opacity:1;transform:translate(0)}.clue-item.hidden{opacity:.4;transform:translate(0)}.clue-item.revealed .clue-text{color:#fff}.clue-item.hidden .clue-text{letter-spacing:2px;color:#ffffff4d}.clue-number{font-weight:700;font-size:1.4rem;margin-right:12px;flex-shrink:0}.clue-text{flex:1}.content-underline{width:100%;height:2px;background:#fff;margin:30px 0}.answer-options{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.answer-option{padding:20px 30px;font-size:1.2rem;background:#0006;border:2px solid transparent;border-radius:50px;color:#fff;cursor:pointer;transition:background .3s,border-color .3s,transform .2s;text-align:left;display:flex;align-items:center;gap:12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:none}.answer-option span{pointer-events:none}.option-letter{font-weight:700;font-size:1.4rem;flex-shrink:0}.option-text{flex:1}.submit-button{width:100%;padding:18px;font-size:1.3rem;font-weight:700;border:none;border-radius:50px;background:#2ecc71;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #2ecc714d}.submit-button:hover{background:#27ae60;transform:scale(1.02);box-shadow:0 6px 20px #2ecc7166}.answer-submitted-message{text-align:center;padding:20px;background:#ffffff26;border-radius:15px;border:2px solid rgba(255,255,255,.3)}.answer-submitted-message p{font-size:1.3rem;margin-bottom:8px}.wait-message{font-size:1rem!important;opacity:.9}.body02{float:left;width:72%}.time-left{float:right;width:25%;text-align:right}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:1167px){.question-header{margin-bottom:0}}@media(max-width:1199px){.content-underline{margin:16px 0}.answer-options{gap:4px}.clues-section{margin-bottom:0}.question-screen-participant{padding:20px 15px}.title-text,.timer-value{font-size:1.5rem}.clue-item{font-size:1rem;margin-bottom:4px}.clue-number{font-size:1.2rem}.answer-option{font-size:1rem;padding:15px 20px}.option-letter{font-size:1.2rem}.round-number .current,.round-number .total{font-size:16px}.round-badge{padding:8px 25px}}@media(max-width:767px){.time-left{width:100%}.body02{width:100%;margin-top:5px}.timer-circle{text-align:-webkit-center}.timer-inner{border:7px solid #fff}}@media(max-width:576px){.timer-inner{width:80px;height:80px}.timer-value{font-size:16px}.answer-options{margin-bottom:0}.question-screen-participant{position:fixed;overflow:hidden}.clue-item,.clue-number{font-size:14px}.title-text{font-size:16px}.round-badge{padding:3px 10px}.answer-option{font-size:14px;padding:6px 9px}.option-letter{font-size:14px}.timer-label{font-size:6px}}.answer-option:active:not(.disabled):not(.selected){background:#ffffff1a;transform:scale(.98)}.answer-option.selected{background:#7ebd5f!important;border:3px solid #fff!important;transform:scale(1.02)!important;will-change:background,transform}.answer-option.selected:focus{background:#7ebd5f!important;border:3px solid #fff!important;transform:scale(1.02)!important;outline:none}.answer-option.selected:active{background:#7ebd5f!important;border:3px solid #fff!important;transform:scale(1.02)!important}.result-screen-participant{width:100vw;min-height:100vh;background:#055a60;padding:40px 20px 20px;color:#fff;overflow-y:auto;display:flex;flex-direction:column}.result-header{text-align:center;margin-bottom:30px;padding-top:10px}.result-badge{display:inline-block;padding:20px 50px;font-size:2rem;font-weight:700;border-radius:20px;animation:bounceIn .6s}.result-badge.correct{background:linear-gradient(135deg,#2ecc71,#27ae60);border:4px solid #1abc9c}.result-badge.incorrect{background:linear-gradient(135deg,#e74c3c,#c0392b);border:4px solid #c0392b}.result-content{max-width:600px;margin:0 auto}.answer-section{margin-bottom:30px}.answer-section h3{font-size:1.5rem;margin-bottom:15px}.correct-label{margin-top:20px}.answer-display{padding:20px;font-size:1.4rem;border-radius:15px;margin-bottom:15px;font-weight:600}.answer-display.correct{background:#2ecc714d;border:3px solid #2ecc71}.answer-display.incorrect{background:#e74c3c4d;border:3px solid #e74c3c}.score-section{display:flex;gap:20px;margin-bottom:30px}.score-card,.rank-card{flex:1;background:#ffffff1a;padding:25px;border-radius:15px;text-align:center}.score-label,.rank-label{display:block;font-size:1.2rem;margin-bottom:10px;opacity:.9}.score-value,.rank-value{display:block;font-size:2.5rem;font-weight:700;color:#ffb81c}.leaderboard-preview{margin-bottom:30px}.leaderboard-preview h3{font-size:1.5rem;margin-bottom:20px;text-align:center}.mini-leaderboard{display:flex;flex-direction:column;gap:10px}.mini-leader-item{display:flex;align-items:center;background:#ffffff1a;padding:15px 20px;border-radius:12px;font-size:1.2rem}.mini-leader-item.rank-1,.mini-leader-item.rank-2,.mini-leader-item.rank-3{background:#ffb81c}.mini-rank{font-weight:700;min-width:50px}.mini-name{flex:1}.mini-score{font-weight:700;color:#fff}.next-question-message{text-align:center;font-size:1.3rem;padding:20px;background:#ffffff1a;border-radius:15px;animation:pulse 2s infinite}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:1199px){.result-badge{padding:10px 30px;font-size:20px}.answer-section h3{font-size:16px;margin-bottom:3px}.answer-display{padding:10px 30px;font-size:16px}.correct-label{margin:0}.score-value,.rank-value{font-size:20px}.score-label,.rank-label{font-size:16px}.score-section,.answer-section{margin-bottom:10px}.leaderboard-preview h3{font-size:16px;margin-bottom:10px}.mini-leader-item{padding:10px;font-size:16px}.leaderboard-preview{margin-bottom:10px}.next-question-message{font-size:16px;padding:12px}}.end-screen-participant{width:100%;min-height:100%;background:#7b76b6;padding:20px;color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.end-title{text-align:center;font-size:3.5rem;margin-bottom:40px;animation:bounceIn 1s}.final-result{max-width:600px;margin:0 auto 40px;text-align:center}.final-rank{margin-bottom:30px}.rank-emoji{font-size:5rem;display:block;margin-bottom:15px}.rank-text{font-size:2rem;font-weight:700}.final-score{background:#ffffff26;padding:30px;border-radius:20px}.score-label{display:block;font-size:1.5rem;margin-bottom:15px;opacity:.9}.score-value{display:block;font-size:4rem;font-weight:700;color:gold}.final-leaderboard{max-width:700px;margin:0 auto 40px}.final-leaderboard h3{text-align:center;font-size:2rem;margin-bottom:25px}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leader-item{display:flex;align-items:center;background:#ffffff26;padding:18px 25px;border-radius:15px;font-size:1.3rem}.leader-item.top-1{background:#ffb81c;font-size:1.5rem;padding:22px 30px}.position{font-size:1.8rem;min-width:60px;font-weight:700}.participant-name{flex:1;font-weight:600}.participant-score{font-weight:700;font-size:1.5rem;color:gold}.thank-you-message{text-align:center;font-size:1.8rem;padding:20px;animation:fadeIn 2s}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1199px){.end-title{font-size:30px;margin-bottom:10px}.rank-text{font-size:16px}.rank-emoji{font-size:26px}.final-score{padding:10px}.score-label{font-size:16px}.score-value{font-size:20px}.final-leaderboard h3{font-size:20px;margin-bottom:10px}.final-result{margin:0 auto}.leader-item.top-1{padding:12px 20px;font-size:16px}.thank-you-message{font-size:22px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:fixed;inset:0;padding-top:max(0px,env(safe-area-inset-top));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}#root{width:100%;height:100%;display:flex;flex-direction:column}.app{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column}