.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}html.dark{color-scheme:dark}html.dark .bg-white{background-color:#1e293b}html.dark .bg-gray-50,html.dark .bg-gray-100{background-color:#0f172a}html.dark .bg-gray-200{background-color:#1e293b}html.dark .text-gray-900{color:#f1f5f9}html.dark .text-gray-800{color:#e2e8f0}html.dark .text-gray-700{color:#cbd5e1}html.dark .text-gray-600,html.dark .text-gray-500{color:#94a3b8}html.dark .border-gray-200,html.dark .border-gray-300{border-color:#334155}html.dark .border-gray-100{border-color:#1e293b}html.dark .divide-gray-200>:not([hidden])~:not([hidden]){border-color:#334155}html.dark .shadow-md{box-shadow:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d}html.dark .shadow-lg{box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d}html.dark .shadow-sm{box-shadow:0 1px 2px #0000004d}html.dark .shadow{box-shadow:0 1px 3px #0006,0 1px 2px -1px #0000004d}html.dark .hover\:bg-gray-50:hover{background-color:#1e293b}html.dark .hover\:bg-gray-100:hover,html.dark .hover\:bg-gray-200:hover{background-color:#334155}html.dark input,html.dark textarea,html.dark select{background-color:#0f172a;color:#e2e8f0;border-color:#475569}html.dark input::placeholder,html.dark textarea::placeholder{color:#64748b}html.dark input:focus,html.dark textarea:focus,html.dark select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}html.dark .bg-blue-50{background-color:#1e3a8a4d}html.dark .bg-green-50{background-color:#14532d4d}html.dark .bg-red-50{background-color:#7f1d1d4d}html.dark .bg-yellow-50{background-color:#713f124d}html.dark .bg-purple-50{background-color:#581c874d}html.dark .bg-indigo-50{background-color:#312e814d}html.dark .bg-orange-50{background-color:#7c2d124d}html.dark .bg-emerald-50{background-color:#064e3b4d}html.dark .bg-teal-50{background-color:#134e4a4d}html.dark .bg-black\/50,html.dark .bg-gray-900\/50{background-color:#000000b3}html.dark table th{background-color:#1e293b;color:#e2e8f0}html.dark table td{border-color:#334155}html.dark table tr:hover td{background-color:#1e293b}html.dark .bg-gray-50:nth-child(2n),html.dark tr:nth-child(2n){background-color:#1e293b80}html.dark details summary:hover{background-color:#1e293b}html.dark ::-webkit-scrollbar{width:8px;height:8px}html.dark ::-webkit-scrollbar-track{background:#0f172a}html.dark ::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}html.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}html{transition:color-scheme .3s}html *,html *:before,html *:after{transition:background-color .2s ease,border-color .2s ease,color .15s ease,box-shadow .2s ease}html .no-theme-transition,html .no-theme-transition *{transition:none!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes timerUrgent{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.comphoot-timer{transition:all .3s ease}.comphoot-timer--warning{animation:timerPulse 1s ease-in-out infinite;color:#f59e0b}.comphoot-timer--urgent{animation:timerUrgent .5s ease-in-out infinite;color:#ef4444}@keyframes scoreFlyIn{0%{opacity:0;transform:translateY(30px) scale(.5)}60%{transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scorePopIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes streakGlow{0%,to{box-shadow:0 0 5px #f59e0b80}50%{box-shadow:0 0 20px #f59e0bcc,0 0 30px #f59e0b66}}.comphoot-score-fly{animation:scoreFlyIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.comphoot-score-pop{animation:scorePopIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.comphoot-streak-glow{animation:streakGlow 1.5s ease-in-out infinite}@keyframes rankReveal{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes rankUp{0%{transform:translateY(20px);opacity:0}50%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}@keyframes rankDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.comphoot-rank-reveal{animation:rankReveal .5s ease-out forwards}.comphoot-rank-reveal-1{animation-delay:.4s;opacity:0}.comphoot-rank-reveal-2{animation-delay:.3s;opacity:0}.comphoot-rank-reveal-3{animation-delay:.2s;opacity:0}.comphoot-rank-reveal-4{animation-delay:.1s;opacity:0}.comphoot-rank-reveal-5{animation-delay:0s;opacity:0}.comphoot-rank-up{animation:rankUp .5s ease-out forwards;color:#22c55e}.comphoot-rank-down{animation:rankDown .5s ease-out forwards;color:#ef4444}@keyframes answerPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes answerCorrect{0%{background-color:#22c55e;transform:scale(1)}50%{transform:scale(1.05)}to{background-color:#22c55e;transform:scale(1)}}@keyframes answerWrong{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.comphoot-answer-btn{transition:all .15s ease-out}.comphoot-answer-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 8px 30px #00000026}.comphoot-answer-btn:active:not(:disabled){transform:scale(.98)}.comphoot-answer-btn--selected{animation:answerPop .3s ease-out;transform:scale(1.02);border-width:3px}.comphoot-answer-btn--correct{animation:answerCorrect .5s ease-out forwards}.comphoot-answer-btn--wrong{animation:answerWrong .4s ease-out;background-color:#ef4444!important}@keyframes playerJoin{0%{opacity:0;transform:translateY(-20px) scale(.8)}60%{transform:translateY(5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lobbyPulse{0%,to{opacity:1}50%{opacity:.7}}.comphoot-player-join{animation:playerJoin .5s cubic-bezier(.34,1.56,.64,1) forwards}.comphoot-lobby-waiting{animation:lobbyPulse 2s ease-in-out infinite}@keyframes countdownPop{0%{opacity:0;transform:scale(2)}50%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1)}}@keyframes countdownGo{0%{opacity:0;transform:scale(3)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.comphoot-countdown-number{animation:countdownPop 1s ease-out forwards}.comphoot-countdown-go{animation:countdownGo .8s ease-out forwards}@keyframes podiumRise{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes podiumCrown{0%{opacity:0;transform:translateY(-30px) rotate(-10deg)}60%{transform:translateY(5px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.comphoot-podium-rise{animation:podiumRise .8s cubic-bezier(.34,1.56,.64,1) forwards}.comphoot-podium-1{animation-delay:.6s;transform:scaleY(0)}.comphoot-podium-2{animation-delay:.3s;transform:scaleY(0)}.comphoot-podium-3{animation-delay:0s;transform:scaleY(0)}.comphoot-crown{animation:podiumCrown .6s ease-out 1.4s forwards;opacity:0}@keyframes questionSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes questionFadeIn{0%{opacity:0}to{opacity:1}}.comphoot-question-enter{animation:questionSlideIn .4s ease-out forwards}.comphoot-options-enter{animation:questionFadeIn .3s ease-out .2s forwards;opacity:0}.comphoot-gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.comphoot-gradient-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.comphoot-gradient-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.comphoot-gradient-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.comphoot-gradient-silver{background:linear-gradient(135deg,#9ca3af,#6b7280)}.comphoot-gradient-bronze{background:linear-gradient(135deg,#d97706,#b45309)}.comphoot-btn-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.comphoot-btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.comphoot-btn-yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.comphoot-btn-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.comphoot-shape-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.comphoot-shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.comphoot-shape-circle{border-radius:50%}.comphoot-shape-square{border-radius:.5rem}@keyframes answerPopIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes correctGlow{0%,to{box-shadow:0 0 20px #22c55e99}50%{box-shadow:0 0 40px #22c55ee6,0 0 60px #22c55e66}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comphoot-answer-pop{animation:answerPopIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.comphoot-fade-in{animation:fadeIn .5s ease-out forwards}.comphoot-correct-glow{animation:correctGlow 1.5s ease-in-out infinite}.comphoot-slide-up{animation:slideUp .5s ease-out forwards}.comphoot-result-correct{background:linear-gradient(135deg,#22c55e,#16a34a);animation:answerPopIn .5s ease-out forwards}.comphoot-result-wrong{background:linear-gradient(135deg,#ef4444,#dc2626);animation:answerWrong .4s ease-out}@keyframes badgeBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes badgeTextFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeShine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 20px 10px #fff0}}.comphoot-badge-popup{animation:fadeIn .3s ease-out forwards}.comphoot-badge-bounce{animation:badgeBounce .8s cubic-bezier(.34,1.56,.64,1) forwards,badgePulse 1.5s ease-in-out .8s infinite}.comphoot-badge-text{animation:badgeTextFade .5s ease-out .3s forwards;opacity:0}.comphoot-badge-shine{background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:200% 100%;animation:badgeShine 1.5s linear infinite}.comphoot-badge-mini{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;animation:answerPopIn .3s ease-out forwards}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.comphoot-notification-enter{animation:slideInFromRight .3s ease-out forwards}.comphoot-notification-exit{animation:slideOutToRight .3s ease-out forwards}@media (max-width: 640px){.comphoot-answer-btn{min-height:80px;font-size:1rem}.comphoot-timer{font-size:2rem}.comphoot-score{font-size:1.5rem}}@media (min-width: 641px){.comphoot-answer-btn{min-height:100px;font-size:1.25rem}.comphoot-timer{font-size:3rem}.comphoot-score{font-size:2rem}}