:root{--bg:#1a1233;--bg-soft:#241a49;--card:#2d2160;--ink:#f5f3ff;--ink-dim:#b8aee0;--accent:#ff5e78;--accent-2:#ffb648;--accent-3:#4ee6b0;--danger:#ff5e78;--radius:16px;--shadow:0 10px 30px rgba(0,0,0,0.3)}*{box-sizing:border-box}html{color-scheme:light}body,html{padding:0;margin:0}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top,var(--bg-soft),var(--bg));color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit}button{font-family:inherit;cursor:pointer}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:20px}.title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;margin:0;letter-spacing:-.02em}.title span{color:var(--accent-2)}.subtitle{color:var(--ink-dim);font-size:1.1rem;margin:0;max-width:480px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;width:100%;max-width:420px;flex-direction:column}.btn-row,.card{display:flex;gap:16px}.btn-row{flex-wrap:wrap;justify-content:center}.btn{border:none;border-radius:999px;padding:16px 32px;font-size:1.1rem;font-weight:700;color:#1a1233;background:var(--accent-2);transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 0 rgba(0,0,0,.2)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.2)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:white}.btn-outline{background:transparent;color:var(--ink);border:2px solid var(--ink-dim);box-shadow:none}input[type=text]{background:var(--bg-soft);border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 16px;font-size:1.2rem;color:var(--ink);text-align:center}input[type=text]:focus{outline:none;border-color:var(--accent-2)}.pin{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;letter-spacing:.15em;color:var(--accent-2);margin:0}.error{color:var(--danger);font-weight:600;margin:0}.player-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:700px}.chip{background:var(--bg-soft);border-radius:999px;padding:8px 18px;font-weight:600}.question-text{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;max-width:800px;margin:0}.options-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;width:100%;max-width:700px}@media (max-width:560px){.options-grid{grid-template-columns:1fr}}.option-btn{border:none;border-radius:var(--radius);padding:22px 18px;font-size:1.15rem;font-weight:700;color:white;box-shadow:var(--shadow);transition:transform .15s ease,opacity .15s ease}.option-btn:hover:not(:disabled){transform:translateY(-3px)}.option-btn:disabled{opacity:.55}.option-0{background:#e74c6f}.option-1{background:#3d8bff}.option-2{background:#ffb648}.option-3{background:#4ee6b0}.option-correct{outline:4px solid #4ee6b0;opacity:1!important}.option-wrong{outline:4px solid #ff5e78}.timer{font-size:2rem;font-weight:800;color:var(--accent-2)}.leaderboard{list-style:none;padding:0;margin:0;width:100%;max-width:480px;display:flex;flex-direction:column;gap:10px}.leaderboard li{display:flex;justify-content:space-between;background:var(--card);border-radius:12px;padding:12px 20px;font-weight:600}.leaderboard li:first-child{background:linear-gradient(90deg,#ffb648,#ff5e78);color:white}.lb-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.lb-tab{border:none;background:#f0f1f7;color:var(--q-ink-dim,#666);padding:8px 16px;border-radius:999px;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s,transform .1s}.lb-tab:hover{background:#e4e6f4}.lb-tab.active{background:linear-gradient(90deg,#7c5cff,#ff5e78);color:white;transform:translateY(-1px)}.lb-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.lb-hero-text{display:flex;flex-direction:column;gap:8px;max-width:480px}.lb-breadcrumb{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--q-purple)}.lb-title{font-size:2rem;font-weight:800;color:var(--q-ink);margin:0}.lb-hero-art{width:200px;height:auto;flex-shrink:0}@media (max-width:640px){.lb-hero{flex-direction:column;align-items:flex-start}.lb-hero-art{width:140px;align-self:center}}.lb-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:800;font-size:.8rem;color:white}.lb-rank-badge.gold{background:linear-gradient(135deg,#ffe08a,#f5b942);color:#7a5200}.lb-rank-badge.silver{background:linear-gradient(135deg,#e3e7f2,#b7bfd6);color:#46506b}.lb-rank-badge.bronze{background:linear-gradient(135deg,#e3b08a,#c98b5e);color:#5c3418}.lb-verified{display:inline-flex;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--q-blue);font-size:.6rem;font-weight:800}.lb-cta,.lb-verified{align-items:center;color:white}.lb-cta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,#1c2541,#2d3a6b);border-radius:var(--q-radius);padding:24px 28px}.lb-cta-title{font-weight:800;font-size:1.1rem;margin:0 0 4px}.lb-cta-sub{font-size:.85rem;color:#c3ccef;margin:0;max-width:420px}.lb-cta-btn{background:white;color:var(--q-ink);font-weight:800;padding:10px 20px;border-radius:999px;text-decoration:none;white-space:nowrap}.lb-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid #eef0f7}.lb-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.lb-table thead th{text-align:left;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--q-ink-dim);background:#f8f9fd;padding:10px 14px;font-weight:700}.lb-table tbody td{padding:10px 14px;border-top:1px solid #f0f1f7;color:var(--q-ink)}.lb-table tbody tr.me{background:var(--q-purple-soft)}.lb-table-rank{color:var(--q-ink-dim);font-weight:700}.lb-table-player{display:inline-flex;align-items:center;gap:8px;font-weight:700}.lb-table-avatar{font-size:1.1rem}.lb-table-score{color:var(--q-purple);font-weight:800}.lb-table-accuracy{color:var(--q-green);font-weight:700}.lb-my-rank-card{display:flex;flex-direction:column;gap:10px}.lb-my-rank-label{font-size:.65rem;letter-spacing:.08em;font-weight:800;color:var(--q-purple)}.lb-my-rank-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lb-my-rank-badge{background:linear-gradient(135deg,#7c5cff,#ff5e78);color:white;border-radius:999px;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;padding:0 10px}.lb-my-rank-avatar{font-size:1.8rem}.lb-my-rank-info{display:flex;flex-direction:column;margin-right:auto}.lb-my-rank-name{font-weight:800;color:var(--q-ink)}.lb-my-rank-sub{font-size:.75rem;color:var(--q-ink-dim)}.lb-my-rank-stats{display:flex;gap:22px;flex-wrap:wrap}.lb-my-rank-stats>div{display:flex;flex-direction:column;align-items:center}.lb-my-rank-stat-value{font-weight:800;font-size:1rem;color:var(--q-ink)}.lb-my-rank-stat-label{font-size:.65rem;color:var(--q-ink-dim);text-transform:uppercase;letter-spacing:.04em}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;width:100%;max-width:720px}.landing-feature{display:flex;gap:12px;align-items:flex-start;background:var(--q-card,#fff);border-radius:14px;padding:14px 16px;box-shadow:var(--q-shadow,0 2px 8px rgba(0,0,0,.08))}.landing-feature-icon{font-size:1.5rem;line-height:1}.landing-feature-title{font-weight:700;font-size:.9rem;margin:0 0 4px;color:var(--q-ink,#222)}.landing-feature-desc{font-size:.8rem;color:var(--q-ink-dim,#666);margin:0;line-height:1.4}.badge{display:inline-block;background:var(--bg-soft);border-radius:999px;padding:4px 14px;font-size:.85rem;color:var(--ink-dim);font-weight:600}.dash-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#efeaff,#eaf3ff)}@media (max-width:640px){.dash-hero{flex-direction:column;text-align:center}.dash-hero-illustration{width:120px;height:100px}}.dash-hero-text{min-width:0;position:relative;z-index:1}.dash-hero-title{margin:0 0 8px;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:800;color:var(--q-ink)}.dash-hero-title span{background:linear-gradient(90deg,var(--q-purple),var(--q-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.dash-hero-sub{margin:0;color:var(--q-ink-dim);font-size:1rem}.dash-hero-illustration{flex-shrink:0;width:160px;height:130px}.dash-section-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.05rem;margin:0 0 14px}.dash-modes-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}@media (max-width:900px){.dash-modes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.dash-modes-grid{grid-template-columns:1fr}}.dash-mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 14px;border-radius:16px;border:1px solid #eef0f5;background:#fbfbfe;height:100%;min-width:0}.dash-mode-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:4px}.dash-mode-quick .dash-mode-icon{background:#efeaff}.dash-mode-category .dash-mode-icon{background:#e3fbea}.dash-mode-challenge .dash-mode-icon{background:#fff3d9}.dash-mode-daily .dash-mode-icon{background:#e3f0ff}.dash-mode-lightning .dash-mode-icon{background:#fff0d9}.dash-mode-card h3{margin:0;font-size:1rem;display:flex;align-items:center;justify-content:center;min-height:2.4em;line-height:1.2}.dash-mode-card p{margin:0;color:var(--q-ink-dim);font-size:.82rem;line-height:1.35}.dash-mode-btn{margin-top:auto;width:100%;border:none;border-radius:10px;padding:10px;font-weight:800;font-size:.82rem;letter-spacing:.02em;color:white;text-transform:uppercase;text-decoration:none;display:block;cursor:pointer;font-family:inherit}.dash-mode-quick .dash-mode-btn{background:var(--q-purple)}.dash-mode-category .dash-mode-btn{background:var(--q-green)}.dash-mode-challenge .dash-mode-btn{background:#f5b942}.dash-mode-daily .dash-mode-btn{background:var(--q-blue)}.dash-mode-lightning .dash-mode-btn{background:#f5871f}.dash-categories-row{display:flex;flex-wrap:wrap;gap:12px}.dash-category-chip{flex:1 1;min-width:130px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid #eef0f5;background:#fbfbfe;color:var(--q-ink);text-decoration:none}.dash-category-chip:hover{border-color:var(--q-purple)}.dash-category-icon{width:38px;height:38px;border-radius:10px;background:var(--q-purple-soft);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.dash-category-name{font-weight:700;font-size:.9rem;text-transform:capitalize}.dash-category-count{color:var(--q-ink-dim);font-size:.78rem}.dash-stat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:.9rem}.dash-stat-label{display:flex;align-items:center;gap:8px;color:var(--q-ink-dim)}.dash-stat-value{font-weight:800}.dash-achievement{padding:10px 0;border-top:1px solid #f1f3f9}.dash-achievement:first-of-type{border-top:none}.dash-achievement-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.dash-achievement-title{font-weight:700;font-size:.88rem}.dash-achievement-desc{color:var(--q-ink-dim);font-size:.76rem;margin-bottom:6px}.dash-achievement-bar{height:6px;background:#eef0f5;border-radius:999px;overflow:hidden}.dash-achievement-fill{height:100%;background:var(--q-purple);border-radius:999px}.dash-achievement.done .dash-achievement-fill{background:var(--q-green)}.dash-week-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:linear-gradient(90deg,#fff7e6,#ffedd0)}.dash-week-streak{align-items:center;font-weight:800;color:#9a6a1c}.dash-week-days,.dash-week-streak{display:flex;gap:10px}.dash-week-day{display:flex;flex-direction:column;align-items:center;gap:4px}.dash-week-label{font-size:.7rem;color:#9a6a1c}.dash-week-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:white;color:#d8b271;font-weight:800;font-size:.8rem;border:2px solid #f3dba8}.dash-week-dot-done{background:var(--q-green);border-color:var(--q-green);color:white}.dash-week-dot-today{border-color:#9a6a1c}.dash-week-reward{font-weight:700;font-size:.85rem;color:#9a6a1c;background:#fff3d9;padding:10px 16px;border-radius:12px}.daily-reward-claim{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.quest-app{--q-bg:#eef3fc;--q-card:#ffffff;--q-ink:#1c2541;--q-ink-dim:#6b7690;--q-purple:#7c5cff;--q-purple-soft:#efeaff;--q-green:#22c55e;--q-red:#ef4444;--q-yellow:#f5b942;--q-blue:#3d8bff;--q-radius:20px;--q-shadow:0 10px 30px rgba(30,41,59,0.08);min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#eef3fc,#e7f0fb);color:var(--q-ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:grid;grid-template-columns:260px 1fr 280px;grid-template-areas:"sidebar main helpers";grid-gap:20px;gap:20px;padding:20px}@media (max-width:1100px){.quest-app{grid-template-columns:1fr;grid-template-areas:"sidebar" "main" "helpers"}}.quest-center{grid-column:1/-1;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;text-align:center;gap:16px}.quest-center,.quest-sidebar{display:flex;flex-direction:column}.quest-sidebar{grid-area:sidebar;gap:20px;min-width:0}.quest-logo-link{display:inline-flex;align-self:flex-start}.quest-logo-link-sidebar{display:flex;width:100%}.quest-logo-link-sidebar .quest-logo-img{width:100%;height:auto}.quest-logo-link-hero{align-self:center}.quest-logo-link-hero .quest-logo-img{width:220px;height:auto}.quest-logo-link-nav .quest-logo-img{width:160px;height:auto}.quest-logo-img{display:block;max-width:100%}.quest-card-box{background:var(--q-card);border-radius:var(--q-radius);box-shadow:var(--q-shadow);padding:22px;min-width:0}.quest-profile{flex-direction:column;gap:6px;text-align:center}.quest-avatar,.quest-profile{display:flex;align-items:center}.quest-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--q-yellow),var(--q-accent,#ffb648));justify-content:center;font-size:2.2rem}.quest-name{font-weight:800;font-size:1.1rem}.quest-rank{color:var(--q-purple);font-weight:700;font-size:.85rem}.quest-trophy{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #eef0f5}.quest-trophy-icon{font-size:1.6rem}.quest-trophy-value{font-weight:800;font-size:1.3rem;line-height:1.1}.quest-trophy-label{color:var(--q-ink-dim);font-size:.8rem}.quest-level{margin-top:14px}.quest-level-label{font-weight:700;font-size:.9rem;margin-bottom:6px}.quest-level-bar{height:8px;background:#eef0f5;border-radius:999px;overflow:hidden}.quest-level-fill{height:100%;background:linear-gradient(90deg,var(--q-purple),var(--q-blue));border-radius:999px;transition:width .3s ease}.quest-level-sub{margin-top:6px;font-size:.78rem;color:var(--q-ink-dim)}.quest-nav{display:flex;flex-direction:column;gap:4px}.quest-nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;font-weight:600;font-size:.95rem;color:var(--q-ink);text-decoration:none;cursor:default}.quest-nav-item.active{background:var(--q-purple);color:white}.quest-nav-item.disabled{color:#b7bfd1}.quest-nav-item.linkable{cursor:pointer}.quest-nav-item.linkable:hover{background:#f3f5fb}.quest-nav-toggle{display:none;width:100%;align-items:center;justify-content:space-between;background:none;border:none;font:inherit;font-weight:700;font-size:.95rem;color:var(--q-ink);cursor:pointer;padding:2px}.quest-nav-chevron{color:var(--q-ink-dim);transition:transform .2s ease}.quest-nav-chevron.open{transform:rotate(180deg)}@media (max-width:1100px){.quest-nav-toggle{display:flex}.quest-nav{flex-direction:column;overflow:hidden;max-height:0;transition:max-height .25s ease}.quest-nav.quest-nav-open{max-height:600px;margin-top:14px}}.quest-main{grid-area:main;display:flex;flex-direction:column;gap:16px;min-width:0}.quest-topbar{background:var(--q-card);border-radius:var(--q-radius);box-shadow:var(--q-shadow);padding:16px 24px;display:flex;align-items:center;gap:32px}.quest-topbar-item{display:flex;align-items:center;gap:12px}.quest-topbar-icon{width:40px;height:40px;border-radius:12px;background:var(--q-purple-soft);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.quest-topbar-label{font-size:.78rem;color:var(--q-ink-dim)}.quest-topbar-value{font-weight:800;font-size:1.05rem}.quest-topbar-score{margin-left:auto;font-weight:800;color:var(--q-purple)}.quest-card{position:relative;overflow:hidden;background:var(--q-card);border-radius:var(--q-radius);box-shadow:var(--q-shadow);padding:40px 32px 0;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.quest-deco{position:absolute;pointer-events:none;opacity:.8}.quest-deco-star{top:40px;left:60px;color:#ffd166;font-size:1.4rem}.quest-deco-tri{top:34px;right:130px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:14px solid #6ee7d8}.quest-deco-dot{top:90px;left:30%;width:10px;height:10px;border-radius:50%;background:#93c5fd}.quest-deco-dot2{top:60px;right:70px;width:8px;height:8px;border-radius:50%;background:#f9a8d4}.quest-deco-tri2{top:120px;right:30%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #fca5a5}.quest-timer{position:relative;z-index:1;width:96px;height:96px;transition:background .3s linear}.quest-timer,.quest-timer-inner{border-radius:50%;display:flex;align-items:center;justify-content:center}.quest-timer-inner{width:76px;height:76px;background:var(--q-card);font-size:1.7rem;font-weight:800}.quest-question{position:relative;z-index:1;margin:0;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;max-width:620px;line-height:1.35}.quest-options{position:relative;z-index:1;width:100%;max-width:680px;display:flex;flex-direction:column;gap:12px}.quest-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fbfbfe;border:2px solid #eef0f5;border-radius:14px;padding:14px 18px;font-size:1rem;font-weight:600;color:var(--q-ink);transition:border-color .15s ease,background .15s ease}.quest-option:hover:not(:disabled){border-color:var(--q-purple)}.quest-option:disabled{cursor:default}.quest-option-hidden{opacity:.35}.quest-letter{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--q-purple);color:white;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.quest-option-text{flex:1 1}.quest-option-pct{color:var(--q-ink-dim);font-weight:700;font-size:.85rem}.quest-option-correct{border-color:var(--q-green);background:#f0fdf4}.quest-option-correct .quest-letter{background:var(--q-green)}.quest-option-wrong{border-color:var(--q-red);background:#fef2f2}.quest-option-wrong .quest-letter{background:var(--q-red)}.quest-option-selected{border-color:var(--q-purple);background:var(--q-purple-soft)}.quest-option-selected .quest-letter{background:var(--q-purple)}.quest-check{margin-left:auto;color:var(--q-green);font-size:1.2rem;flex-shrink:0}.quest-feedback{position:relative;z-index:1;font-weight:800;margin:0}.quest-feedback.correct{color:var(--q-green)}.quest-feedback.wrong{color:var(--q-red)}.quest-next-btn{position:relative;z-index:1;border:none;border-radius:999px;padding:14px 36px;font-weight:700;font-size:1rem;color:white;background:var(--q-purple);margin-bottom:28px}.quest-next-btn:hover{filter:brightness(1.08)}.report-question-btn{position:relative;z-index:1;display:block;margin:0 auto 20px;border:none;background:none;color:var(--q-ink-dim);font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.report-question-btn:hover:not(:disabled){color:var(--q-red)}.report-question-btn:disabled{cursor:default;color:var(--q-green);text-decoration:none}.quest-landscape{width:100%;height:90px;margin-top:10px;display:block}.quest-progress{background:var(--q-card);border-radius:var(--q-radius);box-shadow:var(--q-shadow);padding:16px 24px;display:flex;align-items:center;gap:8px;overflow-x:auto}.quest-progress-label{font-weight:700;font-size:.85rem;margin-right:8px}.quest-dot,.quest-progress-label{color:var(--q-ink-dim);flex-shrink:0}.quest-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;background:#f1f3f9}.quest-dot-correct{background:var(--q-green);color:white}.quest-dot-wrong{background:var(--q-red);color:white}.quest-dot-current{background:var(--q-purple);color:white;transform:scale(1.15)}.quest-dot-sep{color:#d5d9e5;flex-shrink:0}.quest-dot-gift{margin-left:auto;background:var(--q-purple-soft)}.quest-helpers{grid-area:helpers;display:flex;flex-direction:column;gap:20px;min-width:0}.quest-helpers-title{font-weight:800;font-size:.95rem;text-align:center;margin:0 0 14px}.quest-helper{width:100%;gap:12px;background:#fbfbfe;border:1px solid #eef0f5;border-radius:14px;padding:10px 12px;margin-bottom:10px;text-align:left}.quest-helper,.rooms-page{display:flex;align-items:center;color:var(--q-ink)}.rooms-page{--q-bg:#eef3fc;--q-card:#ffffff;--q-ink:#1c2541;--q-ink-dim:#6b7690;--q-purple:#7c5cff;--q-purple-soft:#efeaff;--q-green:#22c55e;--q-red:#ef4444;--q-radius:20px;--q-shadow:0 10px 30px rgba(30,41,59,0.08);min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#eef3fc,#e7f0fb);font-family:Segoe UI,system-ui,-apple-system,sans-serif;flex-direction:column;gap:20px;padding:56px 20px}.rooms-card{background:var(--q-card);border-radius:var(--q-radius);box-shadow:var(--q-shadow);padding:24px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px}.rooms-label{font-size:.85rem;font-weight:700;color:var(--q-ink-dim)}.quest-input{border:2px solid #eef0f5;border-radius:12px;padding:12px 14px;font-size:1rem;color:var(--q-ink);background:#fbfbfe}.quest-input:focus{outline:none;border-color:var(--q-purple)}.rooms-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.room-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfbfe;border:1px solid #eef0f5;border-radius:14px;padding:12px 16px}.room-item-title{font-weight:700;font-size:.95rem}.room-item-sub{color:var(--q-ink-dim);font-size:.8rem}.lobby-slots{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:16px 0}.lobby-slot{border:2px dashed #e3e6f0;border-radius:14px;padding:18px 12px;text-align:center;color:var(--q-ink-dim);font-weight:600;font-size:.9rem}.lobby-slot-filled{border-style:solid;border-color:var(--q-purple);background:var(--q-purple-soft);color:var(--q-ink);font-weight:800;position:relative}.lobby-host-badge{display:block;margin-top:4px;font-size:.68rem;font-weight:700;color:var(--q-purple)}.lobby-countdown{font-weight:800;color:var(--q-purple);font-size:1.05rem}.room-roster-item{display:flex;justify-content:space-between;padding:8px 4px;font-size:.9rem;border-bottom:1px solid #f1f3f9}.room-roster-item:last-child{border-bottom:none}.friend-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f1f3f9}.friend-row:first-of-type{border-top:none}.friend-avatar{font-size:1.4rem;flex-shrink:0}.friend-name{font-weight:700;flex:1 1}.friend-online-dot{width:9px;height:9px;border-radius:50%;background:#d1d5db;flex-shrink:0}.friend-online-dot.online{background:var(--q-green)}.quest-next-grant{margin:6px 0 0;text-align:center;font-size:.78rem;color:var(--q-ink-dim)}.quest-helper:last-child{margin-bottom:0}.quest-helper:disabled{opacity:.4}.quest-helper-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--q-purple-soft);color:var(--q-purple);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}.quest-helper-label{flex:1 1;font-size:.85rem;font-weight:600;line-height:1.25}.quest-helper-count{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--q-purple);color:white;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.quest-audience-result{margin-top:4px;padding-top:10px;border-top:1px solid #eef0f5;display:flex;flex-direction:column;gap:4px}.quest-audience-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--q-ink-dim)}.quest-streak-card{background:linear-gradient(135deg,#fff7e6,#ffedd0);border-radius:var(--q-radius);box-shadow:var(--q-shadow);padding:20px;text-align:center}.quest-streak-title{font-weight:700;font-size:.85rem;color:#9a6a1c;margin-bottom:8px}.level-up-banner{background:linear-gradient(135deg,var(--q-yellow),var(--q-accent,#ffb648));color:#4a2e00}.achievement-unlock-banner,.level-up-banner{margin:10px 0 0;padding:10px 16px;border-radius:999px;font-weight:800;font-size:.9rem;text-align:center}.achievement-unlock-banner{background:linear-gradient(135deg,var(--q-purple,#7c5cff),var(--q-blue,#3d8bff));color:white}.announcement-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-radius:14px;background:linear-gradient(120deg,#5b3fa0,#2d3a6b);color:white;font-size:.88rem;font-weight:600}.announcement-banner button{background:rgba(255,255,255,.15);border:none;color:white;width:26px;height:26px;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:.85rem;line-height:1}.announcement-banner button:hover{background:rgba(255,255,255,.28)}.profile-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.profile-head .quest-trophy{margin-top:0;padding-top:0;border-top:none}.profile-avatar-btn{border:none;cursor:pointer;padding:0}.profile-name-row{display:flex;align-items:center;gap:10px}.profile-edit-link{background:none;border:none;cursor:pointer;color:var(--q-purple);font-size:.78rem;font-weight:600}.profile-avatar-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid #eef0f5}.profile-avatar-option{font-size:1.3rem;background:transparent;border:2px solid transparent;border-radius:10px;padding:4px;cursor:pointer;line-height:1}.profile-avatar-option.active{background:var(--q-purple-soft);border-color:var(--q-purple)}.profile-category-row{display:flex;align-items:center;gap:10px;padding:8px 0}.profile-category-label{flex-shrink:0;width:130px;font-weight:600;font-size:.85rem}.profile-category-pct{flex-shrink:0;width:100px;text-align:right;font-weight:700;font-size:.85rem}.profile-recent-list{display:flex;flex-direction:column}.profile-recent-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f1f3f9}.profile-recent-row:first-child{border-top:none}.profile-recent-mark{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:white}.profile-recent-mark.correct{background:var(--q-green)}.profile-recent-mark.wrong{background:var(--q-red)}.profile-recent-text{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.profile-recent-cat{flex-shrink:0;font-size:.9rem}.badge-count{font-weight:700;font-size:.85rem;color:var(--q-purple);background:var(--q-purple-soft);padding:4px 10px;border-radius:999px}.badge-tier{margin-top:16px}.badge-tier:first-of-type{margin-top:14px}.badge-tier-title{font-weight:700;font-size:.8rem;color:var(--q-ink-dim);margin:0 0 8px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:10px;gap:10px}.badge-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:12px 6px 10px;border-radius:14px;background:#f5f6fa;border:1px solid #eef0f5}.badge-tile.locked{opacity:.5}.badge-tile.unlocked{background:linear-gradient(160deg,var(--q-purple-soft),#fff);border-color:var(--q-purple)}.badge-icon{font-size:1.6rem;line-height:1;filter:grayscale(1)}.badge-tile.unlocked .badge-icon{filter:none}.badge-title{font-weight:700;font-size:.72rem;line-height:1.15}.badge-progress{font-size:.68rem;color:var(--q-ink-dim);font-weight:600}.badge-check{position:absolute;top:4px;right:6px;color:var(--q-green);font-weight:800;font-size:.75rem}.quest-streak-value{font-size:1.8rem;font-weight:800}.quest-streak-sub{color:#9a6a1c;font-size:.8rem}.quest-accuracy-card{background:linear-gradient(135deg,#f0fdf4,#e3fbea);border-radius:var(--q-radius);box-shadow:var(--q-shadow);padding:20px;text-align:center}.quest-accuracy-title{font-weight:700;font-size:.85rem;color:#166534;margin-bottom:12px}.quest-donut{width:90px;height:90px;margin:0 auto}.quest-donut,.quest-donut-inner{border-radius:50%;display:flex;align-items:center;justify-content:center}.quest-donut-inner{width:68px;height:68px;background:#f5fdf7;font-weight:800;font-size:1.05rem;color:#166534}.quest-accuracy-sub{margin-top:8px;color:#166534;font-size:.8rem}.quest-btn{border:none;border-radius:999px;padding:14px 30px;font-weight:700;color:white;background:var(--q-purple)}.quest-btn-outline{background:white;color:var(--q-purple);border:2px solid var(--q-purple)}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:700px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.admin-stats-grid{grid-template-columns:1fr}}.admin-stat-card{display:flex;align-items:center;gap:12px;background:#fbfbfe;border:1px solid #eef0f5;border-radius:14px;padding:16px}.admin-stat-icon{font-size:1.8rem}.admin-stat-value{font-weight:800;font-size:1.4rem;line-height:1.1}.admin-stat-label{color:var(--q-ink-dim);font-size:.78rem;margin-top:2px}.admin-question-form{display:flex;flex-direction:column;gap:12px}.admin-question-form textarea.quest-input{resize:vertical;font-family:inherit}.admin-options-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:560px){.admin-options-grid{grid-template-columns:1fr}}.admin-option-row{display:flex;align-items:center;gap:8px;min-width:0}.admin-option-row input[type=text]{flex:1 1;min-width:0}.admin-option-row input[type=radio]{flex-shrink:0;width:16px;height:16px;accent-color:var(--q-purple);cursor:pointer}.admin-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.admin-question-list{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow-y:auto}.admin-question-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfbfe;border:1px solid #eef0f5;border-radius:12px;padding:10px 14px}.admin-question-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.admin-question-text{font-weight:600;font-size:.9rem;line-height:1.35}.admin-question-answer{color:var(--q-green);font-weight:600;font-size:.78rem;margin-top:3px}.admin-question-answer .dash-category-count{color:var(--q-ink-dim);font-weight:500;text-transform:capitalize}.progress-legend{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px;font-size:.8rem;color:var(--q-ink-dim)}.progress-legend-item{display:inline-flex;align-items:center;gap:6px}.progress-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.progress-legend-dot.done{background:#22c55e}.progress-legend-dot.current{background:#3d8bff}.progress-legend-dot.locked{background:#cbd2e1}.progress-map-scroll{overflow-x:auto;padding-bottom:8px}.progress-map-canvas{position:relative}.progress-map-svg{position:absolute;top:0;left:0;pointer-events:none}.progress-map-path{fill:none;stroke:#c7cee0;stroke-width:4;stroke-dasharray:8 8;stroke-linecap:round}.progress-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:130px}.progress-node-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:var(--q-shadow);border:3px solid white}.progress-node-done .progress-node-circle{background:linear-gradient(135deg,#22c55e,#16a34a);color:white}.progress-node-current .progress-node-circle{background:linear-gradient(135deg,#3d8bff,#7c5cff);color:white;width:72px;height:72px;font-size:1.8rem}.progress-node-locked .progress-node-circle{background:#cbd2e1;color:#8994ab}.progress-node-label{margin-top:8px;display:flex;flex-direction:column;align-items:center}.progress-node-tier{font-weight:800;font-size:.7rem;color:var(--q-ink-dim)}.progress-node-name{font-weight:800;font-size:.85rem;color:var(--q-ink);white-space:nowrap}.progress-node-locked .progress-node-name{color:var(--q-ink-dim)}.progress-stars{display:flex;gap:2px;margin-top:2px}.progress-star{color:#d8dce8;font-size:.9rem}.progress-star.filled{color:#f5b942}.progress-node-badge{margin-top:4px;background:linear-gradient(90deg,#3d8bff,#7c5cff);color:white;font-size:.62rem;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.chat-list{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow-y:auto;padding:4px 2px;margin-bottom:12px}.chat-list-room{max-height:220px}.chat-msg{display:flex;gap:8px;align-items:flex-start}.chat-msg.me{flex-direction:row-reverse}.chat-msg-avatar{font-size:1.3rem;flex-shrink:0}.chat-msg-body{display:flex;flex-direction:column;background:#f5f6fa;border-radius:12px;padding:8px 12px;max-width:78%;min-width:0}.chat-msg.me .chat-msg-body{background:var(--q-purple-soft);align-items:flex-end}.chat-msg-name{font-weight:800;font-size:.7rem;color:var(--q-ink-dim);margin-bottom:2px}.chat-msg-text{font-size:.88rem;color:var(--q-ink);word-break:break-word;white-space:pre-wrap}.chat-input-row{display:flex;gap:8px}.chat-msg-actions{display:flex;gap:2px;align-self:center}.chat-msg-report{align-self:center;background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--q-ink-dim);opacity:.5;padding:4px}.chat-msg-report:hover{opacity:1}.chat-msg-report:disabled{cursor:default;opacity:.9}.landing{--q-bg:#eef3fc;--q-card:#ffffff;--q-ink:#1c2541;--q-ink-dim:#6b7690;--q-purple:#7c5cff;--q-purple-soft:#efeaff;--q-blue:#3d8bff;--q-green:#22c55e;--q-red:#ef4444;--q-radius:20px;--q-shadow:0 10px 30px rgba(30,41,59,0.08);min-height:100vh;background:#ffffff;color:var(--q-ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.landing-top-banner{text-align:center;padding:10px 16px;background:linear-gradient(120deg,#5b3fa0,#2d3a6b);color:white;font-size:.85rem;font-weight:700}.landing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #eef0f7;flex-wrap:wrap}.landing-nav-links{display:flex;gap:26px;flex:1 1;justify-content:center}.landing-nav-links a{color:var(--q-ink);text-decoration:none;font-weight:600;font-size:.92rem}.landing-nav-links a:hover{color:var(--q-purple)}.landing-nav-actions{gap:10px}.landing-fb-btn,.landing-nav-actions{display:flex;align-items:center;flex-shrink:0}.landing-fb-btn{gap:6px;padding:9px 14px;border-radius:999px;background:#1877f2;color:white;font-weight:700;font-size:.85rem;text-decoration:none;transition:opacity .15s}.landing-fb-btn:hover{opacity:.88}.landing-hero{display:flex;align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:56px 32px}.landing-hero-text{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.landing-badge{display:inline-flex;align-items:center;gap:6px;background:var(--q-purple-soft);color:var(--q-purple);font-weight:700;font-size:.8rem;padding:7px 14px;border-radius:999px}.landing-hero-title{font-size:3rem;line-height:1.1;font-weight:800;margin:0;color:var(--q-ink)}.landing-hero-title span{background:linear-gradient(90deg,var(--q-purple),var(--q-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-sub{font-size:1.02rem;color:var(--q-ink-dim);max-width:480px;margin:0;line-height:1.5}.landing-stats-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:8px}.landing-stat{display:flex;flex-direction:column}.landing-stat strong{font-size:1.4rem;font-weight:800;color:var(--q-ink)}.landing-stat span{font-size:.78rem;color:var(--q-ink-dim)}.landing-hero-art{flex:1 1;min-width:0;display:flex;justify-content:center;position:relative}.landing-phone{width:260px;border-radius:34px;padding:12px;box-shadow:0 30px 60px rgba(30,20,80,.25)}.landing-phone,.landing-phone-notch{background:#0f1330;position:relative}.landing-phone-notch{width:70px;height:18px;border-radius:0 0 14px 14px;margin:0 auto;z-index:2}.landing-phone-screen{background:var(--q-card);border-radius:24px;padding:16px;margin-top:-18px}.landing-phone-top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;color:var(--q-ink-dim);margin-bottom:8px}.landing-phone-progress{height:5px;border-radius:999px;background:#eef0f7;overflow:hidden;margin-bottom:16px}.landing-phone-progress-fill{width:70%;height:100%;background:linear-gradient(90deg,var(--q-purple),var(--q-blue))}.landing-phone-question{font-weight:800;font-size:.95rem;color:var(--q-ink);margin:0 0 14px}.landing-phone-option{display:flex;align-items:center;gap:10px;background:#f5f6fa;border-radius:12px;padding:10px 12px;font-size:.82rem;font-weight:600;color:var(--q-ink);margin-bottom:8px}.landing-phone-option-letter{width:22px;height:22px;border-radius:50%;background:#e3e6f2;color:var(--q-ink-dim);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.landing-phone-option.correct{background:linear-gradient(90deg,#22c55e,#16a34a);color:white}.landing-phone-option.correct .landing-phone-option-letter{background:rgba(255,255,255,.25);color:white}.landing-phone-cta{margin-top:10px;background:linear-gradient(90deg,var(--q-purple),var(--q-blue));color:white;text-align:center;padding:10px;border-radius:12px;font-weight:700;font-size:.82rem}.landing-float{position:absolute;font-size:2rem;animation:landing-float 4s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(30,20,80,.15))}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.landing-section{max-width:1180px;margin:0 auto;padding:40px 32px}.landing-section-title{text-align:center;font-size:1.6rem;font-weight:800;color:var(--q-ink);margin:0 0 32px}.landing-section-title span{background:linear-gradient(90deg,var(--q-purple),var(--q-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}.landing-why-card{background:var(--q-card);border:1px solid #eef0f7;border-radius:16px;padding:24px 20px;text-align:center}.landing-why-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 14px}.landing-why-card h3{font-size:1rem;margin:0 0 6px;color:var(--q-ink)}.landing-why-card p{font-size:.85rem;color:var(--q-ink-dim);margin:0;line-height:1.5}.landing-guild-spotlight{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;max-width:1180px;margin:0 auto 56px;padding:44px 40px;background:linear-gradient(120deg,#5b3fa0,#2d3a6b);border-radius:24px;color:white}.landing-guild-spotlight-text{flex:1 1;min-width:260px}.landing-guild-spotlight-text h2{font-size:1.6rem;margin:14px 0 10px}.landing-guild-spotlight-text p{font-size:.9rem;color:#dcd6f7;margin:0 0 20px;line-height:1.6;max-width:460px}.landing-guild-preview{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:20px;min-width:260px;flex-shrink:0}.landing-guild-preview-title{font-weight:700;font-size:.85rem;margin:0 0 12px;color:#dcd6f7}.landing-guild-preview-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.12);font-size:.9rem}.landing-guild-preview-row:first-of-type{border-top:none}.landing-guild-preview-name{flex:1 1;font-weight:600}.landing-guild-preview-score{color:#dcd6f7;font-size:.85rem}.landing-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:1180px;margin:0 auto 56px;padding:40px;background:linear-gradient(120deg,#1c2541,#2d3a6b);border-radius:24px;color:white}.landing-cta-text h2{font-size:1.4rem;margin:0 0 6px}.landing-cta-text p{font-size:.9rem;color:#c3ccef;margin:0}@media (max-width:900px){.landing-nav-links{display:none}.landing-hero{flex-direction:column;text-align:center;padding:40px 20px}.landing-hero-text{align-items:center}.landing-stats-row{justify-content:center}.landing-hero-title{font-size:2.2rem}.landing-float{display:none}.landing-cta-banner,.landing-guild-spotlight{flex-direction:column;text-align:center;padding:32px 24px}.landing-guild-spotlight-text p{max-width:none}.landing-guild-preview{width:100%}}.whatsnew-overlay{position:fixed;inset:0;background:rgba(20,20,40,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.whatsnew-modal{background:white;border-radius:20px;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;padding:28px}.whatsnew-header{text-align:center;margin-bottom:12px}.whatsnew-item{display:flex;gap:12px;align-items:flex-start;padding:12px 4px;border-top:1px solid #f1f3f9;text-decoration:none;color:inherit;border-radius:10px}.whatsnew-item:hover{background:#f5f6fa}.whatsnew-item-icon{font-size:1.6rem;flex-shrink:0}.whatsnew-item-title{display:block;font-weight:700;color:var(--q-ink);margin:0 0 2px}.whatsnew-item-desc{display:block;font-size:.82rem;color:var(--q-ink-dim);line-height:1.4}.reaction-overlay{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}.reaction-float{position:absolute;bottom:10%;display:flex;flex-direction:column;align-items:center;gap:2px;animation:reaction-float-up 2.4s ease-out forwards}.reaction-float-emoji{font-size:2.4rem;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15))}.reaction-float-name{font-size:.68rem;font-weight:700;color:white;background:rgba(28,37,65,.75);padding:2px 8px;border-radius:999px;white-space:nowrap}@keyframes reaction-float-up{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1;transform:translateY(-20px) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-220px) scale(1)}}.reaction-bar{display:flex;flex-wrap:wrap;gap:8px}.reaction-btn{background:#f5f6fa;border:none;border-radius:12px;font-size:1.3rem;padding:8px 10px;cursor:pointer;transition:transform .12s ease,background .12s ease}.reaction-btn:hover:not(:disabled){background:var(--q-purple-soft);transform:translateY(-2px) scale(1.08)}.reaction-btn:disabled{opacity:.6;cursor:default}.avatar-frame-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-frame-wings{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:0}.avatar-frame-wing{width:46%;height:100%}.avatar-frame-wing-left{transform:scaleX(-1)}.avatar-frame-season-img{z-index:2;pointer-events:none;max-width:none}.avatar-frame-ring{position:relative;z-index:1;display:flex;border-radius:50%;box-shadow:0 3px 8px rgba(20,20,40,.25),inset 0 1px 2px rgba(255,255,255,.5)}.avatar-frame-inner{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f6fa;overflow:hidden}.avatar-frame-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar-frame-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:12px;gap:12px}.season-theme-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:10px;gap:10px}.season-theme-option{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f5f6fa;border:2px solid transparent;border-radius:12px;padding:8px 4px;cursor:pointer}.season-theme-option img{width:44px;height:auto}.season-theme-option span{font-size:.68rem;font-weight:700;color:var(--q-ink-dim);text-align:center}.season-theme-option.active{border-color:var(--q-purple);background:var(--q-purple-soft)}.avatar-frame-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:2px solid transparent;border-radius:14px;padding:8px 4px;cursor:pointer}.avatar-frame-option.active{border-color:var(--q-purple);background:var(--q-purple-soft)}.avatar-frame-option.locked{cursor:default;opacity:.55}.avatar-frame-option-label{font-size:.68rem;font-weight:700;color:var(--q-ink-dim);text-align:center}.avatar-frame-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(28,37,65,.45);border-radius:50%;color:white;font-size:.85rem;z-index:2}