:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit}*{box-sizing:border-box}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.homepage{min-height:100vh;width:100%;position:relative;overflow:hidden}.homepage-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bg-sun{position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,#ffd93d 0%,#ffb347 50%,transparent 70%);border-radius:50%;opacity:.8}.bg-cloud{position:absolute;font-size:4rem;opacity:.4;animation:float 20s ease-in-out infinite}.cloud-1{top:10%;left:5%;animation-delay:0s}.cloud-2{top:20%;right:15%;animation-delay:-7s;font-size:3rem}.cloud-3{top:5%;left:40%;animation-delay:-14s;font-size:2.5rem}@keyframes float{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(20px) translateY(-10px)}}.bg-grass{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#22c55e 0%,#4ade80 50%,transparent 100%);opacity:.3}.homepage-content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;padding:2rem;max-width:1200px;margin:0 auto}.hero{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 0 2rem}.rooster-mascot{font-size:5rem;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.2))}.hero-text{text-align:left}.brand{font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.brand-coco{color:#ff6b35}.brand-dac{color:#ffd93d;text-shadow:2px 2px 0 #ff6b35}.tagline{font-size:1.1rem;color:#ffffffe6;font-weight:500}.free-badges{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.free-badge{background:#fff3;color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .6rem;border-radius:20px;border:1px solid rgba(255,255,255,.3)}.homepage-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;flex:1;align-content:start}.homepage-grid.three-col{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.subject-card{background:#fffffff2;border-radius:24px;padding:1.5rem;box-shadow:0 10px 40px #00000026}.card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:2.5rem}.card-header h2{font-size:1.5rem;color:#333;margin:0}.live-badge{display:inline-block;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.soon-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.card-desc{color:#666;font-size:.95rem;margin-bottom:1.25rem;line-height:1.4}.difficulty-list{display:flex;flex-direction:column;gap:.6rem}.level-btn{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1rem;font-size:1rem;border-radius:12px;cursor:pointer;text-align:left;transition:box-shadow .2s}.level-btn:hover{box-shadow:0 6px 20px #667eea66}.level-emoji{font-size:1.8rem;flex-shrink:0}.level-info{display:flex;flex-direction:column;flex-grow:1}.level-name{font-weight:700;font-size:1rem}.level-desc{font-size:.8rem;opacity:.85}.level-arrow{font-size:1.2rem;opacity:.7;flex-shrink:0}.coming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.coming-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:16px;position:relative;cursor:default}.coming-emoji{font-size:2rem;filter:grayscale(40%);opacity:.8}.coming-label{font-size:.85rem;color:#666;font-weight:600}.coming-egg{position:absolute;top:-8px;right:-8px;font-size:1.2rem}.homepage-footer{text-align:center;padding:1.5rem 0 1rem;margin-top:auto}.homepage-footer p{font-size:.9rem;color:#ffffffb3}.heart{display:inline-block;animation:heartbeat 1s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.start-title{font-size:2.5rem;color:#667eea;margin-bottom:.5rem}.start-subtitle{font-size:1.1rem;color:#666;margin-bottom:2rem}.start-features{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#555}.feature-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.start-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:1rem 3rem;font-size:1.3rem;border-radius:50px;cursor:pointer;font-weight:700;box-shadow:0 4px 15px #22c55e66;transition:box-shadow .3s ease}.start-button:hover{box-shadow:0 6px 20px #22c55e99}.start-tip{margin-top:1.5rem;color:#888;font-size:.9rem}.difficulty-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.difficulty-button{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.9rem 1.2rem;font-size:1.1rem;border-radius:14px;cursor:pointer;font-weight:700;box-shadow:0 4px 15px #667eea4d;transition:transform .2s,box-shadow .2s;width:100%;text-align:left}.difficulty-button:hover{box-shadow:0 6px 20px #667eea80}.difficulty-emoji{font-size:2rem;flex-shrink:0}.difficulty-info{display:flex;flex-direction:column;flex-grow:1}.difficulty-label{font-size:1.1rem;font-weight:700}.difficulty-desc{font-size:.8rem;opacity:.85;font-weight:400}.play-arrow{font-size:1rem;opacity:.7;flex-shrink:0}.game-screen{display:flex;flex-direction:column;align-items:center;padding:1.5rem;width:100%;max-width:600px;position:relative}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem}.stop-button{background:#ef4444;color:#fff;border:none;padding:.7rem 1.5rem;font-size:1rem;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s}.stop-button:hover{background:#dc2626}.score-display{background:#fff;padding:.7rem 1.5rem;border-radius:8px;font-weight:700;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:.5rem}.streak-badge{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:.3rem .6rem;border-radius:12px;font-size:.8rem}.question-container{margin-bottom:1.5rem}.question-card{background:#fff;border-radius:20px;padding:2rem 3rem;box-shadow:0 10px 40px #0003;text-align:center;min-width:300px}.question-text{font-size:2.8rem;font-weight:700;color:#333;letter-spacing:2px}.question-equals{font-size:2rem;color:#666;margin-top:.5rem}.timer-container{width:100%;margin-bottom:2rem}.timer-bar-background{width:100%;height:16px;background:#e5e7eb;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.timer-bar-fill{height:100%;border-radius:8px;transition:width .05s linear,background-color .3s ease}.timer-text{text-align:center;margin-top:.5rem;font-weight:700;font-size:1.1rem}.animal-timer-compact{width:100%;margin-top:1.5rem;margin-bottom:5rem;display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.timer-bar-track{flex:1;height:8px;background:#e5e7eb;border-radius:4px;position:relative;overflow:visible}.timer-bar-fill{height:100%;border-radius:4px;transition:background-color .3s ease}.timer-animal{position:absolute;left:50%;top:100%;transform:translate(-50%);font-size:5.4rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));z-index:2}.timer-label{font-weight:700;font-size:1rem;min-width:2.5rem;text-align:right}.answers-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;margin-bottom:1.5rem}.answer-button{background:#fff;border:3px solid #e5e7eb;padding:1rem 1.5rem;font-size:1.5rem;font-weight:700;border-radius:12px;cursor:pointer;min-width:80px;transition:all .2s ease;color:#333}.answer-button:hover:not(:disabled){border-color:#667eea;background:#f0f0ff}.answer-button:disabled{cursor:default}.answer-correct{background:#22c55e!important;border-color:#16a34a!important;color:#fff!important}.answer-incorrect{background:#f97316!important;border-color:#ea580c!important;color:#fff!important}.answer-revealed{background:#22c55e!important;border-color:#16a34a!important;color:#fff!important;opacity:.7}.feedback-emoji{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;padding:1.5rem 2.5rem;border-radius:24px;text-align:center;font-size:4rem;color:#fff;font-weight:700;white-space:nowrap}.feedback-success{font-size:5rem;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 60px #22c55e99,0 0 100px #22c55e66}.feedback-fail{font-size:3rem;background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 10px 40px #ff6b3566}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px}.summary-screen{display:flex;flex-direction:column;align-items:center;padding:1.5rem;width:100%}.summary-content{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 60px #0000004d;max-width:800px;width:95%;max-height:90vh;overflow-y:auto}.summary-title{font-size:2rem;color:#667eea;text-align:center;margin-bottom:1.5rem}.summary-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#f0f0ff,#e8e0ff);border-radius:12px;min-width:140px}.stat-value{font-size:1.5rem;font-weight:700;color:#667eea}.stat-label{font-size:.9rem;color:#666;text-align:center}.summary-table-container{overflow-x:auto;margin-bottom:2rem}.summary-table{width:100%;border-collapse:collapse;font-size:.95rem}.summary-table th,.summary-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.summary-table th{background:#f9fafb;font-weight:600;color:#555}.summary-table .question-cell{font-weight:500;letter-spacing:1px}.summary-table .answer-cell .correct{color:#16a34a;font-weight:600}.summary-table .answer-cell .incorrect{color:#ea580c;font-weight:600}.summary-table .speed-cell{display:flex;align-items:center;gap:.5rem}.speed-animal{font-size:1.4rem}.speed-time{font-size:.85rem;color:#666}.summary-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.action-button{padding:1rem 2rem;font-size:1.1rem;border-radius:50px;border:none;cursor:pointer;font-weight:700;transition:box-shadow .3s ease}.play-again{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e66}.play-again:hover{box-shadow:0 6px 20px #22c55e99}.done{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.done:hover{box-shadow:0 6px 20px #667eea99}.loading{font-size:1.5rem;color:#fff}@media(max-width:600px){.start-content{padding:2rem 1.5rem}.start-title{font-size:2rem}.start-features{gap:1rem}.feature-icon{width:40px;height:40px;font-size:1.2rem}.question-text{font-size:2rem}.question-card{padding:1.5rem 2rem;min-width:unset;width:100%}.answer-button{padding:.8rem 1.2rem;font-size:1.3rem;min-width:70px}.summary-stats{gap:1rem}.stat{min-width:100px;padding:.75rem}.stat-value{font-size:1.2rem}.summary-table{font-size:.85rem}.summary-table th,.summary-table td{padding:.5rem}.homepage-content{padding:1rem}.hero{flex-direction:column;text-align:center;padding:1rem 0}.hero-text{text-align:center}.free-badges{justify-content:center}.rooster-mascot{font-size:4rem}.brand{font-size:2.5rem}.tagline{font-size:1rem}.homepage-grid{grid-template-columns:1fr;gap:1.5rem}.subject-card{padding:1.25rem}.card-icon{font-size:2rem}.card-header h2{font-size:1.3rem}.level-btn{padding:.65rem .85rem}.level-emoji{font-size:1.5rem}.coming-grid{grid-template-columns:repeat(2,1fr)}.bg-sun{width:150px;height:150px;top:-40px;right:-40px}.bg-cloud{font-size:2.5rem}.homepage-grid.three-col{grid-template-columns:1fr}}.geo-card .level-btn{background:linear-gradient(135deg,#22c55e,#16a34a)}.geo-card .level-btn:hover{box-shadow:0 6px 20px #22c55e66}.new-badge{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.geo-select-screen{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.geo-select-content{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;text-align:center;position:relative}.back-button{position:absolute;top:1.5rem;left:1.5rem;background:#f5f5f5;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:background .2s}.back-button:hover{background:#e5e5e5}.geo-select-header{margin-bottom:1.5rem}.geo-select-icon{font-size:4rem;display:block;margin-bottom:.5rem}.geo-select-header h1{font-size:2rem;color:#22c55e;margin:0}.geo-region-label{color:#666;font-size:1rem;margin-top:.5rem}.geo-select-subtitle{font-size:1.1rem;color:#333;margin-bottom:1.5rem}.game-type-buttons{display:flex;flex-direction:column;gap:1rem}.game-type-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:none;border-radius:16px;cursor:pointer;text-align:left;color:#fff;font-size:1rem;transition:box-shadow .2s}.flags-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.flags-btn:hover{box-shadow:0 6px 20px #3b82f666}.continents-btn{background:linear-gradient(135deg,#22c55e,#16a34a)}.continents-btn:hover{box-shadow:0 6px 20px #22c55e66}.capitals-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.capitals-btn:hover{box-shadow:0 6px 20px #f59e0b66}.game-type-icon{font-size:2.5rem}.game-type-info{display:flex;flex-direction:column}.game-type-name{font-size:1.25rem;font-weight:700}.game-type-desc{font-size:.9rem;opacity:.9}.game-type-arrow{margin-left:auto;font-size:1.5rem;opacity:.7}.region-buttons{display:flex;flex-direction:column;gap:.75rem}.region-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:none;border-radius:12px;cursor:pointer;text-align:left;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;font-size:1rem;transition:all .2s;box-shadow:0 2px 8px #00000014}.region-btn:hover{box-shadow:0 4px 16px #0000001f;background:linear-gradient(135deg,#fff,#f1f5f9)}.region-emoji{font-size:1.75rem}.region-info{display:flex;flex-direction:column}.region-name{font-size:1.1rem;font-weight:600}.region-desc{font-size:.85rem;color:#64748b}.region-arrow{margin-left:auto;font-size:1.25rem;color:#94a3b8}.geo-game-screen .geo-question-card{padding:1.5rem}.flag-image{width:200px;height:auto;border-radius:8px;box-shadow:0 4px 15px #0003;margin-bottom:1rem}.flag-image-small{width:120px;margin-bottom:.5rem}.country-name-display{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.question-prompt{font-size:1.2rem;color:#666}.geo-answers{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;max-width:400px}.geo-answer{font-size:1rem!important;padding:1rem!important;min-width:unset!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geo-summary .summary-flag{width:60px;height:auto;border-radius:4px;box-shadow:0 2px 8px #00000026}.summary-capital-cell{display:flex;align-items:center;gap:.5rem}.summary-flag-small{width:30px;height:auto;border-radius:2px;box-shadow:0 1px 4px #00000026}.change-game{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f666}.change-game:hover{box-shadow:0 6px 20px #3b82f699}@media(max-width:600px){.geo-select-content{padding:1.5rem}.geo-select-icon{font-size:3rem}.flag-image{width:150px}.geo-answers{grid-template-columns:1fr}.geo-answer{font-size:.9rem!important}.geo-summary .summary-flag{width:40px}}.language-selector{position:fixed;top:1rem;right:1rem;z-index:1000}.language-button{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000026;transition:all .2s}.language-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.language-flag{font-size:1.5rem}.language-dropdown{position:absolute;top:56px;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.language-option{width:48px;height:48px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.language-option:hover{background:#f0f0f0}.language-option.active{background:#e0e7ff}.game-screen .language-selector{top:.5rem;right:.5rem}.game-screen .language-button{width:40px;height:40px}.game-screen .language-flag{font-size:1.25rem}