.language-selector[data-v-c290499c]{position:relative;display:flex;align-items:center}.language-button[data-v-c290499c]{background:none;border:2px solid var(--color-primary);border-radius:8px;color:var(--white-pure);cursor:pointer;padding:6px 10px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.language-button[data-v-c290499c]:hover{border-color:var(--color-primary-dark);background:var(--primary-rgba-01);transform:scale(1.05)}.flag-icon[data-v-c290499c]{width:24px;height:24px;object-fit:contain}.language-dropdown[data-v-c290499c]{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-secondary);border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 8px 24px var(--primary-rgba-02);z-index:999;min-width:160px;animation:slideDown-c290499c .2s ease-out}@keyframes slideDown-c290499c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option[data-v-c290499c]{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.language-option[data-v-c290499c]:hover{background:var(--primary-rgba-01);color:var(--color-primary)}.language-option.active[data-v-c290499c]{background:var(--primary-rgba-02);color:var(--color-primary);font-weight:600}.flag-icon[data-v-c290499c],.flag-icon-small[data-v-c290499c]{width:20px;height:20px;object-fit:contain}.flag-icon-small[data-v-c290499c]{flex-shrink:0}@media (max-width: 480px){.language-button[data-v-c290499c]{min-width:40px;height:40px;padding:6px 10px;font-size:18px}.language-dropdown[data-v-c290499c]{min-width:150px}.language-option[data-v-c290499c]{padding:10px 12px;font-size:13px}.flag[data-v-c290499c]{font-size:14px}}.auth-overlay[data-v-c0294d2d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn-c0294d2d .3s ease-in-out}@keyframes fadeIn-c0294d2d{0%{opacity:0}to{opacity:1}}.auth-modal[data-v-c0294d2d]{background:var(--bg-secondary);border-radius:12px;padding:30px;max-width:400px;width:100%;box-shadow:0 10px 40px #0000004d;position:relative;animation:slideUp-c0294d2d .3s ease-in-out}@keyframes slideUp-c0294d2d{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button[data-v-c0294d2d]{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text);padding:4px 8px;line-height:1;transition:opacity .2s}.close-button[data-v-c0294d2d]:hover{opacity:.7}.auth-content[data-v-c0294d2d]{text-align:center}h2[data-v-c0294d2d]{margin:0 0 8px;color:var(--color-text);font-size:24px;font-weight:600}.subtitle[data-v-c0294d2d]{margin:0 0 20px;color:var(--color-text-secondary);font-size:14px}.error-message[data-v-c0294d2d]{background:#dc26261a;border:1px solid #dc2626;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:left}.auth-tabs[data-v-c0294d2d]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;border-bottom:2px solid var(--color-border-dark)}.tab-button[data-v-c0294d2d]{padding:12px;background:none;border:none;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-button[data-v-c0294d2d]:hover:not(.active){color:var(--color-text)}.tab-button.active[data-v-c0294d2d]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.oauth-section[data-v-c0294d2d],.email-section[data-v-c0294d2d]{animation:fadeIn-c0294d2d .2s ease-in-out}.social-button[data-v-c0294d2d]{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 20px;border:1px solid var(--color-border-dark);border-radius:8px;background:var(--bg-primary);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:12px}.social-button[data-v-c0294d2d]:hover:not(:disabled){background:var(--bg-tertiary);border-color:#4285f4}.social-button[data-v-c0294d2d]:disabled{opacity:.6;cursor:not-allowed}.social-button svg[data-v-c0294d2d]{width:20px;height:20px}.form-group[data-v-c0294d2d]{margin-bottom:16px;text-align:left}.form-group label[data-v-c0294d2d]{display:block;margin-bottom:6px;color:var(--color-text);font-size:14px;font-weight:500}.form-input[data-v-c0294d2d]{width:100%;padding:10px 12px;border:1px solid var(--color-border-dark);border-radius:6px;background:var(--bg-primary);color:var(--color-text);font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-input[data-v-c0294d2d]:focus{outline:none;border-color:var(--color-primary)}.form-input[data-v-c0294d2d]:disabled{opacity:.6;cursor:not-allowed}.submit-button[data-v-c0294d2d]{width:100%;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:opacity .2s}.submit-button[data-v-c0294d2d]:hover:not(:disabled){opacity:.9}.submit-button[data-v-c0294d2d]:disabled{opacity:.6;cursor:not-allowed}.toggle-mode[data-v-c0294d2d]{margin:16px 0;font-size:14px;color:var(--color-text-secondary)}.link-button[data-v-c0294d2d]{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:500;text-decoration:underline;padding:0;margin-left:4px}.link-button[data-v-c0294d2d]:hover{opacity:.8}.terms[data-v-c0294d2d]{margin:16px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.user-profile[data-v-fdebc1f5]{position:relative}.sign-in-button[data-v-fdebc1f5]{font-size:24px;background:none;border:none;cursor:pointer;padding:4px 8px;transition:opacity .2s;line-height:1;display:flex;align-items:center;justify-content:center}.sign-in-button[data-v-fdebc1f5]:hover{opacity:.7}.profile-container[data-v-fdebc1f5]{position:relative}.profile-button[data-v-fdebc1f5]{display:flex;align-items:center;gap:8px;padding:6px 8px;background:transparent;border:none;cursor:pointer;transition:all .2s}.profile-button[data-v-fdebc1f5]:hover{opacity:.8}.avatar[data-v-fdebc1f5],.avatar-placeholder[data-v-fdebc1f5]{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.dropdown-menu[data-v-fdebc1f5]{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--color-border-dark);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;margin-top:8px;animation:slideDown-fdebc1f5 .2s ease-in-out}@keyframes slideDown-fdebc1f5{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-header[data-v-fdebc1f5]{padding:12px 16px;color:var(--color-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:8px}.provider-badge[data-v-fdebc1f5]{background:var(--color-primary);color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600}.menu-divider[data-v-fdebc1f5]{height:1px;background:var(--color-border-dark);margin:0}.menu-item[data-v-fdebc1f5]{width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:var(--color-text);font-size:14px;cursor:pointer;transition:background .2s}.menu-item[data-v-fdebc1f5]:hover{background:var(--bg-tertiary)}.burger-menu-container[data-v-b8850c5d]{position:relative}.burger-button[data-v-b8850c5d]{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;transition:all .3s ease}.burger-button span[data-v-b8850c5d]{width:24px;height:3px;background-color:var(--white-pure);border-radius:2px;transition:all .3s ease}.burger-button.active span[data-v-b8850c5d]:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.burger-button.active span[data-v-b8850c5d]:nth-child(2){opacity:0}.burger-button.active span[data-v-b8850c5d]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.burger-button:hover span[data-v-b8850c5d]{background-color:var(--color-primary)}.menu-overlay[data-v-b8850c5d]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.dropdown-menu[data-v-b8850c5d]{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:2px solid var(--color-primary);border-radius:8px;min-width:220px;margin-top:10px;z-index:1000;box-shadow:0 8px 24px var(--primary-rgba-02);overflow:hidden;animation:slideDown-b8850c5d .2s ease-out}@keyframes slideDown-b8850c5d{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-b8850c5d{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slideDown-b8850c5d{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.menu-item[data-v-b8850c5d]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--white-pure);text-decoration:none;transition:all .2s ease;border-bottom:1px solid var(--color-primary);font-size:14px;font-weight:500}.menu-item[data-v-b8850c5d]:last-child{border-bottom:none}.menu-item[data-v-b8850c5d]:hover{background:linear-gradient(90deg,var(--primary-rgba-15) 0%,transparent 100%);padding-left:20px}.menu-item.disabled[data-v-b8850c5d]{opacity:.4;cursor:not-allowed;color:var(--color-text-muted)}.menu-item.disabled[data-v-b8850c5d]:hover{background:none;padding-left:16px}.menu-item.tooltip-toggle[data-v-b8850c5d]{background:none;border:none;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease}.menu-item.tooltip-toggle[data-v-b8850c5d]:hover{background:linear-gradient(90deg,var(--primary-rgba-15) 0%,transparent 100%);padding-left:20px}.menu-item.tooltip-menu-item[data-v-b8850c5d]{display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;padding:10px 16px;transition:all .2s ease;height:44px}.menu-item[data-v-b8850c5d]:not(.tooltip-menu-item){height:44px}.menu-item.tooltip-menu-item[data-v-b8850c5d]:hover{background:linear-gradient(90deg,var(--primary-rgba-15) 0%,transparent 100%);padding-left:20px}.tooltip-label[data-v-b8850c5d]{flex:1;font-size:12px}.toggle-switch[data-v-b8850c5d]{display:inline-flex;width:44px;height:24px;background:var(--color-text-secondary);border-radius:12px;padding:2px;cursor:pointer;position:relative;transition:background .3s ease;align-items:center}.toggle-switch.active[data-v-b8850c5d]{background:var(--color-primary)}.toggle-slider[data-v-b8850c5d]{width:20px;height:20px;background:var(--white-pure);border-radius:10px;position:absolute;left:2px;transition:left .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider[data-v-b8850c5d]{left:22px}.menu-icon[data-v-b8850c5d]{font-size:18px;display:inline-flex;align-items:center;justify-content:center;min-width:24px}.menu-divider[data-v-b8850c5d]{height:1px;background:var(--color-primary);margin:8px 0}.language-section[data-v-b8850c5d]{padding:12px 16px}.language-title[data-v-b8850c5d]{color:var(--color-text-muted-alt);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600}.language-options[data-v-b8850c5d]{display:flex;flex-direction:column;gap:8px}.language-option[data-v-b8850c5d]{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--white-pure);font-size:13px;font-weight:500;transition:all .2s ease}.language-option input[type=radio][data-v-b8850c5d]{cursor:pointer;accent-color:var(--color-primary)}.language-option[data-v-b8850c5d]:hover{color:var(--color-primary)}.cookie-overlay[data-v-cfcb1fa1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#646464b3;z-index:998;pointer-events:auto}.cookie-banner[data-v-cfcb1fa1]{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:2px solid var(--color-primary);box-shadow:0 -4px 12px var(--overlay-shadow);z-index:999;animation:slideUp-cfcb1fa1 .3s ease-out;pointer-events:auto;max-height:90vh;overflow-y:auto}@keyframes slideUp-cfcb1fa1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-content[data-v-cfcb1fa1]{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cookie-text[data-v-cfcb1fa1]{flex:1;color:var(--color-text);font-size:14px;line-height:1.6}.cookie-text p[data-v-cfcb1fa1]{margin:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.link-btn[data-v-cfcb1fa1]{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s ease}.link-btn[data-v-cfcb1fa1]:hover{color:var(--color-primary-dark)}.cookie-actions[data-v-cfcb1fa1]{display:flex;gap:12px;flex-shrink:0}.preferences-modal[data-v-cfcb1fa1]{max-width:600px;margin:0 auto;padding:20px;display:flex;flex-direction:column}.preferences-header[data-v-cfcb1fa1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--color-primary)}.preferences-header h3[data-v-cfcb1fa1]{color:var(--white-pure);margin:0;font-size:18px}.close-preferences-btn[data-v-cfcb1fa1]{background:none;border:none;color:var(--color-primary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-preferences-btn[data-v-cfcb1fa1]:hover{color:var(--color-primary-dark);transform:scale(1.1)}.preferences-content[data-v-cfcb1fa1]{flex:1;margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.cookie-category[data-v-cfcb1fa1]{padding:16px;border:1px solid var(--color-primary);border-radius:8px;background:linear-gradient(135deg,var(--primary-rgba-02) 0%,var(--primary-dark-rgba-02) 100%);transition:all .2s ease}.cookie-category.essential[data-v-cfcb1fa1]{background:linear-gradient(135deg,#4a9d831a,#3a7d6a1a);border-color:var(--color-primary)}.cookie-category.disabled[data-v-cfcb1fa1]{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border-color:var(--color-text-muted);opacity:.6}.category-header[data-v-cfcb1fa1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.category-info h4[data-v-cfcb1fa1]{color:var(--white-pure);margin:0 0 4px;font-size:15px;font-weight:600}.always-active[data-v-cfcb1fa1]{display:inline-block;background:var(--color-primary);color:var(--color-text);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-description[data-v-cfcb1fa1]{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.toggle-switch[data-v-cfcb1fa1]{width:44px;height:24px;background:var(--bg-tertiary);border:2px solid var(--color-primary);border-radius:12px;cursor:pointer;display:flex;align-items:center;padding:2px;transition:all .2s ease;position:relative;flex-shrink:0}.toggle-switch.active[data-v-cfcb1fa1]{background:var(--color-primary);border-color:var(--color-primary-dark)}.toggle-slider[data-v-cfcb1fa1]{width:18px;height:18px;background:var(--white-pure);border-radius:10px;transition:transform .2s ease;position:absolute;left:2px}.toggle-switch.active .toggle-slider[data-v-cfcb1fa1]{transform:translate(20px)}.preferences-actions[data-v-cfcb1fa1]{display:flex;gap:12px;justify-content:flex-end;padding-top:15px;border-top:1px solid var(--color-primary)}.btn[data-v-cfcb1fa1]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary[data-v-cfcb1fa1]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text)}.btn-primary[data-v-cfcb1fa1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-rgba-03)}.btn-secondary[data-v-cfcb1fa1]{background:var(--bg-tertiary);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary[data-v-cfcb1fa1]:hover{background:var(--bg-quaternary)}@media (max-width: 768px){.cookie-content[data-v-cfcb1fa1]{flex-direction:column;align-items:stretch}.cookie-actions[data-v-cfcb1fa1]{width:100%;flex-direction:column}.btn[data-v-cfcb1fa1]{width:100%}.preferences-modal[data-v-cfcb1fa1]{padding:16px}.preferences-actions[data-v-cfcb1fa1]{flex-direction:column;justify-content:stretch}.preferences-actions .btn[data-v-cfcb1fa1]{width:100%}}.toast-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text);padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px var(--primary-rgba-03);z-index:2000;animation:slideInRight-cfcb1fa1 .3s ease-out forwards;font-weight:500;max-width:300px;opacity:0}.toast-notification.show{opacity:1}@keyframes slideInRight-cfcb1fa1{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 600px){.toast-notification{right:12px;left:12px;top:auto;bottom:80px;max-width:none}}.app-container[data-v-d55d7593]{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.app-header[data-v-d55d7593]{background:var(--bg-secondary);color:var(--color-text);border-bottom:1px solid var(--color-border-dark);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.navbar[data-v-d55d7593]{padding:var(--spacing-md) 20px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo-and-auth[data-v-d55d7593]{display:flex;align-items:center;gap:16px}.logo[data-v-d55d7593]{display:flex;align-items:center;justify-content:center;gap:12px}.logo-img[data-v-d55d7593]{height:40px;width:auto;object-fit:contain}.logo h1[data-v-d55d7593]{font-size:var(--font-size-2xl);margin:0;color:var(--color-text)}.nav-controls[data-v-d55d7593]{display:flex;align-items:center;gap:12px;position:absolute;right:20px}@media (max-width: 480px){.navbar[data-v-d55d7593]{padding:var(--spacing-md) 12px}.logo-container[data-v-d55d7593]{justify-content:flex-start;padding-left:8px}.logo h1[data-v-d55d7593]{font-size:16px}.logo[data-v-d55d7593]{gap:8px}.logo-img[data-v-d55d7593]{height:32px}.nav-controls[data-v-d55d7593]{gap:8px;right:12px}}.app-main[data-v-d55d7593]{flex:1;padding:0;background-color:var(--bg-primary)}.app-footer[data-v-d55d7593]{background-color:var(--bg-secondary);color:var(--color-text);padding:30px 20px 20px;text-align:center;border-top:1px solid var(--color-border-dark)}.social-links[data-v-d55d7593]{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.social-icon[data-v-d55d7593]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;transition:all .3s ease}.social-icon[data-v-d55d7593]:hover{transform:translateY(-2px)}.social-icon-img[data-v-d55d7593]{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.footer-credit[data-v-d55d7593]{margin:0;color:var(--color-text-muted-alt);font-size:12px}@media (max-width: 768px){.navbar[data-v-d55d7593]{padding:var(--spacing-md) 0}.logo-container[data-v-d55d7593]{justify-content:flex-start;padding-left:16px}.logo h1[data-v-d55d7593]{font-size:18px}}.embed-footer[data-v-d55d7593]{background:var(--bg-secondary);border-top:1px solid var(--color-border-dark);padding:var(--spacing-md);text-align:center}.embed-link[data-v-d55d7593]{color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s ease}.embed-link[data-v-d55d7593]:hover{color:var(--color-primary-dark);text-decoration:underline}.modal-overlay[data-v-9bed4a69]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-rgba-5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn-9bed4a69 .2s ease-in-out}@keyframes fadeIn-9bed4a69{0%{opacity:0}to{opacity:1}}.modal-content[data-v-9bed4a69]{background:var(--bg-secondary);border-radius:12px;border:2px solid var(--color-primary);box-shadow:0 10px 40px var(--primary-rgba-03);max-width:500px;width:100%;max-height:600px;display:flex;flex-direction:column;animation:slideUp-9bed4a69 .3s ease-out}@keyframes slideUp-9bed4a69{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-9bed4a69]{padding:20px;border-bottom:1px solid var(--color-primary);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-9bed4a69]{margin:0;font-size:20px;font-weight:600;color:var(--white-pure);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-9bed4a69]{background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-primary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn[data-v-9bed4a69]:hover{background-color:var(--primary-rgba-01);color:var(--color-primary-dark)}.modal-body[data-v-9bed4a69]{padding:16px;flex:1;display:flex;flex-direction:column;overflow:hidden}.search-container[data-v-9bed4a69]{position:relative;margin-bottom:16px}.search-input[data-v-9bed4a69]{width:100%;padding:12px 16px 12px 40px;border:2px solid var(--color-primary);background:var(--bg-secondary);border-radius:8px;font-size:16px;color:var(--white-pure);transition:all .2s ease;box-sizing:border-box}.search-input[data-v-9bed4a69]::placeholder{color:var(--color-primary);opacity:.6}.search-input[data-v-9bed4a69]:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 12px var(--primary-rgba-03)}.search-icon[data-v-9bed4a69]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-primary);pointer-events:none}.country-list[data-v-9bed4a69]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.country-list[data-v-9bed4a69]::-webkit-scrollbar{width:8px}.country-list[data-v-9bed4a69]::-webkit-scrollbar-track{background:transparent}.country-list[data-v-9bed4a69]::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.country-list[data-v-9bed4a69]::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.no-results[data-v-9bed4a69]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-primary)}.no-results p[data-v-9bed4a69]{margin:0;font-size:16px}.search-placeholder[data-v-9bed4a69]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-primary);text-align:center}.search-placeholder p[data-v-9bed4a69]{margin:0;font-size:16px}.country-item[data-v-9bed4a69]{background:none;border:1px solid transparent;padding:12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:16px;transition:all .2s ease;text-align:left;color:var(--white-pure)}.country-item[data-v-9bed4a69]:hover:not(.disabled),.country-item.highlighted[data-v-9bed4a69]:not(.disabled){background-color:var(--primary-rgba-15);border-color:var(--color-primary)}.country-item[data-v-9bed4a69]:active:not(.disabled){background-color:var(--primary-rgba-25)}.country-item.disabled[data-v-9bed4a69]{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.country-item.disabled[data-v-9bed4a69]:hover,.country-item.disabled.highlighted[data-v-9bed4a69]{background-color:transparent;border-color:transparent}.flag[data-v-9bed4a69]{width:24px;height:16px;flex-shrink:0;object-fit:cover;border-radius:2px}.country-name[data-v-9bed4a69]{flex:1;font-weight:500}.already-selected-badge[data-v-9bed4a69]{display:inline-block;background-color:var(--color-border-dark);color:var(--text-secondary);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.modal-footer[data-v-9bed4a69]{padding:12px 20px;border-top:1px solid var(--color-primary);background-color:var(--bg-secondary);border-radius:0 0 12px 12px}.modal-footer p[data-v-9bed4a69]{margin:0;font-size:13px;color:var(--color-primary)}.modal-footer kbd[data-v-9bed4a69]{background-color:var(--bg-primary);border:1px solid var(--color-primary);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:12px;color:var(--white-pure)}@media (max-width: 600px){.modal-overlay[data-v-9bed4a69]{padding:8px}.modal-content[data-v-9bed4a69]{max-height:90vh;max-width:100%;border-radius:16px 16px 0 0}.modal-header[data-v-9bed4a69]{padding:16px}.modal-header h2[data-v-9bed4a69]{font-size:18px}.modal-body[data-v-9bed4a69]{padding:12px}.search-input[data-v-9bed4a69]{font-size:16px;padding:10px 14px 10px 36px}.country-item[data-v-9bed4a69]{padding:10px;gap:10px;font-size:15px}.flag[data-v-9bed4a69]{width:20px;height:14px}.modal-footer[data-v-9bed4a69]{padding:10px 16px}.modal-footer p[data-v-9bed4a69]{font-size:12px}}@media (max-width: 400px){.modal-header h2[data-v-9bed4a69]{font-size:16px}.country-code[data-v-9bed4a69]{display:none}.close-btn[data-v-9bed4a69]{width:28px;height:28px;font-size:24px}}.game-stats[data-v-f5cffc66]{display:flex;flex-direction:column;gap:16px;height:fit-content;padding:0}.stats-container[data-v-f5cffc66]{display:flex;flex-direction:column;gap:12px}.stat-item[data-v-f5cffc66]{background:var(--bg-card);border:1px solid var(--modal-border);border-radius:8px;padding:12px;text-align:center}.stat-label[data-v-f5cffc66]{color:var(--color-text-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value[data-v-f5cffc66]{color:var(--color-text);font-size:24px;font-weight:700}.btn-give-up[data-v-f5cffc66]{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-give-up[data-v-f5cffc66]:hover{background:var(--primary-rgba-01)}.btn-summary[data-v-f5cffc66]{background:var(--color-primary);color:var(--color-text);border-color:var(--color-primary)}.btn-summary[data-v-f5cffc66]:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}@media (max-width: 768px){.game-stats[data-v-f5cffc66]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.stats-container[data-v-f5cffc66]{display:contents}.stat-item[data-v-f5cffc66]{background:var(--bg-card);border:1px solid var(--modal-border);border-radius:8px;padding:16px 12px;min-height:80px;display:flex;flex-direction:column;justify-content:center;text-align:center}.stat-label[data-v-f5cffc66]{font-size:10px;margin-bottom:8px}.stat-value[data-v-f5cffc66]{font-size:28px}.btn-give-up[data-v-f5cffc66]{grid-column:1 / -1;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.btn-give-up[data-v-f5cffc66]:hover{background:var(--primary-rgba-01)}.btn-summary[data-v-f5cffc66]{background:var(--color-primary);color:var(--color-text);border-color:var(--color-primary)}.btn-summary[data-v-f5cffc66]:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}}.modal-overlay[data-v-f5cffc66]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-rgba);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-f5cffc66]{background:var(--modal-bg);border-radius:12px;box-shadow:0 20px 60px var(--overlay-shadow);max-width:400px;width:90%;border:1px solid var(--modal-border)}.modal-header[data-v-f5cffc66]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--modal-border)}.modal-header h2[data-v-f5cffc66]{margin:0;color:var(--color-text);font-size:20px}.modal-close[data-v-f5cffc66]{background:none;border:none;color:var(--color-text-tertiary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close[data-v-f5cffc66]:hover{color:var(--color-text)}.modal-body[data-v-f5cffc66]{padding:20px;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.modal-footer[data-v-f5cffc66]{display:flex;gap:12px;padding:20px;border-top:1px solid var(--modal-border)}.btn[data-v-f5cffc66]{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease}.btn-cancel[data-v-f5cffc66]{background:transparent;color:var(--color-text-tertiary);border:1px solid var(--modal-border)}.btn-cancel[data-v-f5cffc66]:hover{background:var(--text-white-rgba);color:var(--color-text)}.btn-confirm-give-up[data-v-f5cffc66]{background:var(--color-primary);color:var(--color-text)}.btn-confirm-give-up[data-v-f5cffc66]:hover{background:var(--color-primary-dark)}.modal-confirmation[data-v-f5cffc66]{max-width:350px}.category-overlay[data-v-008f482c]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-rgba);display:flex;align-items:center;justify-content:center;z-index:1000}.category-modal[data-v-008f482c]{background:var(--bg-secondary);border-radius:16px;border:2px solid var(--color-primary);box-shadow:0 8px 32px var(--primary-rgba-02);max-width:600px;width:95%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-008f482c .3s ease-out}@keyframes slideUp-008f482c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-008f482c]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-primary)}.modal-header h2[data-v-008f482c]{color:var(--color-text);margin:0;font-size:24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-008f482c]{background:none;border:none;color:var(--color-primary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-008f482c]:hover{color:var(--color-primary-dark);transform:scale(1.1)}.modal-content[data-v-008f482c]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.search-container[data-v-008f482c]{flex-shrink:0}.search-input[data-v-008f482c]{width:100%;padding:12px 16px;background:var(--bg-secondary);border:2px solid var(--color-primary);border-radius:8px;color:var(--color-text);font-size:14px;transition:all .2s ease}.search-input[data-v-008f482c]::placeholder{color:var(--color-primary);opacity:.6}.search-input[data-v-008f482c]:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 12px var(--primary-rgba-03)}.categories-list[data-v-008f482c]{flex:1;display:flex;flex-direction:column;gap:12px;overflow:visible}.no-results[data-v-008f482c]{text-align:center;color:var(--color-primary);padding:40px 20px;font-size:14px}.category-item[data-v-008f482c]{background:var(--bg-secondary);border:1px solid var(--color-primary);border-radius:8px;overflow:hidden;transition:all .2s ease;min-height:40px;display:flex;flex-direction:column;position:relative}.category-item.expanded[data-v-008f482c]{z-index:10;box-shadow:0 8px 24px var(--primary-rgba-03)}.category-item[data-v-008f482c]:hover{border-color:var(--color-primary-dark);box-shadow:0 4px 12px var(--primary-rgba-02)}.category-header[data-v-008f482c]{width:100%;padding:12px 16px;background:none;border:none;color:var(--white-pure);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;font-size:14px;font-weight:600;text-align:left;min-height:40px}.category-header[data-v-008f482c]:hover{background:var(--primary-rgba-01)}.category-header.is-open[data-v-008f482c]{background:linear-gradient(135deg,var(--primary-rgba-15) 0%,var(--primary-dark-rgba-15) 100%);color:var(--color-primary)}.category-name[data-v-008f482c]{text-align:left;flex:1;word-break:break-word}.toggle-icon[data-v-008f482c]{color:var(--color-primary);font-size:12px;transition:all .2s ease;margin-left:12px;flex-shrink:0}.category-header.is-open .toggle-icon[data-v-008f482c]{color:var(--color-primary-dark)}.category-definition[data-v-008f482c]{padding:12px 16px;background:var(--primary-rgba-08);border-top:1px solid var(--primary-rgba-03);color:var(--color-text);font-size:13px;line-height:1.6;word-wrap:break-word;white-space:normal;animation:slideDown .2s ease-out;min-height:40px}.expand-enter-active[data-v-008f482c],.expand-leave-active[data-v-008f482c]{transition:all .3s ease}.expand-enter-from[data-v-008f482c],.expand-leave-to[data-v-008f482c]{opacity:0;max-height:0}.expand-enter-to[data-v-008f482c],.expand-leave-from[data-v-008f482c]{opacity:1;max-height:500px}.loading-state[data-v-008f482c],.error-state[data-v-008f482c]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center}.loading-state p[data-v-008f482c],.error-state p[data-v-008f482c]{color:var(--white-pure);margin:0}.spinner[data-v-008f482c]{width:40px;height:40px;border:3px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:spin-008f482c .8s linear infinite}@keyframes spin-008f482c{to{transform:rotate(360deg)}}.error-text[data-v-008f482c]{color:var(--color-danger-alt);font-size:14px}@media (max-width: 600px){.category-modal[data-v-008f482c]{max-width:95vw}.category-header[data-v-008f482c]{padding:10px 12px;font-size:13px}.category-definition[data-v-008f482c]{padding:10px 12px;font-size:12px}}.after-game-overlay[data-v-4567ea52]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-rgba);display:flex;align-items:center;justify-content:center;z-index:1000}.after-game-modal[data-v-4567ea52]{background:var(--bg-secondary);border-radius:16px;border:2px solid var(--color-primary);box-shadow:0 8px 32px var(--primary-rgba-02);width:90%;max-width:900px;max-height:90vh;padding:40px;overflow-y:auto;animation:slideUp-4567ea52 .3s ease-out}@media (max-width: 768px){.after-game-modal[data-v-4567ea52]{width:95%;max-width:none;padding:30px 20px}}@media (max-width: 480px){.after-game-modal[data-v-4567ea52]{width:100%;max-width:none;padding:25px 15px;border-radius:12px}}@keyframes slideUp-4567ea52{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2[data-v-4567ea52]{color:var(--white-pure);text-align:center;margin-bottom:30px;font-size:28px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results[data-v-4567ea52]{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;margin-bottom:30px;align-items:center}@media (max-width: 480px){.results[data-v-4567ea52]{gap:15px;margin-bottom:20px;grid-template-columns:1fr 1fr}}.result-item[data-v-4567ea52]{background:var(--bg-secondary);border:1px solid var(--color-primary);border-radius:8px;padding:15px;text-align:center;display:flex;flex-direction:column;justify-content:center}.result-item.share-box[data-v-4567ea52]{background:linear-gradient(135deg,var(--primary-rgba-02) 0%,var(--primary-dark-rgba-02) 100%);gap:12px}@media (max-width: 480px){.result-item.share-box[data-v-4567ea52]{grid-column:1 / -1;min-height:auto;gap:10px}}.share-label[data-v-4567ea52]{color:var(--color-primary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;flex-shrink:0}.share-buttons[data-v-4567ea52]{display:flex;gap:12px;justify-content:center;flex-shrink:0}.result-label[data-v-4567ea52]{color:var(--color-text-muted-alt);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.result-value[data-v-4567ea52]{color:var(--white-pure);font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-btn[data-v-4567ea52]{display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background:transparent}.share-btn[data-v-4567ea52]:hover{transform:scale(1.15)}@media (max-width: 480px){.share-btn[data-v-4567ea52]{padding:3px}}.share-logo[data-v-4567ea52]{width:24px;height:24px;object-fit:contain}@media (max-width: 480px){.share-logo[data-v-4567ea52]{width:20px;height:20px}}.share-facebook[data-v-4567ea52],.share-whatsapp[data-v-4567ea52],.share-copy[data-v-4567ea52]{background:transparent}.share-copy img[data-v-4567ea52]{filter:brightness(1) contrast(1);stroke:currentColor}.share-x[data-v-4567ea52]{background:transparent}.accordion-section[data-v-4567ea52]{margin-bottom:20px;border:1px solid var(--color-primary);border-radius:8px;overflow:hidden}.accordion-header[data-v-4567ea52]{background:linear-gradient(135deg,var(--primary-rgba-01) 0%,var(--primary-dark-rgba-01) 100%);padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background .2s ease;border-bottom:1px solid var(--color-primary)}.accordion-header[data-v-4567ea52]:hover{background:linear-gradient(135deg,var(--primary-rgba-02) 0%,var(--primary-dark-rgba-02) 100%)}.accordion-header span[data-v-4567ea52]:first-child{color:var(--white-pure);font-weight:600;font-size:16px}.accordion-icon[data-v-4567ea52]{color:var(--color-primary);transition:transform .2s ease;font-size:12px}.accordion-icon.open[data-v-4567ea52]{transform:rotate(-180deg)}.accordion-content[data-v-4567ea52]{padding:20px;background:var(--bg-secondary)}.answers-grid[data-v-4567ea52]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.answer-cell[data-v-4567ea52]{background:var(--bg-primary);border:1px solid var(--color-primary);border-radius:8px;padding:clamp(3px,1vw,6px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:clamp(35px,10vw,50px)}.cell-content[data-v-4567ea52]{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1.5vw,8px);width:100%;height:100%;justify-content:center}.popularity-badge[data-v-4567ea52]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text);padding:clamp(2px,.5vw,2px 6px);border-radius:4px;font-size:clamp(7px,1.5vw,8px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.popularity-badge.popularity-worldChampion[data-v-4567ea52]{background:var(--popularity-worldChampion)}.popularity-badge.popularity-finalist[data-v-4567ea52]{background:var(--popularity-finalist)}.popularity-badge.popularity-reachedKO[data-v-4567ea52]{background:var(--popularity-reachedKO)}.popularity-badge.popularity-groupStage[data-v-4567ea52]{background:var(--popularity-groupStage)}.popularity-badge.popularity-notQualified[data-v-4567ea52]{background:var(--popularity-notQualified)}.flag-image[data-v-4567ea52]{width:clamp(18px,5vw,28px);height:auto;max-height:clamp(18px,5vw,28px)}.country-name[data-v-4567ea52]{color:var(--white-pure);font-size:clamp(8px,2vw,10px);font-weight:600;word-break:break-word;background:var(--bg-secondary);padding:2px 4px;border-radius:4px;text-align:center}.country-name.popularity-worldChampion[data-v-4567ea52]{background:var(--popularity-worldChampion)!important}.country-name.popularity-finalist[data-v-4567ea52]{background:var(--popularity-finalist)!important}.country-name.popularity-reachedKO[data-v-4567ea52]{background:var(--popularity-reachedKO)!important}.country-name.popularity-groupStage[data-v-4567ea52]{background:var(--popularity-groupStage)!important}.country-name.popularity-notQualified[data-v-4567ea52]{background:var(--popularity-notQualified)!important}.country-name.popularity-worldChampion[data-v-4567ea52]{background:var(--popularity-worldChampion)}.country-name.popularity-finalist[data-v-4567ea52]{background:var(--popularity-finalist)}.country-name.popularity-reachedKO[data-v-4567ea52]{background:var(--popularity-reachedKO)}.country-name.popularity-groupStage[data-v-4567ea52]{background:var(--popularity-groupStage)}.country-name.popularity-notQualified[data-v-4567ea52]{background:var(--popularity-notQualified)}.all-answers-grid[data-v-4567ea52]{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,2vw,15px)}.all-answers-cell[data-v-4567ea52]{background:var(--bg-primary);border:1px solid var(--color-primary);border-radius:8px;padding:clamp(4px,1vw,10px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;overflow-y:auto}.all-answers-content[data-v-4567ea52]{display:flex;flex-direction:column;gap:8px;width:100%}.answer-item[data-v-4567ea52]{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flag-image-small[data-v-4567ea52]{width:clamp(14px,3vw,24px);height:auto;max-height:clamp(14px,3vw,24px);flex-shrink:0}.answer-name[data-v-4567ea52]{color:var(--white-pure);font-size:clamp(8px,2vw,11px);font-weight:500;overflow:hidden;text-overflow:ellipsis}.grid-with-headers[data-v-4567ea52]{display:grid;grid-template-columns:clamp(40px,8vw,80px) repeat(3,1fr);gap:clamp(3px,1.5vw,5px)}.row-headers-spacer[data-v-4567ea52]{width:clamp(40px,8vw,80px);height:auto}.col-header[data-v-4567ea52]{color:var(--color-text-muted-alt);font-size:clamp(7px,2vw,11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:clamp(3px,1vw,10px);word-break:break-word;display:flex;align-items:center;justify-content:center;min-height:clamp(35px,10vw,60px)}.row-header[data-v-4567ea52]{color:var(--color-text-muted-alt);font-size:clamp(7px,2vw,11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:clamp(3px,1vw,10px);word-break:break-word;display:flex;align-items:center;justify-content:center}.clickable-header[data-v-4567ea52]{cursor:pointer;transition:all .2s ease;border-radius:6px;box-shadow:0 2px 8px transparent}.clickable-header[data-v-4567ea52]:hover{background:var(--primary-rgba-15);color:var(--color-primary);box-shadow:0 2px 8px var(--primary-rgba-02)}.row-group[data-v-4567ea52]{display:contents}.modal-content[data-v-4567ea52]{text-align:center}.modal-actions[data-v-4567ea52]{display:flex;gap:12px;flex-direction:column;margin-top:30px}.buttons-row[data-v-4567ea52]{display:flex;gap:12px;width:100%}.buttons-row .btn[data-v-4567ea52]{flex:1;width:50%}.btn.full-width[data-v-4567ea52]{width:100%}.btn[data-v-4567ea52]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-4567ea52]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text)}.btn-primary[data-v-4567ea52]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-rgba-03)}.btn-secondary[data-v-4567ea52]{background:var(--bg-secondary);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary[data-v-4567ea52]:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.share-copy img[data-v-4567ea52]{transition:filter 2s ease-out}.share-copy.clicked img[data-v-4567ea52]{filter:invert(1)!important}.archive-overlay[data-v-af325b32]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-rgba);display:flex;align-items:center;justify-content:center;z-index:1000}.archive-modal[data-v-af325b32]{background:var(--bg-secondary);border-radius:16px;border:2px solid var(--color-primary);box-shadow:0 8px 32px var(--primary-rgba-02);max-width:600px;width:95%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-af325b32 .3s ease-out}@keyframes slideUp-af325b32{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-af325b32]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-primary)}.modal-header h2[data-v-af325b32]{color:var(--white-pure);margin:0;font-size:24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-af325b32]{background:none;border:none;color:var(--color-primary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-af325b32]:hover{color:var(--color-primary-dark);transform:scale(1.1)}.modal-content[data-v-af325b32]{flex:1;overflow-y:auto;padding:20px}.month-navigation[data-v-af325b32]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.month-navigation h3[data-v-af325b32]{color:var(--white-pure);margin:0;font-size:18px;min-width:150px;text-align:center}.nav-btn[data-v-af325b32]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text);border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:16px;transition:all .2s ease}.nav-btn[data-v-af325b32]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px var(--primary-rgba-03)}.nav-btn[data-v-af325b32]:disabled{opacity:.5;cursor:not-allowed}.calendar[data-v-af325b32]{margin-bottom:20px;width:100%;overflow:hidden}.day-headers[data-v-af325b32]{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.day-header[data-v-af325b32]{text-align:center;color:var(--color-primary);font-weight:600;font-size:11px;text-transform:uppercase;padding:8px 0}.calendar-days[data-v-af325b32]{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}.calendar-day[data-v-af325b32]{aspect-ratio:1;background:var(--bg-secondary);border:2px solid var(--color-primary);border-radius:6px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;min-height:50px;font-size:12px}.calendar-day.other-month[data-v-af325b32]{opacity:.3;background:var(--bg-primary)}.calendar-day.has-grid[data-v-af325b32]:not(.disabled):not(.is-completed){background:linear-gradient(135deg,var(--primary-rgba-02) 0%,var(--primary-dark-rgba-02) 100%);border-color:var(--color-primary);cursor:pointer}.calendar-day.has-grid[data-v-af325b32]:not(.disabled):not(.is-completed):hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--primary-rgba-03);border-color:var(--color-primary-dark)}.calendar-day.is-completed[data-v-af325b32]:not(.is-today){background:linear-gradient(135deg,var(--color-primary-dark) 20%,#2d5f52 80%);border-color:var(--color-primary-dark);opacity:.8}.calendar-day.is-completed[data-v-af325b32]:not(.is-today):hover{transform:translateY(-2px);box-shadow:0 6px 16px #3a7d6a33;border-color:var(--color-primary-dark)}.calendar-day.is-today[data-v-af325b32],.calendar-day.has-grid.is-today[data-v-af325b32]{background:linear-gradient(135deg,#f5f7ff26,#ffffff1a);border-color:var(--white-soft);border-width:2px;box-shadow:0 0 16px #fff3,inset 0 0 16px #ffffff14}.calendar-day.has-grid.is-today[data-v-af325b32]:hover{border-color:var(--white-pure);box-shadow:0 0 20px #ffffff59,inset 0 0 16px #ffffff1f}.calendar-day.is-today .grid-id[data-v-af325b32]{color:var(--white-pure)}.calendar-day.is-today .day-number[data-v-af325b32],.calendar-day.has-grid.is-today .day-number[data-v-af325b32]{color:var(--color-primary-dark);font-size:16px}.calendar-day.is-future[data-v-af325b32]{opacity:.5}.calendar-day.disabled[data-v-af325b32]{cursor:not-allowed;background:var(--bg-primary);border-color:var(--color-border-dark)}.day-number[data-v-af325b32]{display:none;color:var(--white-pure);font-weight:600;font-size:14px}.grid-id[data-v-af325b32]{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-primary);font-weight:600}.grid-icon[data-v-af325b32]{display:none}.score-icon[data-v-af325b32]{font-size:11px;margin-right:2px}.grid-info[data-v-af325b32]{display:flex;flex-direction:column;align-items:center;gap:2px}.grid-score[data-v-af325b32]{font-size:10px;color:var(--color-text-secondary);font-weight:500;display:flex;align-items:center}.action-buttons[data-v-af325b32]{display:flex;gap:12px;margin-top:20px}.btn[data-v-af325b32]{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-random[data-v-af325b32]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text)}.btn-random[data-v-af325b32]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-rgba-03)}.loading-state[data-v-af325b32],.error-state[data-v-af325b32]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center}.loading-state p[data-v-af325b32],.error-state p[data-v-af325b32]{color:var(--white-pure);margin:0}.spinner[data-v-af325b32]{width:40px;height:40px;border:3px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:spin-af325b32 .8s linear infinite}@keyframes spin-af325b32{to{transform:rotate(360deg)}}.error-text[data-v-af325b32]{color:var(--color-danger-alt);font-size:14px}@media (max-width: 600px){.archive-modal[data-v-af325b32]{max-width:95vw}.modal-content[data-v-af325b32]{padding:16px}.month-navigation[data-v-af325b32]{margin-bottom:16px;gap:8px}.month-navigation h3[data-v-af325b32]{font-size:16px;min-width:auto;flex:1}.nav-btn[data-v-af325b32]{padding:6px 10px;font-size:14px}.calendar-day[data-v-af325b32]{min-height:50px;padding:6px}.day-number[data-v-af325b32]{font-size:12px}.grid-id[data-v-af325b32]{font-size:10px}}@media (max-width: 480px){.archive-modal[data-v-af325b32]{max-width:100vw;width:100%;border-radius:0;max-height:100vh}.modal-content[data-v-af325b32]{padding:12px}.month-navigation[data-v-af325b32]{margin-bottom:12px;gap:6px}.month-navigation h3[data-v-af325b32]{font-size:14px;min-width:100px}.nav-btn[data-v-af325b32]{padding:4px 8px;font-size:12px}.day-headers[data-v-af325b32]{gap:3px;margin-bottom:3px}.day-header[data-v-af325b32]{font-size:9px;padding:4px 0}.calendar-days[data-v-af325b32]{gap:3px}.calendar-day[data-v-af325b32]{aspect-ratio:1;padding:2px;min-height:auto}.day-number[data-v-af325b32]{font-size:11px}.grid-id[data-v-af325b32],.grid-score[data-v-af325b32]{font-size:9px}.grid-info[data-v-af325b32]{width:100%;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center}.action-buttons[data-v-af325b32]{padding:0}.btn-random[data-v-af325b32]{width:100%;font-size:14px;padding:10px}}.how-to-play-overlay[data-v-f066be86]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-rgba);display:flex;align-items:center;justify-content:center;z-index:1000}.how-to-play-modal[data-v-f066be86]{background:var(--bg-secondary);border-radius:16px;border:2px solid var(--color-primary);box-shadow:0 8px 32px var(--primary-rgba-02);max-width:700px;width:95%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-f066be86 .3s ease-out}@keyframes slideUp-f066be86{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-f066be86]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid var(--color-primary);background:linear-gradient(135deg,var(--primary-rgba-01) 0%,var(--primary-dark-rgba-01) 100%)}.modal-header h2[data-v-f066be86]{color:var(--white-pure);margin:0;font-size:28px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.close-btn[data-v-f066be86]{background:none;border:none;color:var(--color-primary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-f066be86]:hover{color:var(--color-primary-dark);transform:scale(1.1)}.modal-content[data-v-f066be86]{flex:1;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:28px}.content-section[data-v-f066be86]{display:flex;flex-direction:column;gap:12px}.intro-text[data-v-f066be86]{color:var(--color-border-light);font-size:15px;line-height:1.8;margin:0;padding:16px;background:linear-gradient(135deg,var(--primary-rgba-08) 0%,var(--primary-dark-rgba-08) 100%);border-left:3px solid var(--color-primary);border-radius:6px}.desc-item[data-v-f066be86]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--primary-rgba-05);border-left:2px solid var(--color-primary);border-radius:6px;transition:all .2s ease}.section-title[data-v-f066be86]{color:var(--white-pure);font-size:18px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1px}.tutorial-link-section[data-v-f066be86]{margin-top:24px;border-top:2px solid var(--color-border);padding-top:24px}.summary-button-section[data-v-f066be86]{margin:0 0 24px;padding:0;border:none}.summary-btn[data-v-f066be86]{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 20px;background:linear-gradient(135deg,var(--color-success-dark) 0%,var(--color-success) 100%);color:var(--white-pure);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.summary-btn[data-v-f066be86]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf504d}.summary-btn[data-v-f066be86]:active{transform:translateY(0)}.rule-item[data-v-f066be86],.objective-item[data-v-f066be86]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--primary-rgba-05);border-left:2px solid var(--color-primary);border-radius:6px;transition:all .2s ease}.rule-item[data-v-f066be86]:hover,.objective-item[data-v-f066be86]:hover{background:var(--primary-rgba-01);border-left-color:var(--color-primary-dark);transform:translate(4px)}.rule-icon[data-v-f066be86],.objective-icon[data-v-f066be86]{font-size:20px;flex-shrink:0;margin-top:2px}.rule-item p[data-v-f066be86],.objective-item p[data-v-f066be86]{color:var(--color-border-light);font-size:14px;line-height:1.6;margin:0}.rule-item strong[data-v-f066be86],.objective-item strong[data-v-f066be86]{color:var(--color-primary);font-weight:600}.scoring-item[data-v-f066be86]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--primary-rgba-05);border-left:2px solid var(--color-primary);border-radius:6px;transition:all .2s ease}.scoring-item[data-v-f066be86]:hover{background:var(--primary-rgba-01);border-left-color:var(--color-primary-dark);transform:translate(4px)}.scoring-icon[data-v-f066be86]{font-size:20px;flex-shrink:0;margin-top:2px}.scoring-item p[data-v-f066be86]{color:var(--color-border-light);font-size:14px;line-height:1.6;margin:0}.scoring-item strong[data-v-f066be86]{color:var(--color-primary);font-weight:600}.popularity-levels[data-v-f066be86]{width:100%}.popularity-circles[data-v-f066be86]{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}.popularity-level[data-v-f066be86]{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:80px}.color-circle[data-v-f066be86]{width:35px;height:35px;border-radius:50%;box-shadow:0 2px 8px #00000026;flex-shrink:0}.level-label[data-v-f066be86]{font-size:12px;font-weight:500;text-align:center;color:var(--color-border-light);line-height:1.4}.modal-content[data-v-f066be86]::-webkit-scrollbar{width:8px}.modal-content[data-v-f066be86]::-webkit-scrollbar-track{background:transparent}.modal-content[data-v-f066be86]::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.modal-content[data-v-f066be86]::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@media (max-width: 600px){.how-to-play-modal[data-v-f066be86]{max-width:95vw}.modal-header[data-v-f066be86]{padding:16px}.modal-header h2[data-v-f066be86]{font-size:20px}.modal-content[data-v-f066be86]{padding:16px;gap:16px}.section-title[data-v-f066be86]{font-size:16px}.detail-row[data-v-f066be86]{grid-template-columns:100px 1fr;gap:12px}}.timer-ring-container[data-v-6b52db58]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%}.timer-label[data-v-6b52db58]{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.timer-ring[data-v-6b52db58]{width:80px;height:80px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.ring-background[data-v-6b52db58]{fill:none;stroke:var(--color-border-dark);stroke-width:3;opacity:.3}.ring-progress[data-v-6b52db58]{fill:none;stroke:var(--color-success);stroke-width:3;stroke-linecap:round;transform-origin:center;transform:rotate(-90deg)}.timer-text[data-v-6b52db58]{font-size:20px;font-weight:700;fill:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.game-view[data-v-ed6e3a3e]{min-height:100vh;background:var(--bg-primary);padding:0}.container[data-v-ed6e3a3e]{max-width:1200px;margin:0 auto;padding:0 20px}.supabase-test[data-v-ed6e3a3e]{background:var(--color-light);border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 8px 24px var(--overlay-rgba-15);border:2px solid var(--color-border-light);transition:all .3s ease}.supabase-test.connected[data-v-ed6e3a3e]{border-color:var(--color-primary);background:var(--color-selected)}.supabase-test.disconnected[data-v-ed6e3a3e]{border-color:var(--color-danger-alt);background:var(--color-wrong-bg)}.test-header[data-v-ed6e3a3e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--color-border-light)}.test-header h3[data-v-ed6e3a3e]{margin:0;font-size:18px;color:var(--color-text-dark);font-weight:600}.status-badge[data-v-ed6e3a3e]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.online[data-v-ed6e3a3e]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text);box-shadow:0 0 8px var(--primary-rgba-4)}.status-badge.offline[data-v-ed6e3a3e]{background-color:var(--color-danger-alt);color:var(--color-text);box-shadow:0 0 8px var(--danger-rgba-4)}.loading[data-v-ed6e3a3e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.spinner[data-v-ed6e3a3e]{width:40px;height:40px;border:4px solid var(--color-border-light);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin-ed6e3a3e 1s linear infinite;margin-bottom:15px}@keyframes spin-ed6e3a3e{to{transform:rotate(360deg)}}.loading p[data-v-ed6e3a3e]{color:var(--color-text-muted);font-size:16px;margin:0}.error[data-v-ed6e3a3e]{padding:20px;text-align:center}.error-text[data-v-ed6e3a3e]{font-size:18px;font-weight:600;color:var(--color-danger-alt);margin:0 0 10px}.error-message[data-v-ed6e3a3e]{color:var(--color-text-muted);font-size:14px;margin:0 0 20px;padding:12px;background-color:var(--overlay-error);border-left:4px solid var(--overlay-error-border);border-radius:4px;text-align:left;line-height:1.6}.retry-btn[data-v-ed6e3a3e]{padding:10px 20px;background-color:var(--color-primary);color:var(--color-text);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn[data-v-ed6e3a3e]:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-rgba-4)}.success[data-v-ed6e3a3e]{padding:10px 0}.success-text[data-v-ed6e3a3e]{font-size:16px;font-weight:600;color:var(--color-success-dark);margin:0 0 20px;display:block}.grid-data[data-v-ed6e3a3e]{background-color:var(--color-light-bg);border:2px solid var(--color-border-light);border-radius:8px;padding:20px}.grid-data h4[data-v-ed6e3a3e]{margin:0 0 15px;font-size:16px;color:var(--color-text-dark);border-bottom:2px solid var(--color-primary);padding-bottom:10px}.data-item[data-v-ed6e3a3e]{display:grid;grid-template-columns:180px 1fr;gap:15px;padding:12px;background-color:var(--color-text);border:1px solid var(--color-border-light);border-radius:6px;margin-bottom:8px;align-items:center}.data-item[data-v-ed6e3a3e]:last-child{margin-bottom:0}.data-item .label[data-v-ed6e3a3e]{font-weight:600;color:var(--color-primary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-item .value[data-v-ed6e3a3e]{color:var(--color-text-dark);font-size:14px;word-break:break-word;font-family:Monaco,Courier New,monospace;background-color:var(--color-light);padding:8px;border-radius:4px}.game-content[data-v-ed6e3a3e]{padding:20px 20px 12px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 24px var(--overlay-rgba-15);margin-bottom:10px}.game-layout[data-v-ed6e3a3e]{display:grid;grid-template-columns:1fr 110px;gap:20px;align-items:start}.grid-section[data-v-ed6e3a3e]{min-width:0}.grid-container[data-v-ed6e3a3e]{width:100%}.grid-header[data-v-ed6e3a3e]{margin-bottom:30px;text-align:center;padding-bottom:15px;border-bottom:2px solid var(--color-primary)}.grid-header h2[data-v-ed6e3a3e]{margin:0 0 10px;color:var(--color-text);font-size:28px}.grid-date[data-v-ed6e3a3e]{margin:0;color:var(--color-text-tertiary);font-size:14px}.ready-confirmation-wrapper[data-v-ed6e3a3e]{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%;pointer-events:none}.ready-confirmation-content[data-v-ed6e3a3e]{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:500px;text-align:center;padding:40px 20px}.ready-confirmation-title[data-v-ed6e3a3e]{font-size:32px;font-weight:700;color:var(--color-text);margin:0;line-height:1.4}.ready-confirmation-buttons[data-v-ed6e3a3e]{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.ready-confirmation-button[data-v-ed6e3a3e]{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;pointer-events:auto}.ready-confirmation-button.primary[data-v-ed6e3a3e]{color:#fff;background:var(--color-primary);box-shadow:0 4px 12px var(--primary-rgba-4)}.ready-confirmation-button.primary[data-v-ed6e3a3e]:hover{background:var(--color-primary-dark);box-shadow:0 6px 16px var(--primary-dark-rgba-4);transform:translateY(-2px)}.ready-confirmation-button.primary[data-v-ed6e3a3e]:active{transform:translateY(0);box-shadow:0 2px 8px var(--primary-rgba-4)}.ready-confirmation-button.secondary[data-v-ed6e3a3e]{color:var(--color-text);background:transparent;border:1px solid var(--color-border-dark)}.ready-confirmation-button.secondary[data-v-ed6e3a3e]:hover{background:var(--bg-tertiary);border-color:var(--color-text-secondary)}.ready-confirmation-button.secondary[data-v-ed6e3a3e]:active{opacity:.8}.grid-wrapper[data-v-ed6e3a3e]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-bottom:20px}.grid-layout[data-v-ed6e3a3e]{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;width:100%;max-width:600px}.grid-layout[data-v-ed6e3a3e]:first-child{margin-bottom:0}.row-headers-spacer[data-v-ed6e3a3e]{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.row-header[data-v-ed6e3a3e]{aspect-ratio:1 / 1;padding:12px;color:var(--color-text-secondary);font-size:12px;font-weight:600;text-align:center;line-height:1.3;display:flex;align-items:center;justify-content:center;word-break:break-word}.col-header[data-v-ed6e3a3e]{aspect-ratio:1 / 1;padding:12px;color:var(--color-text-secondary);font-size:12px;font-weight:600;text-align:center;line-height:1.3;word-break:break-word;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.clickable-header[data-v-ed6e3a3e]{cursor:pointer;transition:all .2s ease;border-radius:6px}.clickable-header[data-v-ed6e3a3e]:hover{background:var(--primary-rgba-15);color:var(--color-primary);box-shadow:0 2px 8px var(--primary-rgba-02)}.col-header[data-tooltip][data-v-ed6e3a3e]:after,.row-header[data-tooltip][data-v-ed6e3a3e]:after{max-width:500px!important;max-height:144px!important}.grid-cell[data-v-ed6e3a3e]{aspect-ratio:1;background:var(--bg-card);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--overlay-shadow);position:relative;border:2px solid transparent}.grid-cell.cell-empty[data-v-ed6e3a3e]{cursor:pointer;background:var(--bg-card);border:2px solid var(--color-border-dark);box-shadow:0 4px 12px var(--overlay-shadow)}.grid-cell.cell-empty[data-v-ed6e3a3e]:hover{background:var(--bg-quaternary);border-color:var(--color-primary);box-shadow:0 6px 16px var(--primary-rgba-03)}.grid-cell.cell-correct[data-v-ed6e3a3e]{background:transparent;border-color:transparent;cursor:default}.grid-cell.cell-wrong[data-v-ed6e3a3e]{background:transparent;border-color:var(--color-danger-alt);cursor:default;animation:shake-ed6e3a3e .3s ease-in-out}@keyframes shake-ed6e3a3e{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.grid-cell.cell-locked[data-v-ed6e3a3e]{cursor:default}.cell-empty-content[data-v-ed6e3a3e]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cell-number[data-v-ed6e3a3e]{color:var(--color-lock-icon);font-size:24px;font-weight:700}.cell-filled-content[data-v-ed6e3a3e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;text-align:center;width:100%;height:100%;overflow:visible}.cell-filled-content.correct-cell[data-v-ed6e3a3e]{background:var(--bg-secondary);position:relative}.popularity-badge[data-v-ed6e3a3e]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text);padding:clamp(1.5px,1.2vw,6px) clamp(4px,3vw,10px);border-radius:20px;font-size:clamp(4.5px,.9vw,7px);font-weight:700;line-height:1;position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:10;white-space:nowrap;display:none}.popularity-badge.popularity-worldChampion[data-v-ed6e3a3e]{background:var(--popularity-worldChampion)}.popularity-badge.popularity-finalist[data-v-ed6e3a3e]{background:var(--popularity-finalist)}.popularity-badge.popularity-reachedKO[data-v-ed6e3a3e]{background:var(--popularity-reachedKO)}.popularity-badge.popularity-groupStage[data-v-ed6e3a3e]{background:var(--popularity-groupStage)}.popularity-badge.popularity-notQualified[data-v-ed6e3a3e]{background:var(--popularity-notQualified)}.flag-image[data-v-ed6e3a3e]{width:100%;height:calc(100% - 22px);object-fit:cover;border-radius:6px;flex:1}.cell-country-name[data-v-ed6e3a3e]{font-size:8px;font-weight:600;color:var(--color-text);text-shadow:0 1px 2px var(--overlay-rgba);line-height:1;word-break:break-word;width:100%;height:16px;padding:2px 3px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.cell-country-name.popularity-worldChampion[data-v-ed6e3a3e]{background:var(--popularity-worldChampion)!important}.cell-country-name.popularity-finalist[data-v-ed6e3a3e]{background:var(--popularity-finalist)!important}.cell-country-name.popularity-reachedKO[data-v-ed6e3a3e]{background:var(--popularity-reachedKO)!important}.cell-country-name.popularity-groupStage[data-v-ed6e3a3e]{background:var(--popularity-groupStage)!important}.cell-country-name.popularity-notQualified[data-v-ed6e3a3e]{background:var(--popularity-notQualified)!important}.cell-filled-content.wrong-cell[data-v-ed6e3a3e]{background:var(--color-wrong);position:relative}.cell-filled-content.wrong-cell .cell-country-name[data-v-ed6e3a3e]{background:var(--color-wrong-bg)}.cell-game-ended[data-v-ed6e3a3e]{cursor:not-allowed!important}.cell-filled-content.game-ended-cell[data-v-ed6e3a3e]{background:var(--color-game-ended);position:relative}.lock-icon[data-v-ed6e3a3e]{font-size:48px;font-weight:300;color:var(--color-lock-icon);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.promo-banner[data-v-ed6e3a3e]{background:linear-gradient(90deg,#10b98114,#10b9810a,#10b98114);border:1px solid rgba(16,185,129,.15);border-radius:6px;padding:8px 12px;margin:16px 0 12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:32px}.banner-text[data-v-ed6e3a3e]{color:var(--color-text);font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap;animation:bannerScroll-ed6e3a3e 20s linear infinite}.banner-text .highlight[data-v-ed6e3a3e]{color:var(--color-primary);font-weight:600}@keyframes bannerScroll-ed6e3a3e{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (min-width: 768px){.banner-text[data-v-ed6e3a3e]{animation:none;transform:none}}.loading-placeholder[data-v-ed6e3a3e]{padding:40px 20px;color:var(--color-text-muted-alt);text-align:center}.loading-placeholder p[data-v-ed6e3a3e]{margin:0;font-size:16px}@media (max-width: 768px){.game-layout[data-v-ed6e3a3e]{grid-template-columns:1fr;gap:30px}.game-content[data-v-ed6e3a3e]{padding:30px 15px}.grid-layout[data-v-ed6e3a3e]{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:6px;max-width:500px}.row-header[data-v-ed6e3a3e],.col-header[data-v-ed6e3a3e]{padding:8px;font-size:11px;aspect-ratio:1 / 1}.grid-cell[data-v-ed6e3a3e]{aspect-ratio:1 / 1}}@media (max-width: 480px){.game-view[data-v-ed6e3a3e]{padding:10px 0}.container[data-v-ed6e3a3e]{padding:0 8px;max-width:100%}.game-view h1[data-v-ed6e3a3e]{font-size:20px;margin-bottom:20px}.game-content[data-v-ed6e3a3e]{padding:20px 8px;border-radius:8px;margin-bottom:20px}.grid-wrapper[data-v-ed6e3a3e]{width:100%}.grid-layout[data-v-ed6e3a3e]{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:4px;max-width:100%}.grid-layout[data-v-ed6e3a3e]:first-child{margin-bottom:0}.row-headers-spacer[data-v-ed6e3a3e]{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.row-header[data-v-ed6e3a3e],.col-header[data-v-ed6e3a3e]{padding:6px;font-size:8px;aspect-ratio:1 / 1;word-break:break-word}.grid-cell[data-v-ed6e3a3e]{aspect-ratio:1 / 1;border-radius:6px}.supabase-test[data-v-ed6e3a3e]{padding:12px;margin-bottom:20px}.test-header h3[data-v-ed6e3a3e]{font-size:16px}.status-badge[data-v-ed6e3a3e]{padding:4px 8px;font-size:10px}}.row-arrow[data-v-ed6e3a3e]{color:var(--color-primary);margin-left:6px;font-size:12px;display:inline}.col-arrow[data-v-ed6e3a3e]{color:var(--color-primary);font-size:12px;display:inline-block;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.col-header.category-hovered[data-v-ed6e3a3e],.row-header.category-hovered[data-v-ed6e3a3e]{background:var(--primary-rgba-08);border-color:var(--color-primary)}.grid-cell.highlight-row[data-v-ed6e3a3e],.grid-cell.highlight-col[data-v-ed6e3a3e]{background:inherit;border-color:inherit}.grid-cell.highlight-row.highlight-col[data-v-ed6e3a3e]{background:inherit;border-color:inherit;box-shadow:inherit}.auth-callback[data-v-dd26e551]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.callback-container[data-v-dd26e551]{text-align:center;max-width:400px}.loading[data-v-dd26e551],.success[data-v-dd26e551],.error[data-v-dd26e551]{animation:fadeIn-dd26e551 .3s ease-in-out}@keyframes fadeIn-dd26e551{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.spinner[data-v-dd26e551]{width:50px;height:50px;margin:0 auto 20px;border:4px solid var(--color-border-dark);border-top-color:var(--color-primary);border-radius:50%;animation:spin-dd26e551 .8s linear infinite}@keyframes spin-dd26e551{to{transform:rotate(360deg)}}.success-icon[data-v-dd26e551],.error-icon[data-v-dd26e551]{font-size:60px;margin-bottom:20px}.success-icon[data-v-dd26e551]{color:#10b981}.error-icon[data-v-dd26e551]{color:#ef4444}h2[data-v-dd26e551]{margin:0 0 12px;color:var(--color-text);font-size:24px;font-weight:600}p[data-v-dd26e551]{margin:0 0 24px;color:var(--color-text-secondary);font-size:14px}.back-button[data-v-dd26e551]{display:inline-block;padding:12px 24px;background:var(--color-primary);color:#fff;border-radius:6px;text-decoration:none;font-weight:500;transition:opacity .2s}.back-button[data-v-dd26e551]:hover{opacity:.9}:root{--bg-primary: #1a1f24;--bg-secondary: #1e2329;--bg-tertiary: #262d35;--bg-quaternary: #2f3741;--bg-card: #1e2329;--color-primary: #4a9d83;--color-primary-dark: #3a7d6a;--color-primary-light: #5daea4;--color-secondary: #6b7d8f;--color-success: #2ecc71;--color-success-dark: #27ae60;--color-warning: #f39c12;--color-danger: #e74c3c;--color-danger-alt: #c0392b;--color-info: #3498db;--color-text: #ffffff;--color-text-secondary: #ccc;--color-text-tertiary: #aaa;--color-text-muted: #666;--color-text-muted-alt: #999;--color-text-light: #6b7280;--color-text-dark: #333;--color-border: #e5e7eb;--color-border-dark: #444;--color-border-light: #e0e0e0;--color-light: #f5f5f5;--color-light-bg: #fafafa;--color-dark: #1a1a1a;--color-pitch: #1b5e20;--color-correct: #4caf50;--color-wrong: #3a2a2a;--color-wrong-bg: #fef5f5;--color-selected: #f5f7ff;--color-game-ended: #1f1f2e;--color-lock-icon: #555;--modal-bg: #2a2a3e;--modal-border: #3a3a4e;--overlay-error: #ffebee;--overlay-error-border: #f44336;--primary-rgba-01: rgba(74, 157, 131, .1);--primary-rgba-02: rgba(74, 157, 131, .2);--primary-rgba-03: rgba(74, 157, 131, .3);--primary-rgba-08: rgba(74, 157, 131, .08);--primary-rgba-15: rgba(74, 157, 131, .15);--primary-dark-rgba-15: rgba(58, 125, 106, .15);--primary-dark-rgba-01: rgba(58, 125, 106, .1);--primary-dark-rgba-02: rgba(58, 125, 106, .2);--overlay-rgba: rgba(0, 0, 0, .7);--overlay-shadow: rgba(0, 0, 0, .3);--text-white-rgba: rgba(255, 255, 255, .05);--text-white-rgba-09: rgba(255, 255, 255, .9);--white-soft: #f5f7ff;--white-pure: #fff;--primary-rgba-05: rgba(74, 157, 131, .05);--primary-rgba-25: rgba(74, 157, 131, .25);--primary-rgba-4: rgba(74, 157, 131, .4);--primary-dark-rgba-4: rgba(58, 125, 106, .4);--primary-dark-rgba-5: rgba(58, 125, 106, .5);--primary-dark-rgba-08: rgba(58, 125, 106, .08);--overlay-rgba-5: rgba(0, 0, 0, .5);--overlay-rgba-15: rgba(0, 0, 0, .15);--danger-rgba-4: rgba(192, 57, 43, .4);--gradient-green: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);--gradient-red: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);--gradient-light: linear-gradient(135deg, #4a9d83 0%, #3a7d6a 100%);--popularity-worldChampion: linear-gradient(135deg, #84ffff 0%, #5ac9d4 100%);--popularity-finalist: linear-gradient(135deg, #FFE55C 0%, #D4AF37 100%);--popularity-reachedKO: linear-gradient(135deg, #F0F0F0 0%, #A8A8A8 100%);--popularity-groupStage: linear-gradient(135deg, #CD7F32 0%, #8B4513 100%);--popularity-notQualified: linear-gradient(135deg, #707070 0%, #2F2F2F 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}input,textarea,select,button{font-family:inherit;font-size:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0000001a}button{cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;transition:all var(--transition-fast)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:none;transition:all var(--transition-base)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-dark)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-success{background-color:var(--color-success);color:#fff}.btn-danger{background-color:var(--color-danger);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.flex{display:flex;gap:var(--spacing-md)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-light)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}.tooltip-container{position:relative;display:inline-block}.tooltip-container[style*="display: flex"],.grid-cell.tooltip-container,.game-cell.tooltip-container{display:flex}body.tooltips-disabled .tooltip-container[data-tooltip]:after,body.tooltips-disabled .tooltip-container[data-tooltip]:before{display:none!important}.tooltip-container[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--bg-tertiary);color:var(--color-text);border:1px solid var(--color-primary);border-radius:6px;padding:8px 12px;font-size:clamp(8px,1.5vw,10px);font-weight:500;line-height:1.4;white-space:normal;width:max-content;max-width:220px;word-wrap:break-word;overflow-wrap:break-word;z-index:10000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease .3s,visibility .2s ease .3s;box-shadow:0 4px 12px #4a9d8333}.tooltip-container[data-tooltip]:hover:after{opacity:1;visibility:visible}.tooltip-container[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-primary);z-index:10001;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease .3s,visibility .2s ease .3s}.tooltip-container[data-tooltip]:hover:before{opacity:1;visibility:visible}.tooltip-container.tooltip-bottom[data-tooltip]:after{bottom:auto;top:calc(100% + 12px)}.tooltip-container.tooltip-bottom[data-tooltip]:before{bottom:auto;top:calc(100% + 6px);border-top-color:transparent;border-bottom-color:var(--color-primary)}.game-cell.tooltip-container[data-tooltip]:after,.game-cell.tooltip-container[data-tooltip]:before,.grid-cell.tooltip-container[data-tooltip]:after,.grid-cell.tooltip-container[data-tooltip]:before{z-index:10000;pointer-events:auto}.game-cell.tooltip-container[data-tooltip]:after{bottom:calc(100% + 12px);top:auto}.game-cell.tooltip-container[data-tooltip]:before{bottom:calc(100% + 6px);top:auto;border-top-color:var(--color-primary);border-bottom-color:transparent}.col-header.tooltip-container[data-tooltip]:after,.row-header.tooltip-container[data-tooltip]:after,.sign-in-button.tooltip-container[data-tooltip]:after,.language-selector.tooltip-container[data-tooltip]:after{max-width:500px;max-height:calc(6 * 1.4em + 16px);overflow-y:auto}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.tooltip-container[data-tooltip]:after{font-size:11px}.col-header.tooltip-container[data-tooltip]:after,.row-header.tooltip-container[data-tooltip]:after,.sign-in-button.tooltip-container[data-tooltip]:after,.language-selector.tooltip-container[data-tooltip]:after{max-width:240px}}@media (max-width: 480px){.tooltip-container[data-tooltip]:after{font-size:8px}}@media (max-width: 480px){.tooltip-container[data-tooltip]:after{white-space:normal;max-width:200px;width:200px}}