:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#213547;background-color:#f8f9fa;font-family:Inter,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color:#f1f2f3;background-color:#1a1a1a}}body{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}#app{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.leaderboard[data-v-1ce747f6]{background:#fff;border-radius:15px;margin-top:3rem;padding:1.5rem;box-shadow:0 4px 15px #0000000d}.leaderboard h2[data-v-1ce747f6]{background:linear-gradient(135deg,#f64f59,#c471ed,#12c2e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:1.8rem}.scores-table[data-v-1ce747f6]{border-collapse:collapse;text-align:left;width:100%}.scores-table th[data-v-1ce747f6],.scores-table td[data-v-1ce747f6]{border-bottom:1px solid #eee;padding:10px}.scores-table th[data-v-1ce747f6]{color:#666;text-transform:uppercase;font-size:.85rem;font-weight:600}.scores-table tr:last-child td[data-v-1ce747f6]{border-bottom:none}.loading-state[data-v-1ce747f6],.empty-state[data-v-1ce747f6]{color:#888;padding:2rem}.popup-overlay[data-v-54de6376]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn-54de6376;display:flex;position:fixed;inset:0}@keyframes fadeIn-54de6376{0%{opacity:0}to{opacity:1}}.popup-content[data-v-54de6376]{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:400px;padding:2.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideUp-54de6376;transform:translateY(0);box-shadow:0 20px 40px #0003}@keyframes slideUp-54de6376{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}h2[data-v-54de6376]{color:#333;margin-bottom:.5rem;font-size:2rem}.score-display[data-v-54de6376]{color:#555;margin-bottom:2rem;font-size:1.2rem}.score-display strong[data-v-54de6376]{color:#27ae60;font-size:1.8rem}input[data-v-54de6376]{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:10px;outline:none;width:100%;margin-bottom:1.5rem;padding:1rem;font-size:1rem;transition:border-color .2s}input[data-v-54de6376]:focus{border-color:#3498db}.action-buttons[data-v-54de6376]{gap:1rem;display:flex}button[data-v-54de6376]{cursor:pointer;border:none;border-radius:10px;flex:1;padding:.8rem;font-size:1rem;font-weight:600;transition:all .2s}button[data-v-54de6376]:disabled{opacity:.6;cursor:not-allowed}.save-btn[data-v-54de6376],.play-again-btn[data-v-54de6376]{color:#fff;background:linear-gradient(135deg,#12c2e9,#c471ed);box-shadow:0 4px 15px #c471ed4d}.save-btn[data-v-54de6376]:hover:not(:disabled),.play-again-btn[data-v-54de6376]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c471ed80}.skip-btn[data-v-54de6376]{color:#555;background:#f1f2f6}.skip-btn[data-v-54de6376]:hover:not(:disabled){background:#e4e5e9}.submit-form p[data-v-54de6376]{color:#666;margin-bottom:1rem}.success-state p[data-v-54de6376]{color:#27ae60;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.game-container[data-v-2f9c028e]{text-align:center;color:#333;max-width:600px;margin:0 auto;padding:2rem;font-family:Inter,Roboto,sans-serif}header h1[data-v-2f9c028e]{background:linear-gradient(135deg,#12c2e9,#c471ed,#f64f59);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.subtitle[data-v-2f9c028e]{color:#666;margin-bottom:2rem;font-size:1.1rem}.subtitle strong[data-v-2f9c028e]{color:#27ae60;font-size:1.3rem}.color-square.target[data-v-2f9c028e]{border:4px solid #fff;border-radius:20px;width:250px;height:250px;margin:0 auto 2.5rem;box-shadow:0 10px 30px #00000026}.options-grid[data-v-2f9c028e]{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.color-option-btn[data-v-2f9c028e]{cursor:pointer;border:3px solid #fff;border-radius:50%;width:80px;height:80px;padding:0;transition:all .2s;box-shadow:0 4px 10px #00000026}.color-option-btn[data-v-2f9c028e]:hover:not(.btn-disabled){transform:translateY(-4px)scale(1.05);box-shadow:0 8px 15px #0003}.color-option-btn[data-v-2f9c028e]:active:not(.btn-disabled){transform:translateY(1px)scale(.95)}.btn-disabled[data-v-2f9c028e]{cursor:default}.dimmed[data-v-2f9c028e]{opacity:.4;transform:scale(.9)}.correct-btn[data-v-2f9c028e]{z-index:10;opacity:1!important;transform:scale(1.15)!important;box-shadow:0 0 0 5px #27ae60,0 10px 20px #27ae6066!important}.wrong-btn[data-v-2f9c028e]{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake-2f9c028e;opacity:1!important;box-shadow:0 0 0 5px #e74c3c!important}@keyframes shake-2f9c028e{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.result-area[data-v-2f9c028e]{opacity:0;min-height:100px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px)}.result-area.visible[data-v-2f9c028e]{opacity:1;transform:translateY(0)}.result-area h2[data-v-2f9c028e]{margin-bottom:1rem;font-size:1.8rem}.text-success[data-v-2f9c028e]{color:#27ae60}.text-danger[data-v-2f9c028e]{color:#e74c3c}.next-btn[data-v-2f9c028e]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6dd5ed,#2193b0);border:none;border-radius:30px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 5px 15px #2193b066}.next-btn[data-v-2f9c028e]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2193b099}.loading[data-v-2f9c028e]{flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.spinner[data-v-2f9c028e]{border:5px solid #0000001a;border-left-color:#3498db;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin-2f9c028e}@keyframes spin-2f9c028e{to{transform:rotate(360deg)}}@media (width<=480px){.options-grid[data-v-2f9c028e]{gap:1rem}.color-option-btn[data-v-2f9c028e]{width:65px;height:65px}.color-square.target[data-v-2f9c028e]{width:200px;height:200px}}