@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.app{align-items:center;background:#02020f;background-image:radial-gradient(ellipse at 20% 30%,#581cdc33 0,#0000 55%),radial-gradient(ellipse at 80% 70%,#dc1c641f 0,#0000 55%),radial-gradient(ellipse at 60% 10%,#1c64dc1a 0,#0000 40%);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:24px}.stars{inset:0;pointer-events:none;position:fixed;z-index:0}.star{animation:twinkle ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:.1;transform:scale(1)}to{opacity:.9;transform:scale(1.4)}}.card{animation:fadeUp .4s ease;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff08;border:1px solid #ffffff12;border-radius:24px;color:#fff;max-width:560px;padding:40px;position:relative;width:100%;z-index:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-tag{background:#8b5cf626;border:1px solid #8b5cf659;border-radius:99px;color:#a78bfa;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:20px;padding:5px 14px;text-transform:uppercase}.card-title{font-size:38px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin-bottom:28px}.grad{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6,#38bdf8);-webkit-background-clip:text;background-clip:text}.name-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:16px;margin-bottom:28px;outline:none;padding:14px 18px;transition:border-color .2s;width:100%}.name-input:focus{border-color:#a78bfa}.name-input::placeholder{color:#475569}.section-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.char-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.char-btn{align-items:center;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:14px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:80px;padding:14px 8px;transition:all .2s ease}.char-btn:hover{background:#ffffff12;border-color:var(--char-color);transform:translateY(-3px)}.char-btn.char-picked{background:#ffffff14;border-color:var(--char-color);box-shadow:0 0 20px #ffffff0d,0 0 0 1px var(--char-color)}.char-emoji{font-size:28px}.char-name{color:#94a3b8;font-size:11px;font-weight:600}.cat-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.cat-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;color:#94a3b8;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;padding:8px 16px;transition:all .2s}.cat-btn.cat-picked,.cat-btn:hover{border-color:#a78bfa;color:#a78bfa}.cat-btn.cat-picked{background:#8b5cf626;font-weight:600}.launch-btn{background:linear-gradient(135deg,#7c3aed,#db2777);border:none;border-radius:14px;box-shadow:0 8px 32px #7c3aed4d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:700;padding:16px;transition:all .2s ease;width:100%}.launch-btn:hover:not(.disabled){box-shadow:0 12px 40px #7c3aed80;transform:translateY(-2px)}.launch-btn.disabled{cursor:not-allowed;opacity:.35}.home-card{overflow:hidden;text-align:center}.planet{background:radial-gradient(circle at 35% 35%,#4c1d95,#1e1b4b);border-radius:50%;box-shadow:inset -20px -20px 40px #00000080,0 0 60px #7c3aed33;height:180px;opacity:.6;position:absolute;right:-60px;top:-60px;width:180px}.orbit-ring{border:1px solid #a78bfa26;border-radius:50%;height:280px;position:absolute;right:-100px;top:-20px;width:280px}.player-avatar{animation:float 3s ease-in-out infinite;display:block;filter:drop-shadow(0 0 20px var(--char-color));font-size:52px;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-title{font-size:44px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}.home-sub{color:#64748b;font-size:15px;line-height:1.7;margin-bottom:32px}.home-stats{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;margin-bottom:32px;padding:18px 24px}.home-stats,.stat{align-items:center;display:flex}.stat{flex-direction:column;gap:4px;padding:0 24px}.stat-n{color:#fff;font-size:24px;font-weight:800}.stat-l{color:#475569;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.stat-div{background:#ffffff12;height:36px;width:1px}.quiz-card{padding:32px}.quiz-top{justify-content:space-between;margin-bottom:16px}.q-player,.quiz-top{align-items:center;display:flex}.q-player{gap:8px}.q-avatar{font-size:20px}.q-name{color:#94a3b8;font-size:13px;font-weight:600}.q-count{color:#475569;font-size:13px}.q-count strong{color:#a78bfa;font-size:17px}.q-score{background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:99px;color:#a78bfa;font-size:13px;font-weight:700;padding:3px 12px}.prog-track{background:#ffffff0d;border-radius:99px;height:4px;margin-bottom:14px;overflow:hidden}.prog-fill{background:linear-gradient(90deg,#7c3aed,#db2777);border-radius:99px;height:100%;transition:width .4s ease}.timer-row{align-items:center;display:flex;gap:10px;margin-bottom:24px}.timer-track{background:#ffffff0d;border-radius:99px;flex:1 1;height:6px;overflow:hidden}.timer-fill{border-radius:99px;height:100%;transition:width 1s linear,background .3s}.timer-txt{font-size:13px;font-weight:700;min-width:28px;text-align:right}.q-text{color:#f1f5f9;font-size:19px;font-weight:700;line-height:1.6;margin-bottom:20px;min-height:60px}.opts{display:flex;flex-direction:column;gap:9px}.opt-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:11px;color:#cbd5e1;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:12px;padding:13px 16px;text-align:left;transition:all .2s;width:100%}.opt-btn:hover{background:#7c3aed1a;border-color:#7c3aed66;transform:translateX(4px)}.opt-btn.correct{background:#6bcb771a;border-color:#6bcb77;color:#6bcb77}.opt-btn.wrong{background:#ff6b9d1a;border-color:#ff6b9d;color:#ff6b9d}.opt-label{align-items:center;background:#ffffff0d;border-radius:7px;color:#475569;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;transition:all .2s;width:28px}.opt-btn.correct .opt-label{background:#6bcb77;color:#02020f}.opt-btn.wrong .opt-label{background:#ff6b9d;color:#fff}.center-card{padding:60px 40px;text-align:center}.loader{animation:spin .8s linear infinite;border:3px solid #a78bfa33;border-radius:50%;border-top-color:#a78bfa;height:44px;margin:0 auto 20px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#64748b;font-size:15px}.error-text{color:#ff6b9d;font-size:15px}.result-card{padding:52px 40px;text-align:center}.res-avatar{animation:float 3s ease-in-out infinite;display:block;filter:drop-shadow(0 0 24px var(--char-color));font-size:64px;margin-bottom:16px}.res-title{color:#f1f5f9;font-size:28px;font-weight:800;margin-bottom:24px}.score-box{align-items:baseline;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:18px;display:inline-flex;gap:6px;margin-bottom:14px;padding:20px 44px}.score-big{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:900}.score-of{color:#334155;font-size:24px}.score-pct{color:#a78bfa;font-size:17px;font-weight:700;margin-bottom:8px}.score-msg{color:#475569;font-size:14px;margin-bottom:36px}.res-btns{justify-content:center}.leaderboard-card{padding:40px}.lb-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.lb-row{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.lb-row.gold{background:#ffd7000d;border-color:#ffd7004d}.lb-row.silver{background:#c0c0c00d;border-color:#c0c0c04d}.lb-row.bronze{background:#cd7f320d;border-color:#cd7f324d}.lb-rank{font-size:18px;min-width:32px;text-align:center}.lb-emoji{font-size:22px}.lb-info{display:flex;flex:1 1;flex-direction:column}.lb-name{color:#f1f5f9;font-size:15px;font-weight:700}.lb-cat{color:#475569;font-size:12px;margin-top:2px}.lb-score{color:#a78bfa;font-size:16px;font-weight:800}.empty-lb{color:#475569;font-size:15px;padding:32px 0;text-align:center}.lb-btn{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:14px;color:#a78bfa;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:700;margin-top:12px;padding:14px;transition:all .2s;width:100%}.lb-btn:hover{background:#8b5cf633;border-color:#a78bfa}.res-btns{display:flex;flex-direction:column;gap:0;width:100%}
/*# sourceMappingURL=main.b0004f81.css.map*/