@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.home-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:calc(100vh - 80px)}.home-header{text-align:center;margin-bottom:1.5rem}.home-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3)}.home-subtitle{font-size:1rem;color:#ffffffe6;margin-bottom:1rem}.home-section{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2)}.section-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.current-room-content{display:flex;flex-direction:column;gap:1rem;background:rgba(255,255,255,.1);border-radius:12px;padding:1rem}.current-room-info{flex:1}.current-room-buttons{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}.room-info-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.room-info-details{font-size:.9rem;color:#ffffffe6;margin-bottom:.5rem}.room-info-status{font-size:.8rem;color:#ffffffb3}.button-group{display:flex;gap:.5rem;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.base-button{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 4px 15px #0003;min-width:auto}.current-room-button{flex:1;font-size:.9rem;padding:.75rem 1rem}.exit-room-button{flex:1;font-size:.8rem;padding:.75rem 1rem}.available-games-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.refresh-button{padding:.75rem 1rem;font-size:.9rem}.lobby-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.lobby-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.lobby-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.lobby-info{color:#fffc;font-size:.8rem;margin-bottom:.75rem}.lobby-join-button{width:100%;padding:.75rem}@media (min-width: 769px){.home-container{padding:2rem}.home-header{margin-bottom:3rem}.home-title{font-size:3rem}.home-subtitle{font-size:1.2rem;margin-bottom:2rem}.home-section{padding:2rem;margin-bottom:2rem}.section-title{font-size:1.5rem}.current-room-content{flex-direction:row;align-items:center;gap:0;justify-content:space-between;padding:1.5rem}.current-room-buttons{flex-direction:column;gap:1rem;justify-content:flex-start}.room-info-title{font-size:1.3rem}.room-info-details{font-size:1rem}.room-info-status{font-size:.9rem}.button-group{flex-direction:row;gap:1rem;margin-bottom:2rem}.base-button{padding:1rem 2rem;font-size:1rem;min-width:150px}.current-room-button{padding:1rem 2rem;font-size:1rem;flex:none}.exit-room-button{padding:.75rem 2rem;font-size:.9rem;flex:none}.available-games-header{flex-direction:row;align-items:center;gap:0;justify-content:space-between}.refresh-button{padding:.5rem 1rem}.lobby-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.lobby-card{padding:1.5rem}.lobby-title{font-size:1.1rem}.lobby-info{font-size:.9rem;margin-bottom:1rem}}.game-room-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2;text-align:center;word-break:break-word}@media (min-width: 769px){.game-room-title{font-size:2rem}}@media (max-width: 480px){.game-room-title{font-size:1.2rem;margin-bottom:.5rem}}@media (max-width: 360px){.game-room-title{font-size:1rem}}@keyframes pulse{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.gradient-text-animated{background:linear-gradient(90deg,#a78bfa 0%,#60a5fa 25%,#a78bfa 50%,#60a5fa 75%,#a78bfa 100%);background-size:200% auto;animation:shimmer 3s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:calc(100vh - 80px)}.lobby-header{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2);text-align:center}.lobby-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.lobby-subtitle{color:#ffffffb3;font-size:.8rem;margin-bottom:1rem}.lobby-status{color:#fffc;font-size:1rem;margin-bottom:1rem}.lobby-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.lobby-main-content{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.lobby-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1rem;border:1px solid rgba(255,255,255,.2)}.lobby-section-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:1rem}.players-section{order:1}.chat-section{order:2;min-height:300px}.player-card{background:rgba(255,255,255,.1);border-radius:12px;padding:.75rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.player-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.player-name{color:#fff;font-size:.9rem}.player-name.current-user{font-weight:700}.team-badge{padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:700;color:#fff;box-shadow:0 2px 4px #0003}.player-status{display:flex;align-items:center;gap:.5rem}.ready-status{font-size:.8rem;font-weight:500}.ready-status.ready{color:#10b981}.ready-status.not-ready{color:#ffb6c1}.ready-status.in-game{color:#3b82f6;font-weight:700}.waiting-players{text-align:center;color:#ffffffb3;padding:1.5rem;margin-top:1rem}.waiting-players-content{background:rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-top:1rem}.room-id-section{margin-top:.5rem}.copy-button{padding:.5rem 1rem;font-size:.8rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:8px;cursor:pointer}.ready-section{text-align:center;margin-top:1rem}.ready-prompt{color:#fffc;margin-bottom:1rem;font-size:.9rem}.ready-button{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 4px 15px #0003}.viewing-notice{text-align:center;color:#ffffffb3;padding:1.5rem;margin-top:1rem;font-style:italic;font-size:.9rem}.chat-container{display:flex;flex-direction:column;height:300px}.chat-messages{flex:1;overflow-y:auto;margin-bottom:1rem;max-height:200px}.chat-message{border-radius:12px;padding:.6rem;margin-bottom:.4rem;color:#fff}.chat-message.own-message{background:linear-gradient(135deg,rgba(135,206,235,.3) 0%,rgba(135,206,235,.1) 100%);border-left:3px solid #87CEEB}.chat-message.other-message{background:rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.3)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem;flex-wrap:wrap;gap:.5rem}.message-username{font-weight:700;font-size:.8rem}.message-username.own{color:#87ceeb}.message-username.other{color:#fff}.message-timestamp{font-size:.6rem;opacity:.6;color:#fff}.message-content{font-size:.85rem;line-height:1.3}.chat-form{display:flex;gap:.5rem}.chat-input{flex:1;padding:.75rem;font-size:.9rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;outline:none}.chat-input::placeholder{color:#ffffff80}.chat-send-button{padding:.75rem 1rem;font-size:.9rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 4px 15px #0003}.chat-disabled{text-align:center;color:#ffffff80;padding:2rem;font-style:italic;font-size:.9rem}.countdown-display{font-size:1.5rem;font-weight:700;color:#ff6b6b;text-align:center;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3)}.lobby-button{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;min-width:auto}.lobby-button.primary{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.lobby-button.secondary{background:rgba(255,255,255,.2);color:#fff}.lobby-button.danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.lobby-button.disabled{background:rgba(100,100,100,.5);cursor:not-allowed}@media (min-width: 769px){.lobby-container{padding:2rem}.lobby-header{padding:2rem;margin-bottom:2rem}.lobby-title{font-size:2rem}.lobby-subtitle{font-size:.9rem}.lobby-status{font-size:1.1rem}.lobby-main-content{flex-direction:row;align-items:start;gap:2rem}.lobby-card{padding:2rem}.lobby-section-title{font-size:1.5rem}.players-section{order:1;flex:2}.chat-section{order:2;flex:1;min-height:400px}.player-card{padding:1rem;margin-bottom:1rem;flex-wrap:nowrap}.player-info{flex-wrap:nowrap;gap:1rem}.player-name{font-size:1rem}.team-badge{padding:.25rem .75rem;font-size:.8rem}.ready-status{font-size:.9rem}.waiting-players{padding:2rem}.ready-prompt{font-size:1rem}.ready-button{padding:.75rem 1.5rem;font-size:1rem}.viewing-notice{font-size:1rem}.chat-container{height:400px}.chat-messages{max-height:300px}.message-username{font-size:.9rem}.message-timestamp{font-size:.7rem}.message-content{font-size:.9rem}.chat-input,.chat-send-button{font-size:1rem}.countdown-display{font-size:2rem}.lobby-button{padding:.75rem 1.5rem;font-size:1rem;min-width:150px}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border:2px solid rgba(251,191,36,.3);border-radius:16px;max-width:800px;width:95vw;max-height:95vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;color:#fff}.modal-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0 0 .5rem;color:#fbbf24;font-size:1.5rem}.modal-body{padding:1.5rem 2rem}.modal-footer{padding:1rem 2rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.clash-answer-all-modal{max-width:900px}.header-info{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.timer-display{background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:8px;font-size:.9rem}.progress-display{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:8px;font-size:.9rem}.progress-label{color:#fffc}.progress-dots{display:flex;gap:.5rem;align-items:center}.progress-dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.progress-dot.unanswered{background-color:#fbbf24;opacity:.7}.progress-dot.answered{background-color:#10b981;box-shadow:0 0 8px #10b98180}.questions-overview{margin-bottom:2rem}.overview-header h3{margin:0 0 .5rem;color:#10b981}.overview-header p{margin:0 0 1rem;color:#fffc}.question-nav{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.question-nav-btn{width:40px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}.question-nav-btn.current{border-color:#fbbf24;background:rgba(251,191,36,.3)}.question-nav-btn.answered{border-color:#10b981;background:rgba(16,185,129,.3)}.question-nav-btn.unanswered{border-color:#fff3;background:rgba(255,255,255,.1)}.current-question{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-header h4{margin:0;color:#fbbf24}.question-owner{color:#fffc;font-size:.9rem}.word-display{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.word-label{color:#ffffffb3}.word-value{font-size:1.2rem;font-weight:700;color:#10b981}.question-text{font-size:1.1rem;margin-bottom:1.5rem;color:#ffffffe6}.answer-choices{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.choice-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.choice-btn:hover{border-color:#fff6;background:rgba(255,255,255,.1)}.choice-btn.selected{border-color:#10b981;background:rgba(16,185,129,.2)}.choice-btn:disabled,.choice-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:rgba(255,255,255,.05)}.choice-btn:disabled:hover,.choice-btn.disabled:hover{border-color:#fff3;background:rgba(255,255,255,.05)}.choice-letter{background:rgba(255,255,255,.2);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.choice-btn.selected .choice-letter{background:#10b981}.choice-text{flex:1}.current-answer{padding:.75rem;border-radius:8px;text-align:center}.answer-selected{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.answer-pending{background:rgba(255,255,255,.05);color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.question-navigation{display:flex;justify-content:space-between;margin-top:1.5rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.2)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.submission-info{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem}.completion-status{margin-bottom:1rem}.all-answered{color:#10b981;font-weight:700}.incomplete{color:#fbbf24}.scoring-info h4{margin:0 0 .5rem;color:#fbbf24}.scoring-info p{margin:.25rem 0;color:#fffc;font-size:.9rem}.footer-stats{display:flex;gap:1rem;color:#fffc;font-size:.9rem}@media (max-width: 768px){.modal-content{width:98vw;margin:.5rem}.modal-header,.modal-body,.modal-footer{padding-left:1rem;padding-right:1rem}.question-nav-btn{width:35px;height:35px}.choice-btn{padding:.75rem}.question-navigation{flex-direction:column;gap:.5rem}}.clash-content{display:flex;flex-direction:column;gap:2rem;min-height:calc(100vh - 120px)}.matching-phase,.answering-phase,.finished-phase{background:rgba(255,255,255,.05);border-radius:12px;padding:2rem;text-align:center}.matching-phase h2,.answering-phase h2,.finished-phase h2{margin:0 0 1rem;font-size:2rem}.matching-phase p,.answering-phase p{font-size:1.1rem;opacity:.8}.word-clash-loading,.word-clash-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:2rem;max-width:400px}.error-message h2{color:#ef4444;margin-bottom:1rem}.error-message p{color:#fffc;margin-bottom:1.5rem}.word-clash-container{min-height:100vh;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#1e40af 100%);color:#fff;padding:1rem;display:flex;flex-direction:column;gap:1rem}.clash-header{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1rem;border:1px solid rgba(255,255,255,.2);flex-wrap:wrap;gap:1rem}.game-title{font-size:1.5rem;font-weight:700;margin:0;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.round-info{font-size:.9rem;color:#fffc;margin-top:.25rem}.winner-pool{background:linear-gradient(45deg,#f59e0b,#d97706);padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #f59e0b4d}.clash-main{display:flex;flex-direction:column;gap:1rem;flex:1}.clash-left-panel,.clash-center,.clash-right-panel{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1rem}.clash-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.btn-challenge,.btn-pass{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:120px;touch-action:manipulation}.btn-challenge{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444466}.btn-challenge:hover:not(:disabled){background:linear-gradient(45deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444480}.btn-challenge:disabled{background:rgba(255,255,255,.1);color:#ffffff80;cursor:not-allowed;box-shadow:none}.btn-pass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-pass:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.btn-primary{background:linear-gradient(45deg,#4f46e5,#3730a3);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.btn-primary:hover{background:linear-gradient(45deg,#3730a3,#312e81);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}@media (max-width: 480px){.word-clash-container{padding:.5rem;gap:.5rem}.clash-header{padding:.75rem;flex-direction:column;align-items:center;text-align:center}.game-title{font-size:1.25rem}.clash-actions{flex-direction:column;align-items:stretch}.btn-challenge,.btn-pass{width:100%;min-width:auto}}@media (min-width: 600px){.clash-main{flex-direction:row;align-items:stretch}.clash-left-panel{flex:0 0 280px}.clash-center{flex:1}.clash-right-panel{flex:0 0 250px}.clash-actions{flex-direction:column;align-items:stretch}.btn-challenge,.btn-pass{width:100%;min-width:auto}}@media (min-width: 768px){.word-clash-container,.clash-header{padding:1.5rem}.game-title{font-size:2rem}.clash-left-panel{flex:0 0 320px}.clash-right-panel{flex:0 0 280px}}@media (min-width: 1024px){.word-clash-container{max-width:1400px;margin:0 auto;padding:2rem}.clash-left-panel{flex:0 0 350px}.clash-right-panel{flex:0 0 320px}.clash-actions{flex-direction:row;justify-content:space-between}.btn-challenge,.btn-pass{width:auto;min-width:120px}}@media (hover: none) and (pointer: coarse){.btn-challenge,.btn-pass,.btn-primary{min-height:48px;font-size:1.1rem}}@media (prefers-contrast: high){.clash-header,.clash-left-panel,.clash-center,.clash-right-panel{border:2px solid white}.btn-challenge{border:2px solid #dc2626}.btn-pass{border:2px solid white}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.btn-challenge:hover:not(:disabled),.btn-pass:hover,.btn-primary:hover{transform:none}*{transition:none!important}}.clash-coin-adding{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem;max-width:600px;margin:0 auto}@media (min-width: 768px){.clash-coin-adding{max-width:900px;gap:2.5rem;padding:2rem}}.prize-pool-display{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #fbbf244d}.prize-pool-display h2{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem}.prize-amount{font-size:2.5rem;font-weight:700;color:#1f2937;margin:.5rem 0}.prize-info{color:#1f2937;opacity:.8;font-size:.9rem}@media (min-width: 768px){.prize-pool-display{padding:2.5rem;border-radius:16px}.prize-pool-display h2{font-size:1.8rem;margin-bottom:1rem}.prize-amount{font-size:3.5rem;margin:1rem 0}.prize-info{font-size:1rem}}.player-cards-display{background:rgba(255,255,255,.05);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.player-cards-display h3{margin:0 0 1rem;font-size:1.2rem;color:#fbbf24;text-align:center}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card-preview{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;transition:all .2s ease}.card-preview:hover{background:rgba(255,255,255,.12);border-color:#ffffff4d;transform:translateY(-2px)}.card-word{font-size:1.1rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.card-definition{font-size:.9rem;color:#ffffffe6;margin-bottom:.75rem;line-height:1.3}.card-choices{display:flex;flex-direction:column;gap:.25rem}.choice-preview{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.25rem .5rem;font-size:.8rem;color:#fffc}.choice-preview.correct{background:rgba(16,185,129,.2);border-color:#10b98166;color:#10b981;font-weight:700}.players-list-container{background:rgba(255,255,255,.05);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.players-list-container h3{margin:0 0 1rem;font-size:1.2rem;color:#fbbf24;text-align:center}.players-grid{display:flex;flex-direction:column;gap:2px}@media (min-width: 768px){.players-list-container{padding:2rem;border-radius:16px}.players-list-container h3{font-size:1.5rem;margin-bottom:1.5rem}.players-grid{gap:2px}}.player-card{display:flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;transition:all .2s ease}@media (min-width: 768px){.player-card{padding:1.25rem;border-radius:12px}}.player-avatar{width:48px;height:48px;border-radius:8px;background:linear-gradient(45deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin-right:2px;overflow:hidden;border:2px solid rgba(255,255,255,.2);flex-shrink:0}@media (min-width: 768px){.player-avatar{width:64px;height:64px;margin-right:1.5rem;border-radius:12px}.player-avatar .avatar-image{border-radius:10px}.player-avatar .avatar-fallback{font-size:1.5rem}.player-name{font-size:1.2rem;margin-bottom:.5rem}.you-label{font-size:.9rem}.player-coins{font-size:1rem}.player-action-status{font-size:.95rem}}.player-name{font-weight:700;color:#ffffffe6;margin-bottom:.25rem;font-size:1rem;display:flex;align-items:center;gap:.25rem}.you-label{color:#10b981;font-size:.8rem}.turn-indicator{font-size:.8rem;animation:bounce 1s infinite}.player-status{display:flex;flex-direction:column;gap:2px}.player-coins{font-size:.85rem;color:#fbbf24;text-align:right}.answer-progress{font-size:.9rem;color:#10b981;font-weight:700}.progress-dots{display:flex;gap:3px;align-items:center;justify-content:flex-end}.progress-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.progress-dot.correct{background-color:#10b981!important;box-shadow:0 0 4px #10b98180!important;border:1px solid #059669!important}.progress-dot.incorrect{background-color:#f59e0b!important;box-shadow:0 0 4px #f59e0b80!important;border:1px solid #d97706!important}.progress-dot.unanswered{background-color:#6b7280!important;box-shadow:0 0 2px #6b728080!important;border:1px solid #9ca3af!important;opacity:.7}.waiting-status-box{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:1rem;text-align:center;margin-top:1rem}.waiting-message{color:#ffffffe6;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.waiting-message strong{color:#fbbf24;font-weight:700}@media (min-width: 768px){.waiting-status-box{padding:1.5rem;border-radius:16px;margin-top:.25rem}.waiting-message{font-size:1.1rem}}.player-action-status{font-size:.8rem}.action-completed{color:#10b981;font-weight:700}.action-current{color:#fbbf24;font-weight:700;animation:pulse 2s infinite}.action-waiting{color:#fff9;font-style:italic}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.player-card.has-played{opacity:.8}.turn-indicator-box{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;text-align:center}.my-turn{color:#10b981}.my-turn h3{margin:0 0 .5rem;font-size:1.3rem}.waiting-turn h3{margin:0 0 .5rem;color:#fbbf24;font-size:1.3rem}.viewing-mode{color:#10b981}.viewing-mode h3{margin:0 0 .5rem;font-size:1.3rem}.turn-indicator-box p{margin:0;opacity:.8}.coin-selection{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@media (min-width: 768px){.coin-selection{padding:2rem;border-radius:16px;gap:1.5rem}.coin-buttons{gap:1rem}.coin-amount-btn{padding:1rem 1.5rem;min-width:80px;font-size:1.1rem;border-radius:12px}.coin-label{font-size:.9rem}.your-coins-info{font-size:1.2rem}.match-info{font-size:1rem}}.your-coins-info{text-align:center;font-size:1.1rem;color:#fbbf24}.match-info{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:1rem;text-align:center;margin-bottom:1rem}.match-info p{margin:.5rem 0;color:#ffffffe6}.match-info strong{color:#fbbf24}.coin-buttons{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap}.coin-amount-btn{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:6px;padding:.6rem .4rem;min-width:60px;cursor:pointer;transition:all .2s ease;color:#fff;font-size:1.1rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:.2rem}.coin-amount-btn:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:#fff6;transform:translateY(-2px)}.coin-amount-btn.selected{background:rgba(16,185,129,.3);border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.coin-amount-btn:disabled{opacity:.5;cursor:not-allowed}.coin-amount-btn.insufficient{background:rgba(239,68,68,.2);border-color:#ef444466;color:#ffffffb3}.coin-amount-btn.insufficient:hover{background:rgba(239,68,68,.3)}.coin-amount-btn.exceeds-limit{background:rgba(156,163,175,.2);border-color:#9ca3af66;color:#ffffff80}.coin-amount-btn.exceeds-limit:hover{background:rgba(156,163,175,.3)}.coin-label{font-size:.65rem;opacity:.8;font-weight:400}.cave-label,.insufficient-label{font-size:.7rem;color:#ef4444;font-weight:700;display:block;margin-top:.25rem}.exceeds-limit-label{font-size:.7rem;color:#9ca3af;font-weight:700;display:block;margin-top:.25rem}.coin-amount-btn.grayed-out{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#fff6;cursor:not-allowed}.coin-amount-btn.pass-btn{background:rgba(59,130,246,.2);border-color:#3b82f666;color:#60a5fa;font-weight:700}.coin-amount-btn.pass-btn:hover:not(:disabled){background:rgba(59,130,246,.3);border-color:#3b82f699;color:#93c5fd;transform:translateY(-2px)}.disabled-label{font-size:.7rem;color:#fff6;font-weight:700;display:block;margin-top:.25rem}.give-up-section{margin-top:1rem;text-align:center}.btn-give-up{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;width:100%;touch-action:manipulation;display:flex;flex-direction:column;align-items:center;gap:.25rem}.btn-give-up:hover{background:linear-gradient(45deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.give-up-subtitle{font-size:.8rem;font-weight:400;opacity:.9}.confirm-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:1rem 2rem;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.actions-history{background:rgba(255,255,255,.05);border-radius:12px;padding:1rem}.actions-history h4{margin:0 0 1rem;font-size:1.1rem;color:#ffffffe6}.action-list{display:flex;flex-direction:column;gap:.5rem}.action-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:rgba(255,255,255,.05);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.action-item.played{border-color:#10b9814d}.player-name{font-weight:700}.action-result{color:#10b981}.action-pending{color:#fbbf24;font-style:italic}@media (max-width: 480px){.clash-coin-adding{padding:.25rem;gap:1rem}.cards-grid{grid-template-columns:1fr;gap:.75rem}.card-word{font-size:1rem}.card-definition{font-size:.85rem}.choice-preview{font-size:.75rem;padding:.2rem .4rem}.coin-buttons{gap:.2rem}.coin-amount-btn{padding:.5rem .3rem;min-width:50px;font-size:1rem}.coin-label{font-size:.6rem}}@media (min-width: 768px){.card-preview{padding:1rem}.card-word{font-size:1.2rem}.card-definition{font-size:1rem}.choice-preview{font-size:.85rem;padding:.3rem .6rem}}.clash-player-hand{display:flex;flex-direction:column;gap:1rem;height:100%}.hand-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.player-status{display:flex;flex-direction:column;gap:.25rem}.coins-display{font-weight:700;color:#fbbf24;font-size:1.1rem}.eliminated-badge{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700}.hand-count{color:#fffc;font-size:.9rem}.turn-indicator{background:linear-gradient(45deg,#10b981,#059669);color:#fff;text-align:center;padding:.75rem;border-radius:12px;font-weight:700;animation:pulse 2s infinite;box-shadow:0 4px 12px #10b9814d}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.vocab-cards-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5rem;margin-bottom:1rem}.players-list-container{display:flex;flex-direction:column}.empty-hand{grid-column:1 / -1;grid-row:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff9;text-align:center}.empty-hand-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.hand-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;position:relative;touch-action:manipulation}.hand-card:hover:not(.disabled){background:rgba(255,255,255,.12);border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.hand-card.selected{background:rgba(79,70,229,.2);border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e580}.hand-card.disabled{opacity:.6;cursor:not-allowed}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-word{font-size:1.2rem;font-weight:700;color:#fbbf24}.card-type{font-size:.75rem;color:#fff9;background:rgba(255,255,255,.1);padding:.25rem .5rem;border-radius:6px}.card-definition{color:#ffffffe6;margin-bottom:.75rem;line-height:1.4;font-size:.9rem}.card-choices{display:flex;flex-direction:column;gap:.5rem}.choice-option{background:rgba(255,255,255,.05);padding:.5rem;border-radius:6px;font-size:.85rem;border:1px solid rgba(255,255,255,.1)}.choice-option.correct{background:rgba(16,185,129,.1);border-color:#10b9814d;color:#10b981}.card-selected-indicator{position:absolute;top:-8px;right:-8px;background:linear-gradient(45deg,#10b981,#059669);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #10b98166}.player-card{display:flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:0;padding:.5rem;cursor:pointer;transition:all .2s ease;position:relative;touch-action:manipulation;margin:0;border-bottom:none}.player-card:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.player-card:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:1px solid rgba(255,255,255,.2)}.player-card:hover{background:rgba(255,255,255,.12);border-color:#fff6}.player-card.selected{background:rgba(79,70,229,.2);border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e580}.player-card.current-player{border-color:#10b981;background:rgba(16,185,129,.1)}.player-card.players-turn{background:rgba(251,191,36,.2);border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf244d;animation:turn-pulse 2s infinite}@keyframes turn-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #fbbf244d}50%{transform:scale(1.02);box-shadow:0 0 0 4px #fbbf2480}}.player-avatar{width:40px;height:40px;border-radius:8px;background:linear-gradient(45deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin-right:.75rem;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.player-avatar .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.player-avatar .avatar-fallback{color:#fff;font-weight:700;font-size:1.2rem}.player-info{flex:1}.player-name{font-weight:700;color:#ffffffe6;margin-bottom:.25rem;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.you-label{color:#10b981;font-size:.7rem}.turn-indicator{font-size:.7rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.player-coins{font-size:.85rem;color:#fbbf24}.coins-added{color:#10b981;font-weight:700;margin-left:.5rem}.challenge-btn{background:rgba(239,68,68,.8);border:1px solid rgba(239,68,68,.6);border-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .4rem;cursor:pointer;transition:all .2s ease;min-width:28px;display:flex;align-items:center;justify-content:center}.challenge-btn:hover{background:rgba(239,68,68,1);border-color:#ef4444cc;transform:translateY(-1px)}.challenge-btn:active{transform:translateY(0)}.challenge-single{background:rgba(34,197,94,.8);border-color:#22c55e99}.challenge-single:hover{background:rgba(34,197,94,1);border-color:#22c55ecc}.challenge-double{background:rgba(234,179,8,.8);border-color:#eab30899}.challenge-double:hover{background:rgba(234,179,8,1);border-color:#eab308cc}.challenge-triple{background:rgba(255,182,193,.8);border-color:#ffb6c199}.challenge-triple:hover{background:rgba(255,182,193,1);border-color:#ffb6c1cc}.challenge-ready{background:linear-gradient(45deg,#ef4444,#dc2626);border-radius:12px;padding:1rem;text-align:center;box-shadow:0 4px 12px #ef44444d}.selected-card-info{color:#fff;margin-bottom:.75rem;font-size:.9rem}.btn-start-challenge{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%;touch-action:manipulation}.btn-start-challenge:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.hand-help{background:rgba(255,255,255,.05);border-radius:8px;padding:.75rem;text-align:center;border:1px dashed rgba(255,255,255,.2)}.hand-help p{margin:0;color:#ffffffb3;font-size:.85rem}@media (max-width: 480px){.hand-card{padding:.4rem}.card-word{font-size:1.1rem}.card-definition{font-size:.8rem}.choice-option{padding:.4rem;font-size:.8rem}}@media (min-width: 600px){.hand-cards{max-height:600px}.hand-card{padding:.75rem}.card-word{font-size:1.3rem}.card-definition{font-size:1rem}.choice-option{font-size:.9rem}}@media (hover: none) and (pointer: coarse){.hand-card{min-height:120px;padding:.6rem}.btn-start-challenge{min-height:48px;font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.turn-indicator{animation:none}.hand-card:hover:not(.disabled){transform:none}.btn-start-challenge:hover{transform:none}}.answer-modal{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);border-radius:16px;border:2px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0009;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;color:#fff;position:relative}.answer-modal .modal-header{background:rgba(0,0,0,.2);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.answer-modal .modal-header h2{margin:0;color:#fff;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.timer{display:flex;align-items:center;justify-content:center}.timer-circle{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);animation:pulse 1s infinite}.timer-text{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.challenge-info{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.challenge-details{background:rgba(255,255,255,.1);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.label{color:#fffc;font-size:.9rem}.value{font-weight:700;color:#fff}.coin-amount{color:#fbbf24}.question-preview{background:rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center}.question-word{font-size:2rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.question-prompt{color:#ffffffe6;font-size:1.1rem}.response-options{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.option-explanation h3{margin:0 0 1rem;color:#fff;font-size:1.2rem;text-align:center}.option-details{display:flex;flex-direction:column;gap:.75rem;background:rgba(255,255,255,.1);border-radius:12px;padding:1rem}.option-detail{font-size:.9rem;color:#ffffffe6}.response-buttons{display:flex;gap:1rem;flex-direction:column}.btn-cave,.btn-accept{padding:1rem 1.5rem;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease;touch-action:manipulation;flex:1}.btn-cave{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border:2px solid #f59e0b;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.3)}.btn-cave:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid #059669;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-accept:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.question-section{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.question-display{text-align:center;background:rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.question-display .question-word{font-size:2.5rem;font-weight:700;color:#fbbf24;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.question-display .question-prompt{color:#ffffffe6;font-size:1.2rem}.answer-choices{display:flex;flex-direction:column;gap:.75rem}.choice-button{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem;text-align:left;touch-action:manipulation}.choice-button:hover{background:rgba(255,255,255,.2);border-color:#fff6;transform:translateY(-2px)}.choice-button.selected{background:rgba(251,191,36,.2);border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2480}.choice-letter{width:32px;height:32px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.choice-button.selected .choice-letter{background:#fbbf24;color:#1e1b4b}.choice-text{flex:1;color:#fff;font-size:1rem;line-height:1.4}.answer-footer{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn-submit-answer{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.5);padding:.75rem 2rem;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.btn-submit-answer:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.no-selection{color:#ffffffb3;font-style:italic;font-size:.9rem}.time-warning{text-align:center}.warning-text{color:#fbbf24;font-weight:700;font-size:1.1rem;animation:flash .5s infinite alternate}@keyframes flash{0%{opacity:1}to{opacity:.7}}@media (max-width: 480px){.answer-modal .modal-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.answer-modal .modal-header h2{font-size:1.2rem}.timer-circle{width:50px;height:50px}.timer-text{font-size:1.25rem}.challenge-info,.response-options,.question-section{padding:1rem}.question-word{font-size:1.75rem!important}.question-display .question-word{font-size:2rem!important}.detail-row{flex-direction:column;align-items:stretch;gap:.25rem}.choice-button{flex-direction:column;text-align:center;gap:.75rem}.choice-letter{align-self:center}}@media (min-width: 600px){.response-buttons{flex-direction:row}.answer-choices{gap:1rem}.choice-button{padding:1.25rem}}@media (hover: none) and (pointer: coarse){.btn-cave,.btn-accept,.btn-submit-answer{min-height:48px;font-size:1.1rem}.choice-button{min-height:60px;padding:1rem}}@media (prefers-reduced-motion: reduce){.timer-circle,.warning-text{animation:none}.choice-button:hover,.btn-cave:hover,.btn-accept:hover,.btn-submit-answer:hover{transform:none}}.countdown-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center}.countdown-modal{background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border:2px solid rgba(251,191,36,.3);border-radius:16px;max-width:500px;width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;color:#fff}.countdown-header{text-align:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.countdown-header h2{margin:0 0 1rem;color:#fbbf24;font-size:2rem}.phase-transition{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem}.arrow-transition{font-size:1.5rem;color:#10b981;animation:bounce-arrow 2s infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(5px);opacity:1}}.countdown-body{padding:2rem;display:flex;flex-direction:column;gap:2rem;align-items:center}.game-summary{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.05);padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);min-width:150px}.summary-icon{font-size:2rem}.summary-text{display:flex;flex-direction:column}.summary-label{font-size:.8rem;color:#ffffffb3;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.summary-value{font-size:1.2rem;font-weight:700;color:#fbbf24}.countdown-display{display:flex;flex-direction:column;align-items:center;gap:1rem}.countdown-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #10b9814d;animation:pulse-countdown 1s infinite;position:relative}.countdown-circle:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);z-index:-1;animation:rotate-ring 2s linear infinite}@keyframes pulse-countdown{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.countdown-number{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.countdown-message{font-size:1.2rem;font-weight:700;color:#fbbf24;margin:0;text-align:center}.instructions{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);width:100%;text-align:left}.instructions h3{margin:0 0 1rem;color:#10b981;font-size:1.1rem}.instructions ul{margin:0;padding-left:1.5rem;list-style:none}.instructions li{margin-bottom:.5rem;color:#ffffffe6;position:relative}.instructions li:before{content:"✓";position:absolute;left:-1.5rem;color:#10b981;font-weight:700}@media (max-width: 480px){.countdown-modal{margin:1rem;width:calc(100vw - 2rem)}.countdown-header{padding:1.5rem 1rem 1rem}.countdown-header h2{font-size:1.5rem}.countdown-body{padding:1.5rem 1rem;gap:1.5rem}.game-summary{flex-direction:column;gap:1rem}.summary-item{min-width:auto;justify-content:center}.countdown-circle{width:100px;height:100px}.countdown-number{font-size:2.5rem}}.clash-results{background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border-radius:16px;padding:1rem;color:#fff;margin:0 auto}.results-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(251,191,36,.3)}.results-title{font-size:2.5rem;margin:0 0 1rem;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.winner-announcement,.tie-announcement{margin-bottom:1rem}.winner-text,.tie-text{font-size:1.8rem;margin:0 0 .5rem;color:#10b981}.winner-prize,.tie-prize{font-size:1.2rem;color:#fbbf24;font-weight:700}.tie-winners{font-size:1.1rem;color:#ffffffe6;margin-bottom:.5rem}.you-won{background:linear-gradient(135deg,#10b981,#059669);padding:1rem 2rem;border-radius:12px;font-size:1.2rem;font-weight:700;margin-top:1rem;box-shadow:0 4px 12px #10b9814d;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 4px 12px #10b9814d}50%{transform:scale(1.02);box-shadow:0 8px 24px #10b98180}}.player-scores{margin-bottom:2rem}.player-scores h3{color:#fbbf24;margin:0 0 1rem;font-size:1.3rem}.scores-list{display:flex;flex-direction:column;gap:.75rem}.score-item{display:flex;align-items:center;background:rgba(255,255,255,.05);border-radius:12px;padding:1.25rem 2rem;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.score-item.winner{border-color:#10b981;background:rgba(16,185,129,.1)}.score-item.current-player{border-color:#fbbf24;background:rgba(251,191,36,.1)}.score-rank{font-size:1.5rem;margin-right:1rem;min-width:40px;text-align:center}.score-info{flex:1}.player-name{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.25rem}.you-indicator{color:#fbbf24;font-weight:400;font-size:.9rem}.score-details{font-size:1rem;color:#fffc;display:flex;align-items:center;gap:.5rem}.forfeit-status{color:#ef4444;font-weight:700}.winner-badge{background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:700}.score-coins{font-size:1.1rem;font-weight:700;color:#fbbf24;min-width:80px;text-align:right}.game-summary{margin-bottom:2rem}.game-summary h3{color:#fbbf24;margin:0 0 1rem;font-size:1.3rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:#10b981}.results-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.btn{padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}@media (max-width: 768px){.clash-results{padding:1rem}.results-title,.winner-text,.tie-text{font-size:1.5rem}.you-won{padding:.75rem 1.5rem;font-size:1rem}.score-item{padding:.75rem 1rem}.score-rank{font-size:1.2rem;margin-right:.75rem;min-width:30px}.summary-stats{grid-template-columns:1fr}.stat-item{padding:1rem}.results-actions{flex-direction:column;gap:.75rem}.btn{padding:.75rem 1.5rem}}.answer-details{margin-bottom:2rem}.answer-details h3{color:#fbbf24;margin:0 0 1rem;font-size:1.3rem}.player-answers{background:rgba(255,255,255,.05);border-radius:12px;padding:2rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.player-answers.current-player{border-color:#fbbf24;background:rgba(251,191,36,.1)}.player-name-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.player-avatar-small{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.player-avatar-placeholder{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:2px solid rgba(255,255,255,.2)}.player-answers .player-name{font-size:1.3rem;font-weight:700;color:#fff;margin:0}.answer-section-title{font-size:1rem;margin:1rem 0 .75rem;font-weight:700}.correct-answers .answer-section-title{color:#10b981}.incorrect-answers .answer-section-title{color:#ef4444}.word-list{display:flex;flex-wrap:wrap;gap:.5rem}.word-item{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.05);border-radius:6px;padding:.75rem 1rem;border-left:3px solid;width:100%;box-sizing:border-box}.word-item.correct{border-left-color:#10b981;background:rgba(16,185,129,.05)}.word-item.incorrect{border-left-color:#ef4444;background:rgba(239,68,68,.05)}.word-item .word{font-size:1.1rem;font-weight:700;color:#fff}.word-item .status{font-size:1rem;font-weight:700;margin-left:.5rem}.word-item.correct .status{color:#10b981}.word-item.incorrect .status{color:#ef4444}.word-item.clickable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.word-item.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.word-item.correct.clickable:hover{background:rgba(16,185,129,.15);border-left-color:#059669}.word-item.incorrect.clickable:hover{background:rgba(239,68,68,.15);border-left-color:#dc2626}.no-answers{text-align:center;color:#fff9;font-style:italic;padding:1rem}@media (max-width: 768px){.player-answers{padding:1rem;margin-bottom:1rem}.results-header{padding-bottom:1rem;margin-bottom:1.5rem}.word-item{padding:.75rem}.word-header{flex-direction:column;align-items:flex-start;gap:.25rem}.word-header .status{align-self:flex-end}}