.header[data-v-321d10af]{z-index:1000;background:0 0;padding:20px 0;transition:all .4s cubic-bezier(.165,.84,.44,1);position:fixed;top:0;left:0;right:0}.header.is-scrolled[data-v-321d10af]{-webkit-backdrop-filter:blur(15px);background:#0f0f0fcc;border-bottom:1px solid #ffffff0d;padding:12px 0;box-shadow:0 10px 30px #0003}.header.is-open[data-v-321d10af]{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0f0f}.header-container[data-v-321d10af]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.logo[data-v-321d10af]{align-items:center;gap:12px;text-decoration:none;transition:opacity .3s;display:flex}.logo[data-v-321d10af]:hover{opacity:.8}.logo-icon[data-v-321d10af]{color:#0f0f0f;background:linear-gradient(135deg,#f7980a 0%,#ffc107 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Outfit,sans-serif;font-size:18px;font-weight:900;display:flex}.logo-text[data-v-321d10af]{color:#fff;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.logo-dot[data-v-321d10af]{color:#f7980a}.nav-menu[data-v-321d10af]{align-items:center;gap:32px;display:flex}.nav-link[data-v-321d10af]{color:#fff9;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link[data-v-321d10af]:after{content:"";background:#f7980a;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link[data-v-321d10af]:hover{color:#fff}.nav-link[data-v-321d10af]:hover:after,.nav-link.router-link-active[data-v-321d10af]:after{width:100%}.nav-link.router-link-active[data-v-321d10af]{color:#fff;font-weight:700}.nav-duel[data-v-321d10af]{color:#f7980a;background:#f7980a1a;border:1px solid #f7980a33;border-radius:100px;align-items:center;gap:10px;margin-left:10px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.nav-duel[data-v-321d10af]:hover{color:#0f0f0f;background:#f7980a;transform:translateY(-2px)scale(1.02);box-shadow:0 10px 20px #f7980a4d}.nav-icon[data-v-321d10af]{transition:transform .3s}.nav-duel:hover .nav-icon[data-v-321d10af]{transform:rotate(15deg)scale(1.1)}.nav-duel.router-link-active[data-v-321d10af]{color:#0f0f0f;background:#f7980a;border-color:#f7980a}.hamburger[data-v-321d10af]{cursor:pointer;z-index:1100;background:0 0;border:none;padding:10px;display:none}.hamburger-box[data-v-321d10af]{width:24px;height:14px;position:relative}.line[data-v-321d10af]{background:#fff;border-radius:2px;height:2px;transition:all .3s cubic-bezier(.165,.84,.44,1);position:absolute;left:0}.line-top[data-v-321d10af]{width:24px;top:0}.line-bottom[data-v-321d10af]{width:16px;bottom:0;left:8px}.hamburger.active .line-top[data-v-321d10af]{transform:translateY(6px)rotate(45deg)}.hamburger.active .line-bottom[data-v-321d10af]{width:24px;left:0;transform:translateY(-6px)rotate(-45deg)}.mobile-overlay[data-v-321d10af]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;background:#00000080;position:fixed;inset:0}.mobile-nav[data-v-321d10af]{background:#0f0f0f;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:12px;width:100%;padding:100px 32px 40px;display:flex;position:absolute;top:0;right:0}.mobile-link[data-v-321d10af]{color:#fffc;letter-spacing:.5px;padding:12px 0;font-family:Outfit,sans-serif;font-size:20px;font-weight:600;text-decoration:none;transition:color .3s}.mobile-link.router-link-active[data-v-321d10af]{color:#f7980a}.mobile-link.duel-link[data-v-321d10af]{color:#f7980a;background:#f7980a0d;border-radius:12px;justify-content:space-between;align-items:center;margin-top:8px;padding:12px 20px;display:flex}.mobile-link.duel-link svg[data-v-321d10af]{color:#f7980a}.mobile-fade-enter-active[data-v-321d10af],.mobile-fade-leave-active[data-v-321d10af]{transition:all .4s}.mobile-fade-enter-from[data-v-321d10af],.mobile-fade-leave-to[data-v-321d10af]{opacity:0;transform:translateY(-10px)}@media (width<=850px){.nav-menu[data-v-321d10af]{display:none}.hamburger[data-v-321d10af]{display:block}.header-container[data-v-321d10af]{padding:0 24px}}.footer[data-v-f062d14d]{color:#fff;background:#0a0a0a;border-top:1px solid #ffffff0d;padding:100px 0 40px;font-family:Poppins,sans-serif}.container[data-v-f062d14d]{max-width:1200px;margin:0 auto;padding:0 24px}.footer-grid[data-v-f062d14d]{grid-template-columns:1.5fr 2fr;gap:80px;margin-bottom:80px;display:grid}.link-wrapper-mobile[data-v-f062d14d]{grid-template-columns:1fr 1fr;gap:40px;display:grid}.logo[data-v-f062d14d]{align-items:center;gap:12px;margin-bottom:24px;text-decoration:none;display:flex}.logo-icon[data-v-f062d14d]{color:#0f0f0f;background:linear-gradient(135deg,#f7980a 0%,#ffc107 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Outfit,sans-serif;font-size:20px;font-weight:900;display:flex}.logo-text[data-v-f062d14d]{color:#fff;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.logo-dot[data-v-f062d14d]{color:#f7980a}.brand-desc[data-v-f062d14d]{color:#fff6;max-width:340px;font-size:15px;font-weight:300;line-height:1.8}.column-title[data-v-f062d14d]{color:#fff;margin:0 0 28px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.footer-nav[data-v-f062d14d]{flex-direction:column;gap:16px;display:flex}.f-link[data-v-f062d14d]{color:#ffffff80;width:fit-content;font-size:14px;text-decoration:none;transition:all .3s}.f-link[data-v-f062d14d]:hover{color:#f7980a;transform:translate(8px)}.social-links[data-v-f062d14d]{flex-direction:column;gap:16px;display:flex}.social-item[data-v-f062d14d]{color:#ffffff80;align-items:center;gap:10px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.social-item[data-v-f062d14d]:hover{color:#fff;transform:translate(8px)}.footer-bottom[data-v-f062d14d]{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:40px;display:flex}.copyright p[data-v-f062d14d]{color:#ffffff4d;margin:0;font-size:13px}.author[data-v-f062d14d]{color:#f7980a;font-weight:600}.footer-status[data-v-f062d14d]{color:#ffffff4d;background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:10px;padding:6px 16px;font-size:12px;display:flex}.status-dot[data-v-f062d14d]{background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-f062d14d;box-shadow:0 0 10px #00ff8880}@keyframes pulse-f062d14d{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@media (width<=992px){.footer-grid[data-v-f062d14d]{grid-template-columns:1fr 1fr;gap:60px}}@media (width<=768px){.footer[data-v-f062d14d]{padding:60px 0 30px}.footer-grid[data-v-f062d14d]{text-align:left;grid-template-columns:1fr;gap:40px;margin-bottom:40px}.footer-brand[data-v-f062d14d]{text-align:center}.logo[data-v-f062d14d]{justify-content:center}.brand-desc[data-v-f062d14d]{max-width:100%;margin-left:auto;margin-right:auto;font-size:13px}.footer-grid>.footer-column[data-v-f062d14d]:nth-child(2),.footer-grid>.footer-column[data-v-f062d14d]:nth-child(3){vertical-align:top;display:inline-block}.footer-grid[data-v-f062d14d]{flex-direction:column;display:flex}.link-wrapper-mobile[data-v-f062d14d]{text-align:left;grid-template-columns:1fr 1fr;gap:30px;display:grid}.column-title[data-v-f062d14d]{margin-bottom:16px;font-size:16px}.footer-nav[data-v-f062d14d],.social-links[data-v-f062d14d]{gap:12px}.f-link[data-v-f062d14d],.social-item[data-v-f062d14d]{font-size:13px}.footer-bottom[data-v-f062d14d]{text-align:center;flex-direction:column;gap:16px;padding-top:30px}.copyright p[data-v-f062d14d]{font-size:12px}}.home[data-v-4692c9ce]{color:#fff;background:#0f0f0f;font-family:Outfit,Poppins,sans-serif;overflow-x:hidden}.container[data-v-4692c9ce]{max-width:1200px;margin:0 auto;padding:0 24px}.hero[data-v-4692c9ce]{justify-content:center;align-items:center;min-height:100vh;padding:80px 0;display:flex;position:relative;overflow:hidden}.hero-bg[data-v-4692c9ce]{filter:brightness(.4)saturate(1.2);z-index:0;background-position:50%;background-size:cover;transition:transform 10s ease-out;position:absolute;inset:0;transform:scale(1.05)}.hero:hover .hero-bg[data-v-4692c9ce]{transform:scale(1.1)}.hero-overlay[data-v-4692c9ce]{z-index:1;background:radial-gradient(circle,#0f0f0f33 0%,#0f0f0fcc 100%),linear-gradient(#0000 0%,#0f0f0f 100%);position:absolute;inset:0}.hero-content[data-v-4692c9ce]{z-index:2;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:32px;max-width:800px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000080}.hero-brand[data-v-4692c9ce]{margin-bottom:24px}.brand-tag[data-v-4692c9ce]{color:#f7980a;letter-spacing:2px;text-transform:uppercase;background:#f7980a1a;border:1px solid #f7980a33;border-radius:100px;padding:6px 16px;font-size:11px;font-weight:600;display:inline-block}.hero-title[data-v-4692c9ce]{color:#fff;letter-spacing:-.03em;background:linear-gradient(#fff 50%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(56px,10vw,100px);font-weight:800;line-height:1}.hero-sub[data-v-4692c9ce]{color:#fff9;max-width:500px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.6}.cta-btn[data-v-4692c9ce]{color:#0f0f0f;cursor:pointer;background:linear-gradient(135deg,#f7980a 0%,#ffc107 100%);border:none;border-radius:100px;align-items:center;gap:12px;padding:18px 44px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 10px 30px #f7980a4d}.cta-btn[data-v-4692c9ce]:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 20px 40px #f7980a66}.cta-arrow[data-v-4692c9ce]{font-size:20px;transition:transform .3s}.cta-btn:hover .cta-arrow[data-v-4692c9ce]{transform:translate(6px)}.scroll-indicator[data-v-4692c9ce]{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator span[data-v-4692c9ce]{color:#ffffff4d;text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:600}.scroll-line[data-v-4692c9ce]{background:linear-gradient(#f7980a,#0000);border-radius:2px;width:2px;height:60px;position:relative;overflow:hidden}.scroll-line[data-v-4692c9ce]:after{content:"";background:#fff;width:100%;height:100%;animation:2s ease-in-out infinite scrollAnim-4692c9ce;position:absolute;top:-100%;left:0}@keyframes scrollAnim-4692c9ce{0%{top:-100%}to{top:100%}}.menu[data-v-4692c9ce]{background:#0f0f0f;padding:140px 0;position:relative}.menu[data-v-4692c9ce]:before{content:"";background:radial-gradient(circle,#f7980a4d 0%,#0000 70%);width:80%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.menu-header[data-v-4692c9ce]{text-align:center;max-width:700px;margin-bottom:80px;margin-left:auto;margin-right:auto}.section-title[data-v-4692c9ce]{color:#fff;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(32px,5vw,48px);font-weight:800}.section-subtitle[data-v-4692c9ce]{color:#ffffff80;font-size:18px;line-height:1.6}.menu-grid[data-v-4692c9ce]{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.character-card[data-v-4692c9ce]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:28px;flex-direction:column;padding:40px 32px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.character-card[data-v-4692c9ce]:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#f7980a1a,#0000 70%);transition:opacity .5s;position:absolute;inset:0}.character-card[data-v-4692c9ce]:hover{background:#ffffff0d;border-color:#f7980a66;transform:translateY(-12px)rotateX(2deg)rotateY(-2deg);box-shadow:0 30px 60px #0006,0 0 20px #f7980a0d}.character-card[data-v-4692c9ce]:hover:before{opacity:1}.character-card.disabled[data-v-4692c9ce]{cursor:default;opacity:.6}.character-card.disabled[data-v-4692c9ce]:hover{box-shadow:none;border-color:#ffffff0d;transform:none}.card-icon[data-v-4692c9ce]{color:#f7980a;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1;transition:transform .5s}.character-card:hover .card-icon[data-v-4692c9ce]{transform:scale(1.1)rotate(-5deg)}.card-title[data-v-4692c9ce]{color:#fff;margin:0 0 16px;font-size:24px;font-weight:700}.card-desc[data-v-4692c9ce]{color:#fff6;flex-grow:1;margin-bottom:32px;font-size:15px;line-height:1.7}.card-footer[data-v-4692c9ce]{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.card-badge[data-v-4692c9ce]{color:#f7980a;background:#f7980a1a;border:1px solid #f7980a33;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:600}.card-arrow[data-v-4692c9ce]{color:#f7980a;font-size:20px;transition:transform .3s}.character-card:hover .card-arrow[data-v-4692c9ce]{transform:translate(8px)}.card-soon[data-v-4692c9ce]{color:#ffffff4d;background:#ffffff0d;border-radius:100px;padding:6px 14px;font-size:11px;font-weight:500}.fade-up[data-v-4692c9ce]{opacity:0;transition:all 1s cubic-bezier(.165,.84,.44,1);transform:translateY(40px)}.fade-up.visible[data-v-4692c9ce]{opacity:1;transform:translateY(0)}.delay[data-v-4692c9ce]{transition-delay:.3s}@media (width<=768px){.hero-content[data-v-4692c9ce]{margin:0 16px;padding:30px 20px}.menu[data-v-4692c9ce]{padding:100px 0}.menu-header[data-v-4692c9ce]{margin-bottom:50px}}.table-page[data-v-14d009e7]{color:#fff;background:#0f0f0f;min-height:100vh;padding-top:100px;padding-bottom:60px;font-family:Poppins,sans-serif}.container[data-v-14d009e7]{max-width:1200px;margin:0 auto;padding:0 24px}.table-header[data-v-14d009e7]{text-align:center;margin-bottom:60px}.badge[data-v-14d009e7]{color:#f7980a;text-transform:uppercase;letter-spacing:2px;background:#f7980a1a;border:1px solid #f7980a33;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.table-title[data-v-14d009e7]{background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-family:Outfit,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:800}.table-subtitle[data-v-14d009e7]{color:#fff6;max-width:600px;margin:0 auto;font-size:16px}.cards-grid[data-v-14d009e7]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.category-card[data-v-14d009e7]{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:32px;flex-direction:column;padding:40px 32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.category-card[data-v-14d009e7]:hover{background:#ffffff0d;border-color:#f7980a;transform:translateY(-10px)}.card-icon[data-v-14d009e7]{color:#f7980a;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:48px;font-weight:800}.card-title[data-v-14d009e7]{margin:0 0 12px;font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.card-desc[data-v-14d009e7]{color:#fff6;flex-grow:1;margin-bottom:32px;font-size:14px;line-height:1.6}.card-footer[data-v-14d009e7]{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.card-count[data-v-14d009e7]{color:#ffffff4d;font-size:12px;font-weight:600}.card-arrow[data-v-14d009e7]{color:#f7980a;font-size:14px;font-weight:700}.card-soon[data-v-14d009e7]{color:#fff3;background:#ffffff0d;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.view-header[data-v-14d009e7]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.back-link[data-v-14d009e7]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.back-link[data-v-14d009e7]:hover{background:#ffffff1a;transform:translate(-5px)}.view-title[data-v-14d009e7]{margin:0;font-family:Outfit,sans-serif;font-size:32px;font-weight:800}.action-toggle[data-v-14d009e7]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:100px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s}.action-toggle.active[data-v-14d009e7]{background:#fff}.memorize-toolbar[data-v-14d009e7]{background:#f7980a1a;border:1px solid #f7980a33;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:16px 24px;display:flex}.selection-info[data-v-14d009e7]{align-items:center;gap:8px;display:flex}.selection-count[data-v-14d009e7]{color:#f7980a;font-weight:800}.selection-label[data-v-14d009e7]{color:#fff9;font-size:13px}.toolbar-btns[data-v-14d009e7]{align-items:center;gap:12px;display:flex}.btn-text[data-v-14d009e7]{color:#fff6;cursor:pointer;background:0 0;border:none;padding:8px;font-size:13px;font-weight:600}.btn-text[data-v-14d009e7]:hover{color:#fff}.btn-text.danger[data-v-14d009e7]:hover{color:#f44}.btn-pill[data-v-14d009e7]{cursor:pointer;border:none;border-radius:100px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .3s}.btn-pill.primary[data-v-14d009e7]{color:#0f0f0f;background:#f7980a}.btn-pill.focus[data-v-14d009e7]{color:#fff;background:#ffffff1a}.tab-scroller[data-v-14d009e7]{justify-content:center;margin-bottom:40px;display:flex}.tabs-capsule[data-v-14d009e7]{background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;gap:4px;padding:6px;display:flex}.tab-item[data-v-14d009e7]{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:100px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .3s}.tab-item.active[data-v-14d009e7]{color:#0f0f0f;background:#f7980a}.grid-layout[data-v-14d009e7]{background:#ffffff05;border:1px solid #ffffff08;border-radius:40px;padding:40px}.char-grid[data-v-14d009e7]{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.grid-row[data-v-14d009e7]{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.yoon-row[data-v-14d009e7]{grid-template-columns:repeat(3,1fr)}.char-cell[data-v-14d009e7]{aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.char-cell.empty[data-v-14d009e7]{background:0 0;border:none}.char-cell[data-v-14d009e7]:not(.empty):hover{background:#ffffff0f;border-color:#f7980a4d;transform:scale(1.05)}.char-cell.is-memorizing[data-v-14d009e7]{cursor:pointer}.char-cell.selected[data-v-14d009e7]{background:#f7980a1a;border-color:#f7980a}.char-cell.is-dimmed[data-v-14d009e7]{opacity:.2}.cell-content[data-v-14d009e7]{flex-direction:column;align-items:center;gap:4px;display:flex}.jp-text[data-v-14d009e7]{font-size:28px;font-weight:700;line-height:1}.ro-text[data-v-14d009e7]{color:#f7980a;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.mastery-indicator[data-v-14d009e7]{background:#ffffff0d;border-radius:10px;height:2px;position:absolute;bottom:8px;left:12px;right:12px;overflow:hidden}.mastery-progress[data-v-14d009e7]{background:#f7980a;height:100%;box-shadow:0 0 10px #f7980a80}.main-tabs[data-v-14d009e7]{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.main-tab[data-v-14d009e7]{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:14px 32px;font-weight:700;transition:all .3s}.main-tab.active[data-v-14d009e7]{color:#0f0f0f;background:#f7980a;border-color:#f7980a}.sub-tabs-container[data-v-14d009e7]{margin-bottom:40px;padding-bottom:10px;overflow-x:auto}.sub-tabs[data-v-14d009e7]{justify-content:center;gap:8px;display:flex}.sub-tab[data-v-14d009e7]{white-space:nowrap;color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:100px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s}.sub-tab.active[data-v-14d009e7]{color:#f7980a;background:#f7980a0d;border-color:#f7980a}.vocab-grid[data-v-14d009e7]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.vocab-card[data-v-14d009e7]{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;padding:24px;transition:all .3s}.vocab-card[data-v-14d009e7]:hover{background:#ffffff0f;transform:translateY(-5px)}.v-jp[data-v-14d009e7]{margin-bottom:4px;font-size:24px;font-weight:700;display:block}.v-ro[data-v-14d009e7]{color:#f7980a;text-transform:uppercase;font-size:12px;font-weight:700}.vocab-divider[data-v-14d009e7]{background:#ffffff0d;height:1px;margin:16px 0}.v-indo[data-v-14d009e7]{color:#ffffff80;font-size:13px}.empty-state[data-v-14d009e7]{text-align:center;padding:40px}.empty-icon-label[data-v-14d009e7]{color:#f7980a;background:#f7980a1a;border-radius:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.kanji-grid[data-v-14d009e7]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.kanji-cell[data-v-14d009e7]{text-align:center;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;padding:20px;transition:all .3s}.kanji-cell[data-v-14d009e7]:hover{background:#ffffff0f;border-color:#f7980a;transform:translateY(-5px)}.kanji-cell.selected[data-v-14d009e7]{background:#f7980a1a;border-color:#f7980a}.kanji-cell.is-dimmed[data-v-14d009e7]{opacity:.2}.kanji-main[data-v-14d009e7]{margin-bottom:12px}.k-char[data-v-14d009e7]{font-size:32px;font-weight:800;display:block}.k-ro[data-v-14d009e7]{color:#f7980a;text-transform:uppercase;font-size:11px;font-weight:700}.k-indo[data-v-14d009e7]{color:#ffffff80;font-size:12px}.study-overlay[data-v-14d009e7]{z-index:2000;background:#0f0f0f;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.study-box[data-v-14d009e7]{width:100%;max-width:500px}.study-header[data-v-14d009e7]{align-items:center;gap:20px;margin-bottom:40px;display:flex}.exit-study[data-v-14d009e7]{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;width:40px;height:40px}.progress-container[data-v-14d009e7]{flex:1;position:relative}.progress-track[data-v-14d009e7]{background:#ffffff0d;border-radius:10px;height:6px;overflow:hidden}.progress-fill[data-v-14d009e7]{background:#f7980a;height:100%;transition:width .4s}.progress-label[data-v-14d009e7]{color:#ffffff4d;font-size:11px;position:absolute;top:-20px;right:0}.study-card[data-v-14d009e7]{perspective:1000px;height:320px;margin-bottom:40px;position:relative}.card-face[data-v-14d009e7]{backface-visibility:hidden;background:#ffffff08;border:1px solid #ffffff1a;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.card-face.back[data-v-14d009e7]{background:#f7980a0d;border-color:#f7980a;transform:rotateY(180deg)}.is-flipped .card-face.front[data-v-14d009e7]{transform:rotateY(-180deg)}.is-flipped .card-face.back[data-v-14d009e7]{transform:rotateY(0)}.card-jp[data-v-14d009e7]{font-size:80px;font-weight:800}.card-jp.small[data-v-14d009e7]{color:#fff3;font-size:40px;position:absolute;top:30px}.card-hint[data-v-14d009e7]{color:#ffffff4d;margin-top:20px;font-size:14px}.card-tap[data-v-14d009e7]{color:#f7980a;text-transform:uppercase;margin-top:40px;font-size:12px;font-weight:700}.ans-ro[data-v-14d009e7]{color:#f7980a;font-size:48px;font-weight:800}.ans-indo[data-v-14d009e7]{color:#fff;margin-top:10px;font-size:20px}.rate-group[data-v-14d009e7]{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.rate-btn[data-v-14d009e7]{color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:16px 8px;transition:all .3s}.rate-btn.hard[data-v-14d009e7]:hover{background:#e74c3c26;border-color:#e74c3c}.rate-btn.medium[data-v-14d009e7]:hover{background:#f7980a1f;border-color:#f7980a}.rate-btn.easy[data-v-14d009e7]:hover{background:#27ae601f;border-color:#27ae60}.r-label[data-v-14d009e7]{letter-spacing:1px;font-size:11px;font-weight:800}.btn-action.primary[data-v-14d009e7]{cursor:pointer;background:#f7980a;border:none;border-radius:20px;width:100%;padding:18px;font-family:Outfit,sans-serif;font-weight:800}.complete-view[data-v-14d009e7]{text-align:center}.success-badge[data-v-14d009e7]{color:#f7980a;background:#f7980a1a;border-radius:100px;margin-bottom:24px;padding:8px 20px;font-size:12px;font-weight:800;display:inline-block}.stats-row[data-v-14d009e7]{justify-content:center;gap:30px;margin:32px 0;display:flex}.stat-item[data-v-14d009e7]{color:#fff6;flex-direction:column;gap:4px;font-size:13px;display:flex}.stat-item span[data-v-14d009e7]{color:#fff;font-size:24px;font-weight:800}.complete-btns[data-v-14d009e7]{flex-direction:column;gap:12px;display:flex}.btn-action.secondary[data-v-14d009e7]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:100%;padding:18px;font-weight:700}.fade-up[data-v-14d009e7]{animation:.6s both fadeUp-14d009e7;animation-delay:var(--delay,0s)}@keyframes fadeUp-14d009e7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.grid-layout[data-v-14d009e7]{border-radius:24px;padding:20px}.grid-row[data-v-14d009e7]{grid-template-columns:repeat(4,1fr);gap:10px}.view-header[data-v-14d009e7]{flex-direction:column;align-items:flex-start}.action-toggle[data-v-14d009e7]{width:100%}.cards-grid[data-v-14d009e7]{grid-template-columns:1fr}.kanji-grid[data-v-14d009e7]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.k-char[data-v-14d009e7]{font-size:24px}}@media (width<=480px){.grid-row[data-v-14d009e7]{grid-template-columns:repeat(3,1fr);gap:8px}.char-cell[data-v-14d009e7]{border-radius:12px}.jp-text[data-v-14d009e7]{font-size:20px}.container[data-v-14d009e7]{padding:0 16px}.kanji-grid[data-v-14d009e7]{grid-template-columns:repeat(2,1fr);gap:10px}.kanji-cell[data-v-14d009e7]{padding:15px}.k-char[data-v-14d009e7]{font-size:22px}.k-indo[data-v-14d009e7]{font-size:11px}}.about-page[data-v-89b633ec]{color:#fff;background:radial-gradient(circle at 100% 0,#1a1a3a 0%,#12121e 100%);min-height:100vh;padding-top:140px;font-family:Outfit,sans-serif;position:relative}.bg-glow[data-v-89b633ec]{filter:blur(120px);z-index:0;opacity:.1;pointer-events:none;border-radius:50%;position:absolute}.bg-glow.top[data-v-89b633ec]{background:#f7980a;width:500px;height:500px;top:-10%;right:-5%}.bg-glow.bottom[data-v-89b633ec]{background:#4a4a8a;width:400px;height:400px;bottom:-10%;left:-5%}.container[data-v-89b633ec]{z-index:1;max-width:1100px;margin:0 auto;padding:0 24px;position:relative}.about-hero[data-v-89b633ec]{margin-bottom:100px}.hero-layout[data-v-89b633ec]{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.hero-header .badge[data-v-89b633ec]{color:#f7980a;text-transform:uppercase;letter-spacing:2.5px;background:#f7980a1a;border:1px solid #f7980a33;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.hero-header .title[data-v-89b633ec]{background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:clamp(36px,6vw,56px);font-weight:800;line-height:1.1}.hero-text .intro[data-v-89b633ec]{color:#fff9;margin-bottom:32px;font-size:19px;font-weight:300;line-height:1.6}.motto-card[data-v-89b633ec]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-left:3px solid #f7980a;border-radius:0 20px 20px 0;padding:24px 32px;position:relative}.quote-icon[data-v-89b633ec]{color:#f7980a4d;width:25px;height:25px;position:absolute;top:-15px;left:20px}.motto-card p[data-v-89b633ec]{color:#f7980a;margin:0;font-size:15px;font-style:italic;line-height:1.6}.hero-image[data-v-89b633ec]{justify-content:center;display:flex}.image-wrapper[data-v-89b633ec]{border-radius:40px;width:300px;height:380px;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #0006}.floating[data-v-89b633ec]{animation:6s ease-in-out infinite float-89b633ec}@keyframes float-89b633ec{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.profile-img[data-v-89b633ec]{object-fit:cover;filter:grayscale(.2);width:100%;height:100%}.image-overlay[data-v-89b633ec]{background:linear-gradient(#0000 50%,#12121ecc 100%);position:absolute;inset:0}.about-grid[data-v-89b633ec]{grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:120px;display:grid}.info-card[data-v-89b633ec]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:32px;padding:40px;transition:all .4s cubic-bezier(.165,.84,.44,1)}.info-card[data-v-89b633ec]:hover{background:#ffffff0a;border-color:#f7980a33;transform:translateY(-5px)}.card-head[data-v-89b633ec]{align-items:center;gap:16px;margin-bottom:24px;display:flex}.card-head .icon-label[data-v-89b633ec]{color:#f7980a;letter-spacing:1.5px;background:#f7980a1a;border-radius:100px;padding:4px 12px;font-size:10px;font-weight:800}.card-head h3[data-v-89b633ec]{color:#fff;margin:0;font-size:22px;font-weight:700}.info-card p[data-v-89b633ec]{color:#ffffff80;margin:0;font-size:15px;line-height:1.8}.cta-section[data-v-89b633ec]{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:48px;margin-bottom:120px;padding:80px 40px}.cta-content h2[data-v-89b633ec]{margin-bottom:16px;font-size:32px;font-weight:800}.cta-content p[data-v-89b633ec]{color:#ffffff80;max-width:600px;margin:0 auto 40px;font-size:17px;line-height:1.6}.social-grid[data-v-89b633ec]{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.social-link[data-v-89b633ec]{color:#fff;background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:12px;padding:12px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.social-link[data-v-89b633ec]:hover{color:#0f0f0f;background:#f7980a;border-color:#f7980a;transform:translateY(-3px)}.soc-icon[data-v-89b633ec]{font-size:16px;font-weight:800}.primary-btn[data-v-89b633ec]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:100px;padding:18px 48px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 10px 30px #f7980a33}.primary-btn[data-v-89b633ec]:hover{transform:scale(1.05);box-shadow:0 20px 40px #f7980a4d}.marquee-section[data-v-89b633ec]{background:#ffffff03;border-top:1px solid #ffffff08;padding:25px 0;overflow:hidden}.marquee-track[data-v-89b633ec]{width:max-content;animation:45s linear infinite scroll-89b633ec;display:flex}.marquee-content[data-v-89b633ec]{align-items:center;gap:50px;padding-right:50px;display:flex}.m-item[data-v-89b633ec]{color:#ffffff40;white-space:nowrap;letter-spacing:.5px;font-size:13px;font-weight:500}.m-divider[data-v-89b633ec]{color:#f7980a;opacity:.4}@keyframes scroll-89b633ec{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-up[data-v-89b633ec]{opacity:0;transition:all .8s cubic-bezier(.165,.84,.44,1);transform:translateY(30px)}.fade-up.visible[data-v-89b633ec]{opacity:1;transform:translateY(0)}.delay[data-v-89b633ec]{transition-delay:.2s}.hover-scale[data-v-89b633ec]:hover{transform:scale(1.05)}@media (width<=992px){.hero-layout[data-v-89b633ec]{text-align:center;grid-template-columns:1fr;gap:50px}.motto-card[data-v-89b633ec]{border-top:3px solid #f7980a;border-left:none;border-radius:20px}.about-hero[data-v-89b633ec]{margin-bottom:60px}}@media (width<=768px){.about-page[data-v-89b633ec]{padding-top:100px}.about-grid[data-v-89b633ec]{grid-template-columns:1fr}.cta-section[data-v-89b633ec]{padding:60px 20px}.hero-header .title[data-v-89b633ec]{font-size:32px}.arch-grid[data-v-89b633ec]{grid-template-columns:1fr}.flow-steps[data-v-89b633ec]{flex-direction:column;align-items:center}.flow-arrow[data-v-89b633ec]{transform:rotate(90deg)}}.arch-section[data-v-89b633ec]{margin-bottom:100px}.section-header[data-v-89b633ec]{text-align:center;margin-bottom:60px}.section-header .badge[data-v-89b633ec]{color:#f7980a;text-transform:uppercase;letter-spacing:2.5px;background:#f7980a1a;border:1px solid #f7980a33;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.section-header h2[data-v-89b633ec]{color:#fff;margin-bottom:12px;font-size:clamp(24px,4vw,36px);font-weight:800}.section-header p[data-v-89b633ec]{color:#ffffff80;margin:0;font-size:15px}.arch-grid[data-v-89b633ec]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.arch-card[data-v-89b633ec]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.165,.84,.44,1)}.arch-card[data-v-89b633ec]:hover{background:#ffffff0a;border-color:#f7980a33;transform:translateY(-6px)}.arch-icon[data-v-89b633ec]{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;font-size:24px;display:flex}.arch-card h4[data-v-89b633ec]{color:#fff;margin-bottom:10px;font-size:18px;font-weight:700}.arch-card p[data-v-89b633ec]{color:#ffffff73;margin-bottom:16px;font-size:13px;line-height:1.7}.arch-tag[data-v-89b633ec]{color:#f7980a;letter-spacing:1px;text-transform:uppercase;background:#f7980a14;border:1px solid #f7980a26;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700}.arch-flow[data-v-89b633ec]{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:32px}.flow-title[data-v-89b633ec]{color:#fff6;text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:24px;font-size:13px;font-weight:700}.flow-steps[data-v-89b633ec]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.flow-step[data-v-89b633ec]{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex:1;align-items:center;gap:12px;min-width:140px;max-width:200px;padding:12px 18px;display:flex}.step-num[data-v-89b633ec]{color:#0f0f0f;background:#f7980a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.step-text[data-v-89b633ec]{color:#fff9;font-size:12px;line-height:1.4}.flow-arrow[data-v-89b633ec]{color:#f7980a80;flex-shrink:0;font-size:18px;font-weight:700}@media (width<=768px){.arch-grid[data-v-89b633ec]{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.arch-grid[data-v-89b633ec]{grid-template-columns:1fr}.flow-step[data-v-89b633ec]{max-width:100%}}.quiz-page[data-v-77f758d7]{color:#fff;background:radial-gradient(circle at 100% 0,#1a1a3a 0%,#12121e 100%);min-height:100vh;padding:100px 20px 60px;font-family:Poppins,sans-serif;position:relative}.bg-glow[data-v-77f758d7]{filter:blur(120px);z-index:0;opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.bg-glow.top[data-v-77f758d7]{background:#f7980a;width:500px;height:500px;top:-10%;right:-5%}.bg-glow.bottom[data-v-77f758d7]{background:#4a4a8a;width:400px;height:400px;bottom:-10%;left:-5%}.container[data-v-77f758d7]{z-index:1;max-width:500px;margin:0 auto;position:relative}.quiz-header[data-v-77f758d7]{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.quiz-type-badge[data-v-77f758d7]{color:#f7980a;letter-spacing:2.5px;background:#f7980a1a;border-radius:100px;padding:4px 12px;font-size:10px;font-weight:800}.quiz-title[data-v-77f758d7]{text-shadow:0 4px 10px #0000004d;margin:8px 0 0;font-family:Outfit,sans-serif;font-size:36px;font-weight:800}.settings-trigger[data-v-77f758d7]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.settings-trigger[data-v-77f758d7]:hover{color:#0f0f0f;background:#f7980a;border-color:#f7980a;transform:rotate(90deg)scale(1.1);box-shadow:0 0 20px #f7980a66}.quiz-card[data-v-77f758d7]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;padding:40px;box-shadow:0 20px 40px #0000004d,inset 0 0 0 1px #ffffff0d}.mode-scroller[data-v-77f758d7]{margin-bottom:32px}.mode-capsule[data-v-77f758d7]{background:#0000004d;border:1px solid #ffffff0d;border-radius:100px;padding:6px;display:flex}.mode-item[data-v-77f758d7]{color:#888;cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:12px;font-size:13px;font-weight:700;transition:all .4s}.mode-item.active[data-v-77f758d7]{color:#0f0f0f;background:#f7980a;box-shadow:0 4px 15px #f7980a4d}.question-section[data-v-77f758d7]{text-align:center;margin-bottom:40px}.question-prompt[data-v-77f758d7]{color:#aaa;margin-bottom:24px;font-size:14px;font-weight:500}.char-display-wrap[data-v-77f758d7]{display:inline-block;position:relative}.char-display[data-v-77f758d7]{color:#fff;text-shadow:0 10px 20px #0003;font-family:Outfit,sans-serif;font-size:100px;font-weight:800;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.char-display.is-popping[data-v-77f758d7]{transform:scale(1.15)}.floating[data-v-77f758d7]{animation:4s ease-in-out infinite float-77f758d7}@keyframes float-77f758d7{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.char-shadow[data-v-77f758d7]{filter:blur(4px);background:#0003;border-radius:50%;width:60px;height:6px;margin:10px auto 0}.input-section[data-v-77f758d7]{margin-bottom:40px}.input-wrapper[data-v-77f758d7]{background:#ffffff08;border:2px solid #ffffff0d;border-radius:20px;gap:12px;padding:10px;transition:all .4s;display:flex}.input-wrapper[data-v-77f758d7]:focus-within{background:#ffffff0d;border-color:#f7980a80}.input-wrapper.ok[data-v-77f758d7]{background:#27ae601a;border-color:#27ae60}.input-wrapper.err[data-v-77f758d7]{background:#e74c3c1a;border-color:#e74c3c}.quiz-input[data-v-77f758d7]{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:10px 15px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.check-btn[data-v-77f758d7]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.check-btn[data-v-77f758d7]:hover{background:#ffaa2a;transform:scale(1.05)rotate(5deg);box-shadow:0 5px 15px #f7980a66}.feedback-msg[data-v-77f758d7]{text-align:center;text-transform:uppercase;letter-spacing:1px;margin-top:16px;font-size:14px;font-weight:800}.feedback-msg.ok[data-v-77f758d7]{color:#27ae60}.feedback-msg.err[data-v-77f758d7]{color:#e74c3c}.quiz-footer[data-v-77f758d7]{border-top:1px solid #ffffff1a;padding-top:32px}.progress-container[data-v-77f758d7]{margin-bottom:24px}.progress-track[data-v-77f758d7]{background:#ffffff0d;border-radius:20px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill[data-v-77f758d7]{background:linear-gradient(90deg,#f7980a,#ffaa2a);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.progress-fill.glow[data-v-77f758d7]{box-shadow:0 0 15px #f7980a80}.progress-meta[data-v-77f758d7]{color:#777;letter-spacing:1px;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.stats-row[data-v-77f758d7]{justify-content:space-between;gap:15px;display:flex}.stat-pill[data-v-77f758d7]{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:1;align-items:center;padding:15px 10px;transition:all .3s;display:flex}.stat-pill.clickable[data-v-77f758d7]:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px)}.stat-pill.highlight[data-v-77f758d7]{background:#f7980a0d;border-color:#f7980a33}.s-dot[data-v-77f758d7]{border-radius:50%;width:8px;height:8px;margin-bottom:6px}.s-dot.correct[data-v-77f758d7]{background:#27ae60;box-shadow:0 0 10px #27ae60}.s-dot.wrong[data-v-77f758d7]{background:#e74c3c;box-shadow:0 0 10px #e74c3c}.s-val[data-v-77f758d7]{margin-bottom:2px;font-size:18px;font-weight:800}.s-lbl[data-v-77f758d7]{color:#777;text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:700}.feedback-popup-overlay[data-v-77f758d7]{z-index:2000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-popup[data-v-77f758d7]{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191928f2;border:2px solid #ffffff1a;border-radius:30px;width:300px;padding:30px;box-shadow:0 40px 80px #0009}.feedback-popup.correct[data-v-77f758d7]{border-color:#27ae60}.feedback-popup.wrong[data-v-77f758d7]{border-color:#e74c3c}.popup-icon-wrap[data-v-77f758d7]{margin-bottom:20px}.popup-icon[data-v-77f758d7]{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;display:flex}.correct .popup-icon[data-v-77f758d7]{color:#27ae60;background:#27ae6026;box-shadow:0 0 20px #27ae6033}.wrong .popup-icon[data-v-77f758d7]{color:#e74c3c;background:#e74c3c26;box-shadow:0 0 20px #e74c3c33}.popup-title[data-v-77f758d7]{margin:0 0 10px;font-size:20px;font-weight:800}.popup-text[data-v-77f758d7]{color:#bbb;margin:0;font-size:15px}.popup-timer[data-v-77f758d7]{background:#ffffff0d;border-radius:10px;height:4px;margin-top:24px;overflow:hidden}.timer-fill[data-v-77f758d7]{transform-origin:0;width:100%;height:100%;animation:2.5s linear forwards timer}.timer-fill.correct[data-v-77f758d7]{background:#27ae60}.timer-fill.wrong[data-v-77f758d7]{background:#e74c3c}.modal-overlay[data-v-77f758d7]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card[data-v-77f758d7]{text-align:center;background:#1a1a2e;border:2px solid #f7980a;border-radius:40px;width:100%;max-width:420px;padding:45px;position:relative;overflow:hidden}.modal-badge[data-v-77f758d7]{color:#f7980a;background:#f7980a1a;border-radius:100px;margin-bottom:20px;padding:8px 20px;font-size:11px;font-weight:800;display:inline-block}.modal-title[data-v-77f758d7]{margin-bottom:35px;font-family:Outfit,sans-serif;font-size:32px;font-weight:800}.final-stats[data-v-77f758d7]{background:#ffffff08;border-radius:25px;justify-content:space-between;margin-bottom:45px;padding:25px;display:flex}.f-stat[data-v-77f758d7]{color:#777;flex:1;font-size:11px;font-weight:700}.f-stat span[data-v-77f758d7]{color:#fff;margin-bottom:4px;font-size:28px;font-weight:800;display:block}.f-stat.highlight span[data-v-77f758d7]{color:#f7980a;text-shadow:0 0 10px #f7980a4d}.btn-modal-primary[data-v-77f758d7]{cursor:pointer;color:#0f0f0f;background:#f7980a;border:none;border-radius:20px;width:100%;padding:20px;font-size:16px;font-weight:800}.settings-modal[data-v-77f758d7]{background:#151525;border:1px solid #ffffff1a;border-radius:40px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;display:flex;box-shadow:0 30px 60px #00000080}.modal-header[data-v-77f758d7]{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:30px;display:flex}.modal-header h3[data-v-77f758d7]{margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.close-modal[data-v-77f758d7]{color:#555;cursor:pointer;background:0 0;border:none;font-size:24px;transition:all .3s}.close-modal[data-v-77f758d7]:hover{color:#fff;transform:rotate(90deg)}.settings-body[data-v-77f758d7]{flex:1;padding:30px;overflow-y:auto}.scroll-styled[data-v-77f758d7]::-webkit-scrollbar{width:6px}.scroll-styled[data-v-77f758d7]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.s-section[data-v-77f758d7]{margin-bottom:30px}.s-section label[data-v-77f758d7]{color:#666;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:11px;font-weight:800;display:block}.s-tabs[data-v-77f758d7]{flex-wrap:wrap;gap:10px;display:flex}.s-tab[data-v-77f758d7]{color:#777;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;padding:10px 20px;font-size:12px;font-weight:700;transition:all .3s}.s-tab.active[data-v-77f758d7]{color:#0f0f0f;background:#f7980a;border-color:#f7980a;box-shadow:0 4px 12px #f7980a4d}.s-row[data-v-77f758d7]{margin-bottom:25px}.s-row-head[data-v-77f758d7]{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.s-row-head span[data-v-77f758d7]{color:#fff;font-size:14px;font-weight:700}.s-row-select[data-v-77f758d7]{color:#f7980a;cursor:pointer;background:#f7980a0d;border:1px solid #f7980a1a;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.s-chips[data-v-77f758d7]{flex-wrap:wrap;gap:10px;display:flex}.s-chip[data-v-77f758d7]{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex}.s-chip.selected[data-v-77f758d7]{background:#f7980a26;border-color:#f7980a;transform:scale(1.05)}.c-jp[data-v-77f758d7]{font-size:18px;font-weight:800}.c-ro[data-v-77f758d7]{color:#666;margin-top:2px;font-size:9px;font-weight:700}.modal-footer[data-v-77f758d7]{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:30px;display:flex}.s-count[data-v-77f758d7]{color:#888;font-size:13px;font-weight:500}.btn-apply[data-v-77f758d7]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:15px;padding:14px 28px;font-weight:800;transition:all .3s}.pulse[data-v-77f758d7]{animation:2s infinite pulseGlow-77f758d7}@keyframes pulseGlow-77f758d7{0%{box-shadow:0 0 #f7980a66}70%{box-shadow:0 0 0 10px #f7980a00}to{box-shadow:0 0 #f7980a00}}.fade-up[data-v-77f758d7]{animation:.8s cubic-bezier(.2,.8,.2,1) both fadeUp-77f758d7}@keyframes fadeUp-77f758d7{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-fade-enter-active[data-v-77f758d7]{transition:all .3s ease-out}.slide-fade-enter-from[data-v-77f758d7]{opacity:0;transform:translateY(-10px)}.pop-bounce-enter-active[data-v-77f758d7]{animation:.4s cubic-bezier(.34,1.56,.64,1) popBounce-77f758d7}@keyframes popBounce-77f758d7{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.hover-scale[data-v-77f758d7]:hover{transform:scale(1.02)}@media (width<=480px){.quiz-page[data-v-77f758d7]{padding-top:80px}.quiz-card[data-v-77f758d7]{border-radius:32px;padding:30px 20px}.char-display[data-v-77f758d7]{font-size:80px}.input-wrapper[data-v-77f758d7]{align-items:center;gap:8px;padding:8px}.quiz-input[data-v-77f758d7]{width:100%;min-width:0;padding:8px 12px;font-size:16px}.check-btn[data-v-77f758d7]{border-radius:12px;flex-shrink:0;width:44px;height:44px}.quiz-title[data-v-77f758d7]{font-size:28px}.stat-pill[data-v-77f758d7]{padding:12px 8px}.s-val[data-v-77f758d7]{font-size:16px}}@media (width<=380px){.quiz-card[data-v-77f758d7]{padding:25px 15px}.char-display[data-v-77f758d7]{font-size:64px}}.quiz-page[data-v-d3b301f1]{color:#fff;background:radial-gradient(circle at 100% 0,#1a1a3a 0%,#12121e 100%);min-height:100vh;padding:100px 20px 60px;font-family:Poppins,sans-serif;position:relative}.bg-glow[data-v-d3b301f1]{filter:blur(120px);z-index:0;opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.bg-glow.top[data-v-d3b301f1]{background:#f7980a;width:500px;height:500px;top:-10%;right:-5%}.bg-glow.bottom[data-v-d3b301f1]{background:#4a4a8a;width:400px;height:400px;bottom:-10%;left:-5%}.container[data-v-d3b301f1]{z-index:1;max-width:500px;margin:0 auto;position:relative}.quiz-header[data-v-d3b301f1]{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.quiz-type-badge[data-v-d3b301f1]{color:#f7980a;letter-spacing:2.5px;background:#f7980a1a;border-radius:100px;padding:4px 12px;font-size:10px;font-weight:800}.quiz-title[data-v-d3b301f1]{text-shadow:0 4px 10px #0000004d;margin:8px 0 0;font-family:Outfit,sans-serif;font-size:36px;font-weight:800}.settings-trigger[data-v-d3b301f1]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.settings-trigger[data-v-d3b301f1]:hover{color:#0f0f0f;background:#f7980a;border-color:#f7980a;transform:rotate(90deg)scale(1.1);box-shadow:0 0 20px #f7980a66}.quiz-card[data-v-d3b301f1]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;padding:40px;box-shadow:0 20px 40px #0000004d,inset 0 0 0 1px #ffffff0d}.mode-scroller[data-v-d3b301f1]{margin-bottom:32px}.mode-capsule[data-v-d3b301f1]{background:#0000004d;border:1px solid #ffffff0d;border-radius:100px;padding:6px;display:flex}.mode-item[data-v-d3b301f1]{color:#888;cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:12px;font-size:13px;font-weight:700;transition:all .4s}.mode-item.active[data-v-d3b301f1]{color:#0f0f0f;background:#f7980a;box-shadow:0 4px 15px #f7980a4d}.question-section[data-v-d3b301f1]{text-align:center;margin-bottom:40px}.question-prompt[data-v-d3b301f1]{color:#aaa;margin-bottom:24px;font-size:14px;font-weight:500}.char-display-wrap[data-v-d3b301f1]{display:inline-block;position:relative}.char-display[data-v-d3b301f1]{color:#fff;text-shadow:0 10px 20px #0003;font-family:Outfit,sans-serif;font-size:100px;font-weight:800;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.char-display.is-popping[data-v-d3b301f1]{transform:scale(1.15)}.floating[data-v-d3b301f1]{animation:4s ease-in-out infinite float-d3b301f1}@keyframes float-d3b301f1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.char-shadow[data-v-d3b301f1]{filter:blur(4px);background:#0003;border-radius:50%;width:60px;height:6px;margin:10px auto 0}.input-section[data-v-d3b301f1]{margin-bottom:40px}.input-wrapper[data-v-d3b301f1]{background:#ffffff08;border:2px solid #ffffff0d;border-radius:20px;gap:12px;padding:10px;transition:all .4s;display:flex}.input-wrapper[data-v-d3b301f1]:focus-within{background:#ffffff0d;border-color:#f7980a80}.input-wrapper.ok[data-v-d3b301f1]{background:#27ae601a;border-color:#27ae60}.input-wrapper.err[data-v-d3b301f1]{background:#e74c3c1a;border-color:#e74c3c}.quiz-input[data-v-d3b301f1]{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:10px 15px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.check-btn[data-v-d3b301f1]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.check-btn[data-v-d3b301f1]:hover{background:#ffaa2a;transform:scale(1.05)rotate(5deg);box-shadow:0 5px 15px #f7980a66}.feedback-msg[data-v-d3b301f1]{text-align:center;text-transform:uppercase;letter-spacing:1px;margin-top:16px;font-size:14px;font-weight:800}.feedback-msg.ok[data-v-d3b301f1]{color:#27ae60}.feedback-msg.err[data-v-d3b301f1]{color:#e74c3c}.quiz-footer[data-v-d3b301f1]{border-top:1px solid #ffffff1a;padding-top:32px}.progress-container[data-v-d3b301f1]{margin-bottom:24px}.progress-track[data-v-d3b301f1]{background:#ffffff0d;border-radius:20px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill[data-v-d3b301f1]{background:linear-gradient(90deg,#f7980a,#ffaa2a);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.progress-fill.glow[data-v-d3b301f1]{box-shadow:0 0 15px #f7980a80}.progress-meta[data-v-d3b301f1]{color:#777;letter-spacing:1px;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.stats-row[data-v-d3b301f1]{justify-content:space-between;gap:15px;display:flex}.stat-pill[data-v-d3b301f1]{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:1;align-items:center;padding:15px 10px;transition:all .3s;display:flex}.stat-pill.clickable[data-v-d3b301f1]:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px)}.stat-pill.highlight[data-v-d3b301f1]{background:#f7980a0d;border-color:#f7980a33}.s-dot[data-v-d3b301f1]{border-radius:50%;width:8px;height:8px;margin-bottom:6px}.s-dot.correct[data-v-d3b301f1]{background:#27ae60;box-shadow:0 0 10px #27ae60}.s-dot.wrong[data-v-d3b301f1]{background:#e74c3c;box-shadow:0 0 10px #e74c3c}.s-val[data-v-d3b301f1]{margin-bottom:2px;font-size:18px;font-weight:800}.s-lbl[data-v-d3b301f1]{color:#777;text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:700}.feedback-popup-overlay[data-v-d3b301f1]{z-index:2000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-popup[data-v-d3b301f1]{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191928f2;border:2px solid #ffffff1a;border-radius:30px;width:300px;padding:30px;box-shadow:0 40px 80px #0009}.feedback-popup.correct[data-v-d3b301f1]{border-color:#27ae60}.feedback-popup.wrong[data-v-d3b301f1]{border-color:#e74c3c}.popup-icon-wrap[data-v-d3b301f1]{margin-bottom:20px}.popup-icon[data-v-d3b301f1]{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;display:flex}.correct .popup-icon[data-v-d3b301f1]{color:#27ae60;background:#27ae6026;box-shadow:0 0 20px #27ae6033}.wrong .popup-icon[data-v-d3b301f1]{color:#e74c3c;background:#e74c3c26;box-shadow:0 0 20px #e74c3c33}.popup-title[data-v-d3b301f1]{margin:0 0 10px;font-size:20px;font-weight:800}.popup-text[data-v-d3b301f1]{color:#bbb;margin:0;font-size:15px}.popup-timer[data-v-d3b301f1]{background:#ffffff0d;border-radius:10px;height:4px;margin-top:24px;overflow:hidden}.timer-fill[data-v-d3b301f1]{transform-origin:0;width:100%;height:100%;animation:2.5s linear forwards timer-d3b301f1}.timer-fill.correct[data-v-d3b301f1]{background:#27ae60}.timer-fill.wrong[data-v-d3b301f1]{background:#e74c3c}@keyframes timer-d3b301f1{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.modal-overlay[data-v-d3b301f1]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card[data-v-d3b301f1]{text-align:center;background:#1a1a2e;border:2px solid #f7980a;border-radius:40px;width:100%;max-width:420px;padding:45px;position:relative;overflow:hidden}.modal-badge[data-v-d3b301f1]{color:#f7980a;background:#f7980a1a;border-radius:100px;margin-bottom:20px;padding:8px 20px;font-size:11px;font-weight:800;display:inline-block}.modal-title[data-v-d3b301f1]{margin-bottom:35px;font-family:Outfit,sans-serif;font-size:32px;font-weight:800}.final-stats[data-v-d3b301f1]{background:#ffffff08;border-radius:25px;justify-content:space-between;margin-bottom:45px;padding:25px;display:flex}.f-stat[data-v-d3b301f1]{color:#777;flex:1;font-size:11px;font-weight:700}.f-stat span[data-v-d3b301f1]{color:#fff;margin-bottom:4px;font-size:28px;font-weight:800;display:block}.f-stat.highlight span[data-v-d3b301f1]{color:#f7980a;text-shadow:0 0 10px #f7980a4d}.btn-modal-primary[data-v-d3b301f1]{cursor:pointer;color:#0f0f0f;background:#f7980a;border:none;border-radius:20px;width:100%;padding:20px;font-size:16px;font-weight:800}.settings-modal[data-v-d3b301f1]{background:#151525;border:1px solid #ffffff1a;border-radius:40px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;display:flex;box-shadow:0 30px 60px #00000080}.modal-header[data-v-d3b301f1]{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:30px;display:flex}.modal-header h3[data-v-d3b301f1]{margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.close-modal[data-v-d3b301f1]{color:#555;cursor:pointer;background:0 0;border:none;font-size:24px;transition:all .3s}.close-modal[data-v-d3b301f1]:hover{color:#fff;transform:rotate(90deg)}.settings-body[data-v-d3b301f1]{flex:1;padding:30px;overflow-y:auto}.scroll-styled[data-v-d3b301f1]::-webkit-scrollbar{width:6px}.scroll-styled[data-v-d3b301f1]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.s-section[data-v-d3b301f1]{margin-bottom:30px}.s-section label[data-v-d3b301f1]{color:#666;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:11px;font-weight:800;display:block}.s-tabs[data-v-d3b301f1]{flex-wrap:wrap;gap:10px;display:flex}.s-tab[data-v-d3b301f1]{color:#777;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;padding:10px 20px;font-size:12px;font-weight:700;transition:all .3s}.s-tab.active[data-v-d3b301f1]{color:#0f0f0f;background:#f7980a;border-color:#f7980a;box-shadow:0 4px 12px #f7980a4d}.s-row[data-v-d3b301f1]{margin-bottom:25px}.s-row-head[data-v-d3b301f1]{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.s-row-head span[data-v-d3b301f1]{color:#fff;font-size:14px;font-weight:700}.s-row-select[data-v-d3b301f1]{color:#f7980a;cursor:pointer;background:#f7980a0d;border:1px solid #f7980a1a;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.s-chips[data-v-d3b301f1]{flex-wrap:wrap;gap:10px;display:flex}.s-chip[data-v-d3b301f1]{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex}.s-chip.selected[data-v-d3b301f1]{background:#f7980a26;border-color:#f7980a;transform:scale(1.05)}.c-jp[data-v-d3b301f1]{font-size:18px;font-weight:800}.c-ro[data-v-d3b301f1]{color:#666;margin-top:2px;font-size:9px;font-weight:700}.modal-footer[data-v-d3b301f1]{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:30px;display:flex}.s-count[data-v-d3b301f1]{color:#888;font-size:13px;font-weight:500}.btn-apply[data-v-d3b301f1]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:15px;padding:14px 28px;font-weight:800;transition:all .3s}.pulse[data-v-d3b301f1]{animation:2s infinite pulseGlow-d3b301f1}@keyframes pulseGlow-d3b301f1{0%{box-shadow:0 0 #f7980a66}70%{box-shadow:0 0 0 10px #f7980a00}to{box-shadow:0 0 #f7980a00}}.fade-up[data-v-d3b301f1]{animation:.8s cubic-bezier(.2,.8,.2,1) both fadeUp-d3b301f1}@keyframes fadeUp-d3b301f1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-fade-enter-active[data-v-d3b301f1]{transition:all .3s ease-out}.slide-fade-enter-from[data-v-d3b301f1]{opacity:0;transform:translateY(-10px)}.pop-bounce-enter-active[data-v-d3b301f1]{animation:.4s cubic-bezier(.34,1.56,.64,1) popBounce-d3b301f1}@keyframes popBounce-d3b301f1{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.hover-scale[data-v-d3b301f1]:hover{transform:scale(1.02)}@media (width<=480px){.quiz-page[data-v-d3b301f1]{padding-top:80px}.quiz-card[data-v-d3b301f1]{border-radius:32px;padding:30px 20px}.char-display[data-v-d3b301f1]{font-size:80px}.input-wrapper[data-v-d3b301f1]{align-items:center;gap:8px;padding:8px}.quiz-input[data-v-d3b301f1]{width:100%;min-width:0;padding:8px 12px;font-size:16px}.check-btn[data-v-d3b301f1]{border-radius:12px;flex-shrink:0;width:44px;height:44px}.quiz-title[data-v-d3b301f1]{font-size:28px}.stat-pill[data-v-d3b301f1]{padding:12px 8px}.s-val[data-v-d3b301f1]{font-size:16px}}@media (width<=380px){.quiz-card[data-v-d3b301f1]{padding:25px 15px}.char-display[data-v-d3b301f1]{font-size:64px}}.quiz-page[data-v-c3e11830]{color:#fff;background:radial-gradient(circle at 100% 0,#1a1a3a 0%,#12121e 100%);min-height:100vh;padding:100px 20px 60px;font-family:Poppins,sans-serif;position:relative}.bg-glow[data-v-c3e11830]{filter:blur(120px);z-index:0;opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.bg-glow.top[data-v-c3e11830]{background:#f7980a;width:500px;height:500px;top:-10%;right:-5%}.bg-glow.bottom[data-v-c3e11830]{background:#4a4a8a;width:400px;height:400px;bottom:-10%;left:-5%}.container[data-v-c3e11830]{z-index:1;max-width:500px;margin:0 auto;position:relative}.quiz-header[data-v-c3e11830]{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.quiz-type-badge[data-v-c3e11830]{color:#f7980a;letter-spacing:2.5px;background:#f7980a1a;border-radius:100px;padding:4px 12px;font-size:10px;font-weight:800}.quiz-title[data-v-c3e11830]{text-shadow:0 4px 10px #0000004d;margin:8px 0 0;font-family:Outfit,sans-serif;font-size:36px;font-weight:800}.settings-trigger[data-v-c3e11830]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s;display:flex}.settings-trigger[data-v-c3e11830]:hover{color:#0f0f0f;background:#f7980a;transform:rotate(90deg)scale(1.1)}.quiz-card[data-v-c3e11830]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;padding:40px;box-shadow:0 20px 40px #0000004d}.mode-scroller[data-v-c3e11830]{margin-bottom:32px}.mode-capsule[data-v-c3e11830]{background:#0000004d;border-radius:100px;padding:6px;display:flex}.mode-item[data-v-c3e11830]{color:#888;cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:12px;font-size:13px;font-weight:700;transition:all .4s}.mode-item.active[data-v-c3e11830]{color:#0f0f0f;background:#f7980a}.question-section[data-v-c3e11830]{text-align:center;margin-bottom:40px}.question-prompt[data-v-c3e11830]{color:#aaa;margin-bottom:24px;font-size:14px}.char-display[data-v-c3e11830]{color:#fff;text-shadow:0 10px 20px #0003;font-family:Outfit,sans-serif;font-size:100px;font-weight:800}.is-popping[data-v-c3e11830]{transform:scale(1.1)}.floating[data-v-c3e11830]{animation:4s ease-in-out infinite float-c3e11830}@keyframes float-c3e11830{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.char-shadow[data-v-c3e11830]{filter:blur(4px);background:#0003;border-radius:50%;width:60px;height:6px;margin:10px auto 0}.input-section[data-v-c3e11830]{margin-bottom:40px}.input-wrapper[data-v-c3e11830]{background:#ffffff08;border:2px solid #ffffff0d;border-radius:20px;gap:12px;padding:10px;display:flex}.input-wrapper.ok[data-v-c3e11830]{background:#27ae601a;border-color:#27ae60}.input-wrapper.err[data-v-c3e11830]{background:#e74c3c1a;border-color:#e74c3c}.quiz-input[data-v-c3e11830]{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:10px 15px;font-size:20px;font-weight:700}.check-btn[data-v-c3e11830]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.quiz-footer[data-v-c3e11830]{border-top:1px solid #ffffff1a;padding-top:32px}.progress-container[data-v-c3e11830]{margin-bottom:32px}.progress-track[data-v-c3e11830]{background:#ffffff0d;border-radius:20px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill[data-v-c3e11830]{background:linear-gradient(90deg,#f7980a,#ffaa2a);height:100%;transition:width .6s}.progress-meta[data-v-c3e11830]{color:#777;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.stats-row[data-v-c3e11830]{justify-content:space-between;gap:15px;display:flex}.stat-pill[data-v-c3e11830]{background:#ffffff0d;border-radius:18px;flex-direction:column;flex:1;align-items:center;padding:15px 10px;display:flex}.s-dot[data-v-c3e11830]{border-radius:50%;width:8px;height:8px;margin-bottom:6px}.s-dot.correct[data-v-c3e11830]{background:#27ae60}.s-dot.wrong[data-v-c3e11830]{background:#e74c3c}.s-val[data-v-c3e11830]{font-size:18px;font-weight:800}.s-lbl[data-v-c3e11830]{color:#777;text-transform:uppercase;font-size:9px}.feedback-popup-overlay[data-v-c3e11830]{z-index:2000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-popup[data-v-c3e11830]{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191928f2;border:2px solid #ffffff1a;border-radius:30px;width:300px;padding:30px}.feedback-popup.correct[data-v-c3e11830]{border-color:#27ae60}.feedback-popup.wrong[data-v-c3e11830]{border-color:#e74c3c}.popup-icon[data-v-c3e11830]{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:flex}.correct .popup-icon[data-v-c3e11830]{color:#27ae60;background:#27ae6026}.wrong .popup-icon[data-v-c3e11830]{color:#e74c3c;background:#e74c3c26}.popup-timer[data-v-c3e11830]{background:#ffffff0d;border-radius:10px;height:4px;margin-top:24px;overflow:hidden}.timer-fill[data-v-c3e11830]{transform-origin:0;width:100%;height:100%;animation:2.5s linear forwards timer-c3e11830}.timer-fill.correct[data-v-c3e11830]{background:#27ae60}.timer-fill.wrong[data-v-c3e11830]{background:#e74c3c}@keyframes timer-c3e11830{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.modal-overlay[data-v-c3e11830]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card[data-v-c3e11830]{text-align:center;background:#1a1a2e;border:2px solid #f7980a;border-radius:40px;width:100%;max-width:420px;padding:45px}.modal-title[data-v-c3e11830]{margin-bottom:35px;font-size:32px;font-weight:800}.final-stats[data-v-c3e11830]{background:#ffffff08;border-radius:25px;justify-content:space-between;margin-bottom:45px;padding:25px;display:flex}.f-stat span[data-v-c3e11830]{color:#fff;font-size:28px;font-weight:800;display:block}.f-stat.highlight span[data-v-c3e11830]{color:#f7980a}.btn-modal-primary[data-v-c3e11830]{cursor:pointer;color:#0f0f0f;background:#f7980a;border:none;border-radius:20px;width:100%;padding:20px;font-weight:800}.settings-modal[data-v-c3e11830]{background:#151525;border:1px solid #ffffff1a;border-radius:40px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080}.modal-header[data-v-c3e11830]{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:30px;display:flex}.modal-header h3[data-v-c3e11830]{margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.close-modal[data-v-c3e11830]{color:#555;cursor:pointer;background:0 0;border:none;font-size:24px;transition:all .3s}.close-modal[data-v-c3e11830]:hover{color:#fff;transform:rotate(90deg)}.settings-body[data-v-c3e11830]{flex:1;padding:30px;overflow-y:auto}.s-section[data-v-c3e11830]{margin-bottom:30px}.s-section label[data-v-c3e11830]{color:#666;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:11px;font-weight:800;display:block}.s-tabs[data-v-c3e11830]{flex-wrap:wrap;gap:10px;display:flex}.s-tab[data-v-c3e11830]{color:#777;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;padding:10px 20px;font-size:12px;font-weight:700;transition:all .3s}.s-tab.active[data-v-c3e11830]{color:#0f0f0f;background:#f7980a;border-color:#f7980a;box-shadow:0 4px 12px #f7980a4d}.s-row[data-v-c3e11830]{margin-bottom:25px}.s-row-head[data-v-c3e11830]{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.s-row-head span[data-v-c3e11830]{color:#fff;font-size:14px;font-weight:700}.s-row-select[data-v-c3e11830]{color:#f7980a;cursor:pointer;background:#f7980a0d;border:1px solid #f7980a1a;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.s-chips[data-v-c3e11830]{flex-wrap:wrap;gap:10px;display:flex}.s-chip[data-v-c3e11830]{color:#fff;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-width:56px;height:56px;padding:8px 12px;transition:all .2s;display:flex}.s-chip[data-v-c3e11830]:hover{background:#ffffff0f;border-color:#fff3}.s-chip.selected[data-v-c3e11830]{background:#f7980a26;border-color:#f7980a;transform:scale(1.05)}.c-jp[data-v-c3e11830]{font-size:18px;font-weight:800;line-height:1.2}.c-ro[data-v-c3e11830]{color:#666;text-overflow:ellipsis;white-space:nowrap;max-width:80px;margin-top:2px;font-size:9px;font-weight:700;overflow:hidden}.modal-footer[data-v-c3e11830]{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:30px;display:flex}.s-count[data-v-c3e11830]{color:#888;font-size:13px;font-weight:500}.btn-apply[data-v-c3e11830]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:15px;padding:14px 28px;font-weight:800;transition:all .3s}.btn-apply[data-v-c3e11830]:disabled{opacity:.5;cursor:not-allowed}.pulse[data-v-c3e11830]{animation:2s infinite pulseGlow-c3e11830}@keyframes pulseGlow-c3e11830{0%{box-shadow:0 0 #f7980a66}70%{box-shadow:0 0 0 10px #f7980a00}to{box-shadow:0 0 #f7980a00}}.fade-up[data-v-c3e11830]{animation:.8s cubic-bezier(.2,.8,.2,1) both fadeUp-c3e11830}@keyframes fadeUp-c3e11830{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=580px){.quiz-page[data-v-c3e11830]{padding-top:80px;padding-bottom:40px}.quiz-card[data-v-c3e11830]{border-radius:32px;padding:30px 20px}.char-display[data-v-c3e11830]{font-size:80px}.quiz-title[data-v-c3e11830]{font-size:28px}.stats-row[data-v-c3e11830]{gap:8px}.stat-pill[data-v-c3e11830]{border-radius:14px;padding:12px 6px}.s-val[data-v-c3e11830]{font-size:16px}.s-lbl[data-v-c3e11830]{font-size:8px}.settings-modal[data-v-c3e11830]{border-radius:30px 30px 0 0;max-width:100%;position:absolute;bottom:0}}@media (width<=400px){.char-display[data-v-c3e11830]{font-size:64px}.input-wrapper[data-v-c3e11830]{padding:6px}.quiz-input[data-v-c3e11830]{padding:8px;font-size:16px}.check-btn[data-v-c3e11830]{border-radius:12px;width:44px;height:44px}.mode-item[data-v-c3e11830]{padding:10px 8px;font-size:11px}.f-stat span[data-v-c3e11830]{font-size:22px}.modal-card[data-v-c3e11830]{padding:30px 20px}.s-chips[data-v-c3e11830]{justify-content:center}.s-tab[data-v-c3e11830]{padding:8px 16px;font-size:11px}}@media (height<=700px){.quiz-page[data-v-c3e11830]{padding-top:60px}.question-section[data-v-c3e11830]{margin-bottom:20px}.char-display[data-v-c3e11830]{font-size:60px}.quiz-card[data-v-c3e11830]{padding:25px 20px}}.quiz-page[data-v-96d627a8]{color:#fff;background:radial-gradient(circle at 100% 0,#1a1a3a 0%,#12121e 100%);min-height:100vh;padding:120px 20px 60px;font-family:Poppins,sans-serif;position:relative}.bg-glow[data-v-96d627a8]{filter:blur(120px);z-index:0;opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.bg-glow.top[data-v-96d627a8]{background:#f7980a;width:500px;height:500px;top:-10%;right:-5%}.bg-glow.bottom[data-v-96d627a8]{background:#4a4a8a;width:400px;height:400px;bottom:-10%;left:-5%}.container[data-v-96d627a8]{z-index:1;max-width:500px;margin:0 auto;position:relative}.quiz-header[data-v-96d627a8]{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.quiz-type-badge[data-v-96d627a8]{color:#f7980a;letter-spacing:2.5px;background:#f7980a1a;border-radius:100px;padding:4px 12px;font-size:10px;font-weight:800}.quiz-title[data-v-96d627a8]{margin:8px 0 0;font-family:Outfit,sans-serif;font-size:clamp(28px,6vw,36px);font-weight:800}.quiz-info-badge[data-v-96d627a8]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:8px 16px;font-size:11px;font-weight:700}.quiz-card[data-v-96d627a8]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;padding:40px;box-shadow:0 20px 40px #0000004d}.mode-scroller[data-v-96d627a8]{margin-bottom:12px}.mode-scroller.secondary[data-v-96d627a8]{margin-bottom:32px}.mode-capsule[data-v-96d627a8]{background:#0000004d;border:1px solid #ffffff0d;border-radius:100px;padding:6px;display:flex;overflow:hidden}.mode-item[data-v-96d627a8]{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;flex:1;padding:12px 8px;font-size:11px;font-weight:700;transition:all .4s}.mode-item.active[data-v-96d627a8]{color:#0f0f0f;background:#f7980a;box-shadow:0 4px 15px #f7980a4d}.question-section[data-v-96d627a8]{text-align:center;flex-direction:column;justify-content:center;min-height:180px;margin-bottom:40px;display:flex}.question-prompt[data-v-96d627a8]{color:#777;letter-spacing:.5px;margin-bottom:20px;font-size:13px;font-weight:500}.char-display.vocab[data-v-96d627a8]{color:#fff;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:52px;font-weight:800}.floating[data-v-96d627a8]{animation:4s ease-in-out infinite float-96d627a8}@keyframes float-96d627a8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.helper-text-wrap[data-v-96d627a8]{margin-top:15px}.helper-label[data-v-96d627a8]{color:#f7980a;background:#f7980a1a;border-radius:4px;margin-bottom:6px;padding:2px 10px;font-size:9px;font-weight:900;display:inline-block}.helper-content[data-v-96d627a8]{color:#fff6;font-size:18px;font-style:italic;font-weight:600}.input-section[data-v-96d627a8]{margin-bottom:40px}.input-wrapper[data-v-96d627a8]{background:#ffffff08;border:2px solid #ffffff0d;border-radius:20px;gap:12px;padding:10px;transition:all .4s;display:flex}.input-wrapper.ok[data-v-96d627a8]{background:#27ae601a;border-color:#27ae60}.input-wrapper.err[data-v-96d627a8]{background:#e74c3c1a;border-color:#e74c3c}.quiz-input[data-v-96d627a8]{color:#fff;text-align:center;background:0 0;border:none;outline:none;flex:1;padding:10px 15px;font-size:18px;font-weight:700}.check-btn[data-v-96d627a8]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.quiz-footer[data-v-96d627a8]{border-top:1px solid #ffffff1a;padding-top:32px}.streak-bar[data-v-96d627a8]{justify-content:space-between;align-items:center;margin:0 0 24px;display:flex}.streak-label[data-v-96d627a8]{color:#555;letter-spacing:2px;font-size:10px;font-weight:800}.streak-dots[data-v-96d627a8]{gap:8px;display:flex}.s-dot-wrap[data-v-96d627a8]{border:2px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.s-dot-core[data-v-96d627a8]{background:0 0;border-radius:50%;width:6px;height:6px;transition:all .4s}.s-dot-core.active[data-v-96d627a8]{background:#f7980a;box-shadow:0 0 10px #f7980a}.progress-container[data-v-96d627a8]{margin-bottom:24px}.progress-track[data-v-96d627a8]{background:#ffffff0d;border-radius:20px;height:6px;margin-bottom:12px;overflow:hidden}.progress-fill[data-v-96d627a8]{background:linear-gradient(90deg,#f7980a,#ffaa2a);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.stats-row[data-v-96d627a8]{justify-content:space-between;gap:12px;display:flex}.stat-pill[data-v-96d627a8]{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;flex-direction:column;flex:1;align-items:center;padding:12px 8px;display:flex}.stat-pill.highlight[data-v-96d627a8]{background:#f7980a0d;border-color:#f7980a26}.s-val[data-v-96d627a8]{font-size:16px;font-weight:800}.s-lbl[data-v-96d627a8]{color:#555;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:8px}.feedback-popup-overlay[data-v-96d627a8]{z-index:2000;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.feedback-popup[data-v-96d627a8]{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121ef2;border:1px solid #ffffff1a;border-radius:30px;width:100%;max-width:320px;padding:30px;box-shadow:0 30px 60px #00000080}.feedback-popup.correct[data-v-96d627a8]{border-color:#27ae60}.feedback-popup.wrong[data-v-96d627a8]{border-color:#e74c3c}.p-ans-val[data-v-96d627a8]{color:#f7980a;margin:10px 0;font-size:24px;font-weight:800}.modal-overlay[data-v-96d627a8]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card[data-v-96d627a8]{text-align:center;background:#12121e;border:1px solid #ffffff1a;border-radius:40px;width:100%;max-width:400px;padding:40px}.fade-in[data-v-96d627a8]{animation:.5s both fadeIn-96d627a8}@keyframes fadeIn-96d627a8{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.quiz-page[data-v-96d627a8]{padding-top:100px}.quiz-card[data-v-96d627a8]{border-radius:30px;padding:30px 20px}.char-display.vocab[data-v-96d627a8]{font-size:38px}.helper-content[data-v-96d627a8],.quiz-input[data-v-96d627a8]{font-size:16px}}.duel-page[data-v-1e0a7acd]{color:#fff;background:radial-gradient(circle at 0 0,#1a1a3a 0%,#0f0f1a 100%);min-height:100vh;padding:120px 20px 80px;font-family:Poppins,sans-serif;position:relative;overflow-x:hidden}.bg-glow[data-v-1e0a7acd]{filter:blur(120px);z-index:0;opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.bg-glow.top[data-v-1e0a7acd]{background:#f7980a;width:500px;height:500px;top:-10%;left:-5%}.bg-glow.bottom[data-v-1e0a7acd]{background:#0f8;width:400px;height:400px;bottom:-10%;right:-5%}.container[data-v-1e0a7acd]{z-index:1;max-width:800px;margin:0 auto;position:relative}.header[data-v-1e0a7acd]{text-align:center;margin-bottom:50px}.badge[data-v-1e0a7acd]{color:#f7980a;letter-spacing:2.5px;background:#f7980a1a;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:800;display:inline-block}.title[data-v-1e0a7acd]{margin:0 0 16px;font-family:Outfit,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:800}.subtitle[data-v-1e0a7acd]{color:#ffffff80;font-size:16px;line-height:1.6}.card-container[data-v-1e0a7acd]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:32px;max-width:480px;margin:0 auto;padding:40px 30px;box-shadow:0 20px 50px #0000004d}.card-container h2[data-v-1e0a7acd]{margin-bottom:10px;font-family:Outfit,sans-serif;font-size:26px}.desc[data-v-1e0a7acd]{color:#ffffff80;margin-bottom:24px;font-size:14px}.name-input-group[data-v-1e0a7acd]{flex-direction:column;gap:12px;display:flex}.name-input[data-v-1e0a7acd]{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;padding:16px 20px;font-family:inherit;font-size:16px;transition:all .3s}.name-input[data-v-1e0a7acd]:focus{background:#ffffff0f;border-color:#f7980a}.dropdown-overlay[data-v-1e0a7acd]{z-index:5;width:100vw;height:100vh;position:fixed;top:0;left:0}.input-group-col[data-v-1e0a7acd]{text-align:left;flex-direction:column;display:flex;position:relative}.input-group-col label[data-v-1e0a7acd]{color:#fff9;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.custom-select[data-v-1e0a7acd]{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:16px 45px 16px 20px;font-size:16px;font-weight:500;transition:all .3s;position:relative}.custom-select[data-v-1e0a7acd]:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f7980a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-size:cover;width:20px;height:20px;transition:transform .3s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.custom-select.is-open[data-v-1e0a7acd]{z-index:10;background-color:#ffffff0f;border-color:#f7980a;box-shadow:0 0 0 4px #f7980a26}.custom-select.is-open[data-v-1e0a7acd]:after{transform:translateY(-50%)rotate(180deg)}.options-menu[data-v-1e0a7acd]{z-index:10;transform-origin:top;background:#15152a;border:1px solid #f7980a4d;border-radius:16px;width:100%;padding:8px;animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards dropDown-1e0a7acd;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 40px #000000b3}@keyframes dropDown-1e0a7acd{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.option-item[data-v-1e0a7acd]{color:#ccc;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;transition:all .2s;display:flex}.option-item[data-v-1e0a7acd]:hover{color:#fff;background:#ffffff0f}.option-item.active[data-v-1e0a7acd]{color:#f7980a;background:#f7980a26;font-weight:700}.check-mark[data-v-1e0a7acd]{font-size:16px;font-weight:900}.lobby-container[data-v-1e0a7acd]{max-width:600px;margin:0 auto}.welcome-box[data-v-1e0a7acd]{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:20px;margin-bottom:30px;padding:24px;display:flex}.avatar[data-v-1e0a7acd]{color:#0f0f0f;background:linear-gradient(135deg,#f7980a,#ffc107);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:900;display:flex}.welcome-box h3[data-v-1e0a7acd]{margin:0 0 5px;font-size:20px}.welcome-box p[data-v-1e0a7acd]{color:#ffffff80;margin:0;font-size:14px}.action-cards[data-v-1e0a7acd]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.action-card[data-v-1e0a7acd]{text-align:center;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;align-items:center;padding:30px;transition:all .4s;display:flex}.action-card[data-v-1e0a7acd]:hover{background:#ffffff0a;border-color:#f7980a4d;transform:translateY(-8px)}.icon-wrap[data-v-1e0a7acd]{color:#f7980a;background:#f7980a1a;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.icon-wrap.join-icon[data-v-1e0a7acd]{color:#0f8;background:#00ff881a}.icon-wrap svg[data-v-1e0a7acd]{width:32px;height:32px}.action-card h4[data-v-1e0a7acd]{margin:0 0 10px;font-family:Outfit,sans-serif;font-size:18px}.action-card p[data-v-1e0a7acd]{color:#fff6;flex-grow:1;margin-bottom:24px;font-size:13px;line-height:1.5}.pin-input input[data-v-1e0a7acd]{text-align:center;letter-spacing:15px;color:#f7980a;text-transform:uppercase;background:#0003;border:2px dashed #fff3;border-radius:20px;outline:none;width:100%;padding:20px;font-family:Outfit,sans-serif;font-size:32px;font-weight:800;transition:all .3s}.pin-input input[data-v-1e0a7acd]:focus{background:#0006;border-color:#f7980a}.btn-primary[data-v-1e0a7acd]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:all .3s;display:flex}.btn-primary[data-v-1e0a7acd]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #f7980a4d}.btn-primary[data-v-1e0a7acd]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-1e0a7acd]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;padding:14px 28px;font-weight:600;transition:all .3s}.btn-secondary[data-v-1e0a7acd]:hover{color:#000;background:#fff}.btn-text[data-v-1e0a7acd]{color:#f7980a;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:8px 12px;font-size:13px;font-weight:600}.btn-text[data-v-1e0a7acd]:hover{background:#f7980a1a}.btn-danger[data-v-1e0a7acd]{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-danger[data-v-1e0a7acd]:hover{color:#fff;background:#e74c3c}.btn-back[data-v-1e0a7acd]{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-size:14px;transition:color .3s;display:flex}.btn-back[data-v-1e0a7acd]:hover{color:#fff}.w-full[data-v-1e0a7acd]{width:100%}.mt-4[data-v-1e0a7acd]{margin-top:16px}.mt-5[data-v-1e0a7acd]{margin-top:24px}.mb-4[data-v-1e0a7acd]{margin-bottom:16px}.mx-auto[data-v-1e0a7acd]{margin-left:auto;margin-right:auto}.text-center[data-v-1e0a7acd]{text-align:center}.token-display[data-v-1e0a7acd]{background:#0000004d;border:1px solid #f7980a4d;border-radius:20px;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.token[data-v-1e0a7acd]{letter-spacing:10px;color:#f7980a;font-family:Outfit,sans-serif;font-size:40px;font-weight:900}.btn-copy[data-v-1e0a7acd]{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.btn-copy[data-v-1e0a7acd]:hover{color:#fff;background:#ffffff1a}.waiting-indicator[data-v-1e0a7acd]{flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;display:flex}.loader-ripple[data-v-1e0a7acd]{width:80px;height:80px;display:inline-block;position:relative}.loader-ripple[data-v-1e0a7acd]:after,.loader-ripple[data-v-1e0a7acd]:before{content:"";opacity:1;border:4px solid #f7980a;border-radius:50%;animation:1.5s cubic-bezier(0,.2,.8,1) infinite ripple-1e0a7acd;position:absolute}.loader-ripple[data-v-1e0a7acd]:after{animation-delay:-.5s}@keyframes ripple-1e0a7acd{0%{opacity:0;width:0;height:0;top:36px;left:36px}4.9%{opacity:0;width:0;height:0;top:36px;left:36px}5%{opacity:1;width:0;height:0;top:36px;left:36px}to{opacity:0;width:72px;height:72px;top:0;left:0}}.vs-mini[data-v-1e0a7acd]{color:#f7980a;background:#f7980a1a;border-radius:100px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-block}.quiz-card[data-v-1e0a7acd]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:500px;margin:0 auto;padding:40px 30px;box-shadow:0 20px 40px #0000004d}.match-header[data-v-1e0a7acd]{box-sizing:border-box;background:#0003;border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex}.player-hud[data-v-1e0a7acd]{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.player-hud.host[data-v-1e0a7acd]{text-align:left;align-items:flex-start}.player-hud.guest[data-v-1e0a7acd]{text-align:right;align-items:flex-end}.p-name[data-v-1e0a7acd]{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13px;font-weight:700;overflow:hidden}.p-score[data-v-1e0a7acd]{color:#ffffff80;text-transform:uppercase;font-size:11px;font-weight:600;transition:color .3s}.p-score.is-surrendered[data-v-1e0a7acd]{color:#e74c3c;letter-spacing:1px;font-weight:800}.p-bar[data-v-1e0a7acd]{background:#ffffff1a;border-radius:10px;width:100%;height:6px;overflow:hidden}.host .p-bar .p-fill[data-v-1e0a7acd]{background:#f7980a;box-shadow:0 0 10px #f7980a80}.guest .p-bar .p-fill[data-v-1e0a7acd]{background:#0f8;box-shadow:0 0 10px #00ff8880}.p-fill[data-v-1e0a7acd]{height:100%;transition:width .3s}.vs-text[data-v-1e0a7acd]{color:#fff3;flex-shrink:0;margin:0 15px;font-family:Outfit,sans-serif;font-size:18px;font-weight:900}.question-section[data-v-1e0a7acd]{text-align:center;width:100%}.question-prompt[data-v-1e0a7acd]{color:#aaa;margin-bottom:24px;font-size:14px;font-weight:500}.char-display-wrap[data-v-1e0a7acd]{max-width:100%;display:inline-block;position:relative}.char-display[data-v-1e0a7acd]{color:#fff;text-shadow:0 10px 20px #0003;word-wrap:break-word;font-family:Outfit,sans-serif;font-size:clamp(40px,10vw,80px);font-weight:800;line-height:1.2;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.char-display.is-popping[data-v-1e0a7acd]{transform:scale(1.15)}.floating[data-v-1e0a7acd]{animation:4s ease-in-out infinite float-1e0a7acd}@keyframes float-1e0a7acd{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.char-shadow[data-v-1e0a7acd]{filter:blur(4px);background:#0003;border-radius:50%;width:60px;height:6px;margin:10px auto 0}.input-wrapper[data-v-1e0a7acd]{box-sizing:border-box;background:#ffffff08;border:2px solid #ffffff0d;border-radius:20px;gap:10px;width:100%;padding:10px;transition:all .3s;display:flex}.input-wrapper[data-v-1e0a7acd]:focus-within{background:#ffffff0d;border-color:#f7980a80}.input-wrapper.ok[data-v-1e0a7acd]{background:#27ae601a;border-color:#27ae60}.input-wrapper.err[data-v-1e0a7acd]{background:#e74c3c1a;border-color:#e74c3c;animation:.4s shake-1e0a7acd}@keyframes shake-1e0a7acd{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-input[data-v-1e0a7acd]{color:#fff;text-align:center;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.check-btn[data-v-1e0a7acd]{color:#0f0f0f;cursor:pointer;background:#f7980a;border:none;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:900;transition:all .2s;display:flex}.check-btn[data-v-1e0a7acd]:active{transform:scale(.9)}.success-icon[data-v-1e0a7acd]{color:#0f8;filter:drop-shadow(0 0 10px #0f86)}.surrender-wrap[data-v-1e0a7acd]{text-align:center}.btn-surrender[data-v-1e0a7acd]{color:#ff6b6b;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e74c3c0d;border:1px solid #e74c3c33;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.btn-surrender[data-v-1e0a7acd]:hover{color:#fff;background:#e74c3c33;border-color:#e74c3c66;transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c26}.btn-surrender[data-v-1e0a7acd]:active{transform:translateY(0)}.winner-box[data-v-1e0a7acd]{background:#ffffff08;border:1px solid #f7980a4d;border-radius:20px;padding:30px 20px;position:relative;overflow:hidden}.winner-title[data-v-1e0a7acd]{color:#f7980a;letter-spacing:2px;margin-bottom:8px;font-size:12px;font-weight:800}.winner-name[data-v-1e0a7acd]{color:#0f8;text-shadow:0 0 15px #00ff884d;font-family:Outfit,sans-serif;font-size:36px;font-weight:900}.winner-desc[data-v-1e0a7acd]{color:#aaa;margin-top:5px;font-size:13px}.stats-compare[data-v-1e0a7acd]{background:#0003;border-radius:20px;justify-content:center;align-items:center;padding:20px;display:flex}.stat-col[data-v-1e0a7acd]{text-align:center;opacity:.6;flex:1;transition:opacity .3s}.stat-col.isWinner[data-v-1e0a7acd]{opacity:1}.vs-divider[data-v-1e0a7acd]{background:#ffffff1a;width:2px;height:40px;margin:0 20px}.s-name[data-v-1e0a7acd]{color:#fff9;margin-bottom:5px;font-size:13px;font-weight:600}.isWinner .s-name[data-v-1e0a7acd]{color:#fff}.s-mistakes[data-v-1e0a7acd]{color:#777;text-transform:uppercase;font-size:12px;font-weight:700}.s-mistakes span[data-v-1e0a7acd]{color:#e74c3c;margin-bottom:2px;font-size:24px;font-weight:800;display:block}.text-surrender[data-v-1e0a7acd]{letter-spacing:2px;line-height:30px;color:#e74c3c!important;font-size:18px!important}.error-msg[data-v-1e0a7acd]{color:#ff6b6b;text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:10px;margin-top:16px;padding:12px;font-size:14px}.loader-small[data-v-1e0a7acd]{border:3px solid #0000001a;border-top-color:#0f0f0f;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-1e0a7acd}@keyframes spin-1e0a7acd{to{transform:rotate(360deg)}}@keyframes fadeUp-1e0a7acd{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-up[data-v-1e0a7acd]{animation:.8s cubic-bezier(.2,.8,.2,1) both fadeUp-1e0a7acd;animation-delay:var(--delay,0s)}.answer-hint[data-v-1e0a7acd]{color:#ff8a80;text-align:center;background:#e74c3c1a;border:1px solid #e74c3c40;border-radius:12px;margin-top:12px;padding:10px 18px;font-size:14px}.answer-hint .hint-label[data-v-1e0a7acd]{opacity:.7}.answer-hint strong[data-v-1e0a7acd]{color:#ff6b6b;font-size:16px}.progress-counter[data-v-1e0a7acd]{text-align:center;color:#ffffff4d;letter-spacing:1px;margin-top:12px;font-size:12px;font-weight:700}.slide-fade-enter-active[data-v-1e0a7acd]{transition:all .25s ease-out}.slide-fade-leave-active[data-v-1e0a7acd]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-1e0a7acd],.slide-fade-leave-to[data-v-1e0a7acd]{opacity:0;transform:translateY(-6px)}@media (width<=600px){.duel-page[data-v-1e0a7acd]{padding:90px 16px 60px}.title[data-v-1e0a7acd]{font-size:28px!important}.subtitle[data-v-1e0a7acd]{font-size:14px}.action-cards[data-v-1e0a7acd]{grid-template-columns:1fr}.welcome-box[data-v-1e0a7acd]{text-align:center;flex-direction:column}.btn-text[data-v-1e0a7acd]{margin:10px auto 0}.input-group[data-v-1e0a7acd]{flex-direction:column}.token[data-v-1e0a7acd]{letter-spacing:4px;font-size:28px}.token-display[data-v-1e0a7acd]{gap:12px;padding:15px}.card-container[data-v-1e0a7acd],.quiz-card[data-v-1e0a7acd]{border-radius:24px;padding:24px 16px}.match-header[data-v-1e0a7acd]{gap:8px;padding:12px 10px}.vs-text[data-v-1e0a7acd]{margin:0 4px;font-size:13px}.p-name[data-v-1e0a7acd]{font-size:12px}.p-score[data-v-1e0a7acd]{font-size:10px}.question-prompt[data-v-1e0a7acd]{margin-bottom:16px;font-size:12px}.char-display[data-v-1e0a7acd]{padding:0 5px;font-size:clamp(32px,12vw,60px)!important}.char-shadow[data-v-1e0a7acd]{width:40px}.input-wrapper[data-v-1e0a7acd]{border-radius:16px;gap:8px;padding:6px}.quiz-input[data-v-1e0a7acd]{padding:6px;font-size:15px}.check-btn[data-v-1e0a7acd]{border-radius:12px;width:44px;height:44px;font-size:18px}.icon-wrap[data-v-1e0a7acd]{border-radius:16px;width:52px;height:52px}.action-card[data-v-1e0a7acd]{padding:20px}.winner-name[data-v-1e0a7acd]{font-size:26px}.stats-compare[data-v-1e0a7acd]{flex-direction:column;gap:12px}.vs-divider[data-v-1e0a7acd]{width:60px;height:2px;margin:0 auto}.lobby-container[data-v-1e0a7acd]{max-width:100%}}@media (width<=380px){.duel-page[data-v-1e0a7acd]{padding:70px 12px 40px}.card-container[data-v-1e0a7acd],.quiz-card[data-v-1e0a7acd]{padding:20px 12px}.char-display[data-v-1e0a7acd]{font-size:clamp(28px,10vw,45px)!important}.token[data-v-1e0a7acd]{letter-spacing:2px;font-size:22px}.p-name[data-v-1e0a7acd]{font-size:11px}.quiz-input[data-v-1e0a7acd]{font-size:14px}}*{box-sizing:border-box;border:none;outline:none;margin:0;padding:0}html,body{border:none;width:100%;min-height:100vh;overflow-x:hidden}#app{width:100%;min-height:100vh}