:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f7f8fc}*{box-sizing:border-box}body{margin:0}.bff-shell{max-width:720px;margin:0 auto;padding:56px 20px}.eyebrow{color:#7437ed;font-weight:800;letter-spacing:.08em}h1{font-size:clamp(2.2rem,6vw,4rem);margin:.2em 0}.lead{color:#475569;font-size:1.15rem}.panel{background:#fff;border:1px solid #dbe3f1;border-radius:20px;padding:28px;margin-top:28px;box-shadow:0 12px 30px #1c284010}button{border:0;border-radius:11px;background:#7537ed;color:#fff;font-weight:800;font-size:1rem;padding:13px 20px;cursor:pointer}button.secondary{background:#dfe7ff;color:#5420c6}.hidden{display:none!important}.msg{color:#b42318}.roomline{color:#475569}.category-badge{display:inline-block;background:#f0e9ff;color:#6731d9;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:800;margin:12px 0 2px}.start-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.choices button{background:#f2edff;color:#422080;border:2px solid #d9c8ff;text-align:left;min-height:80px}.choices button.selected{background:#7537ed;color:#fff}.score{font-size:4rem;font-weight:900;color:#7537ed;text-align:center;margin:28px 0}@media(max-width:600px){.bff-shell{padding:32px 14px}.choices{grid-template-columns:1fr}.start-actions{display:grid}.start-actions button{width:100%}}
:root{--bff-purple:#7537ed}
.progress-percent{float:right;color:#64748b;font-size:.82rem;font-weight:800}.progress-track{height:7px;background:#eee9ff;border-radius:999px;overflow:hidden;margin:8px 0 14px}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#7537ed,#9a62f4);border-radius:999px;transition:width .25s ease}.versus-players{display:flex;align-items:center;gap:9px;color:#172033;margin:8px 0 18px}.player-chip{display:inline-flex;align-items:center;gap:6px}.player-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:.78rem;font-weight:900}.player-avatar-1{background:#7537ed}.player-avatar-2{background:#0f9f83}.versus-label{font-size:.72rem;color:#94a3b8;font-weight:900;letter-spacing:.08em}.choices button{transition:transform .15s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.choices button:hover:not(:disabled){background:#e7dcff;border-color:#9b70f2;transform:translateY(-2px);box-shadow:0 8px 18px #7537ed2b}.choices button.selected{background:#7537ed;color:#fff;border-color:#5e25d1;box-shadow:0 8px 18px #7537ed4d}
.reveal-panel{margin-top:8px;padding:22px;border-radius:22px;background:linear-gradient(145deg,#faf7ff,#f0efff);border:1px solid #dfd5ff;box-shadow:0 18px 38px #5c2fc124;text-align:center}.reveal-kicker,.finish-kicker{font-size:.72rem;letter-spacing:.1em;font-weight:900;color:#7537ed}.reveal-result{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 18px;padding:13px;border-radius:15px;background:#fff;border:2px solid #7c3aed;color:#5420c6;font-size:1.15rem}.reveal-result.is-different{border-color:#12a58a;color:#087564}.reveal-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ede5ff}.reveal-duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.reveal-player{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px;background:#fff;border-radius:18px}.reveal-avatar{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#fff;font-style:normal;font-weight:900}.reveal-avatar-1{background:#6d28d9;box-shadow:0 0 0 5px #ede5ff}.reveal-avatar-2{background:#087082;box-shadow:0 0 0 5px #d8f6fa}.reveal-answer{width:100%;padding:9px;border-radius:999px;background:#f3efff;color:#4c1d95;font-weight:850}.reveal-vs{font-size:.72rem;font-weight:900;color:#7c3aed;background:#fff;border:1px solid #ded5ff;border-radius:50%;padding:9px 7px}.is-reveal>.category-badge,.is-reveal>#prompt,.is-reveal>.choices,.is-reveal>.progress-track,.is-reveal>#progress,.is-reveal>.progress-percent{display:none}.finish-kicker{text-align:center}.finish-title{text-align:center;font-size:2.1rem;margin:8px 0 2px}.finish-names{text-align:center;color:#475569;font-size:1.05rem}.finish-names span{color:#7c3aed;font-weight:900}.finish-card{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:26px;margin:26px 0;padding:24px;border-radius:24px;background:#f0efff}.score-ring{--score:0;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7537ed calc(var(--score)*1%),#ddd6fe 0);position:relative}.score-ring:before{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.score-ring div{position:relative;display:flex;flex-direction:column;text-align:center}.score-ring strong{font-size:2.6rem;color:#5420c6}.score-ring span{font-size:.7rem;font-weight:900;color:#64748b}.finish-copy h3{font-size:1.55rem;margin:0 0 8px}.finish-copy p{color:#475569;line-height:1.5}.finish-players{display:flex;align-items:center;gap:12px;margin-top:18px}.finish-players span{display:flex;align-items:center;gap:8px;font-weight:800}.finish-players .reveal-avatar{width:34px;height:34px;box-shadow:none}.finish-players b{color:#7c3aed}.finish-again{display:block;width:100%;font-size:1.05rem;box-shadow:0 12px 24px #7537ed3d}@media(max-width:600px){.finish-card{grid-template-columns:1fr}.score-ring{margin:auto}.reveal-panel{padding:16px}.reveal-duel{gap:6px}.reveal-player{padding:10px 7px}.reveal-answer{font-size:.84rem}}
.reveal-duel{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.reveal-player{position:relative;background:#f1f0ff;padding:26px 18px 18px;min-width:0}.reveal-role{position:absolute;top:-10px;left:50%;transform:translateX(-50%);min-width:62px;padding:4px 12px;border-radius:999px;background:#5415b7;color:#fff;font-size:.69rem;font-weight:900;letter-spacing:.05em}.reveal-player:nth-of-type(2) .reveal-role{background:#075568}.reveal-answer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:12px 16px;background:#fff;font-size:1rem;text-align:left}.match-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#16a36f;color:#fff;font-style:normal;font-weight:900}.sync-card{display:grid;grid-template-columns:auto 1fr auto 100px;align-items:center;gap:12px;margin-top:22px;padding:14px 18px;border-radius:18px;background:#e9eafe;text-align:left}.sync-heart{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f5c7db;color:#e72b62;font-size:1.35rem}.sync-copy{display:flex;flex-direction:column}.sync-copy small{font-size:.68rem;font-weight:900;letter-spacing:.08em}.sync-copy strong{color:#d91d52}.sync-percent{display:flex;flex-direction:column;align-items:center}.sync-percent b{font-size:1.45rem;color:#5114b5}.sync-percent span{font-size:.6rem;font-weight:900;color:#64748b}.sync-meter{height:10px;border-radius:999px;background:#d7d4ee;overflow:hidden}.sync-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d28d9,#e92d61)}.streak-message{text-transform:uppercase;margin:19px 0 10px;color:#565364;font-size:.77rem;font-weight:900;letter-spacing:.04em}.next-countdown{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:#ede9fe;color:#4c1d95;font-weight:800}.next-countdown strong{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#7537ed;color:#fff}@media(max-width:600px){.sync-card{grid-template-columns:auto 1fr auto}.sync-meter{grid-column:1/-1}.reveal-player{padding:24px 9px 12px}.reveal-answer{padding:10px;font-size:.88rem}}
.versus-players{justify-content:center;gap:22px;margin:12px auto 24px}.player-chip{position:relative;flex-direction:column;gap:5px;min-width:105px;padding:20px 12px 12px;border-radius:18px;background:#f3f1ff}.player-chip small{position:absolute;top:-9px;left:50%;transform:translateX(-50%);min-width:54px;padding:3px 10px;border-radius:999px;background:#5415b7;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.06em;text-align:center}.player-chip:nth-of-type(2) small{background:#075568}.player-chip .player-avatar{width:40px;height:40px;font-size:.95rem}.player-chip strong{font-size:.94rem}.versus-players .versus-label{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #d9d0fa;color:#6126cf;box-shadow:0 4px 12px #4c1d9520}
.player-chip:last-child small{background:#075568}
.top-progress{position:relative;margin:10px 0 20px}.top-progress #progress{display:inline-block;color:#475569;font-size:.9rem;font-weight:800;margin:0}.top-progress .progress-percent{float:none;position:absolute;right:0;top:0}.top-progress .progress-track{width:100%;margin:9px 0 0}.top-progress.hidden{display:none!important}
.fq-1v1-lobby-vs{display:none!important}.versus-label{display:none!important}
.fq-1v1-lobby-vs,.fq-1v1-lobby-role{display:none!important}
.fq-mp-duel-icon{font-size:0!important}.fq-mp-duel-icon::after{content:'🤝';font-size:2.2rem}
.reveal-duel{width:100%;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.reveal-player b{display:block;width:100%;text-align:center}
.reveal-duel .reveal-player:nth-child(2){grid-column:3}
.sync-heart{background:#e5dcff!important;color:#5b21b6!important}
.finish-title + .finish-names{display:none!important}
.bff-landing-shell>.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:1.25rem 0 0;padding:.42rem .9rem;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:.78rem;font-weight:900;letter-spacing:.06em}.bff-landing-shell>.eyebrow .eyebrow-dot{font-size:.7rem}.bff-landing-shell>.eyebrow .eyebrow-benefit{font-size:.72rem;letter-spacing:0}.landing-main h1{margin-top:.3rem}
main.container{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}.bff-landing-shell{max-width:1280px!important;width:min(1280px,calc(100% - 48px));padding:1.5rem 0 5rem}@media(max-width:760px){.bff-landing-shell{width:calc(100% - 14px);padding-top:.5rem}}
.bff-landing-shell{max-width:1120px}.landing-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.landing-main h1{max-width:760px}.landing-start{margin-top:22px}.landing-section{margin-top:42px}.landing-section h2{font-size:1.7rem;margin-bottom:14px}.landing-section p{color:#475569;font-size:1.05rem;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps>div{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:#f1efff}.steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#7537ed;color:#fff}.steps strong{color:#172033}.steps span{color:#64748b;font-size:.9rem;line-height:1.4}.landing-faq details{border-top:1px solid #dbe3f1;padding:16px 0}.landing-faq summary{cursor:pointer;font-weight:800}.landing-faq p{font-size:.95rem;margin-bottom:0}.discover-card{background:#fff;border:1px solid #dbe3f1;border-radius:20px;padding:24px;box-shadow:0 12px 30px #1c284010}.discover-card>p{font-size:.78rem;letter-spacing:.08em;color:#64748b;font-weight:800}.discover-card h2{font-size:1.55rem;margin:14px 0 20px}.discover-card a{display:grid;grid-template-columns:38px 1fr 20px;gap:12px;align-items:center;padding:18px 0;border-top:1px solid #e5e7eb;color:#172033;text-decoration:none}.discover-card a>span{font-size:1.5rem}.discover-card a strong{font-size:1.02rem}.discover-card a small{display:block;color:#64748b;font-weight:500;margin-top:4px;line-height:1.35}.discover-card a>b{color:#64748b;font-size:1.3rem}@media(max-width:800px){.landing-grid{grid-template-columns:1fr}.landing-sidebar{order:2}.steps{grid-template-columns:1fr}.landing-section{margin-top:32px}}
.finish-options{margin-top:18px;text-align:center;color:#475569}.finish-options p{line-height:1.45}.finish-options p strong{color:#5420c6;font-size:1.15rem}.finish-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.finish-options button{display:block;width:100%;padding:11px 8px;background:#7537ed;color:#fff;white-space:nowrap}.finish-options .finish-whatsapp{background:#16a36f}.finish-copy-link{display:inline-block;margin-top:16px;color:#475569;font-weight:800;text-decoration:underline}@media(max-width:600px){.finish-actions{grid-template-columns:1fr 1fr;gap:8px}.finish-options button{font-size:.82rem;padding-left:4px;padding-right:4px}}
.rematch-prompt{margin:16px 0;padding:16px;border-radius:16px;background:#f0efff;text-align:center;color:#253047}.rematch-prompt strong{display:block;margin-bottom:12px}.rematch-prompt button{margin:0 4px;padding:10px 16px;border:0;border-radius:10px;font-weight:800;cursor:pointer;background:#7537ed;color:#fff}.rematch-prompt .rematch-decline{background:#dbe3ef;color:#334155}.rematch-waiting{text-align:center;color:#5b21b6;font-weight:800}
@media(max-width:760px){.bff-landing-shell>.eyebrow{margin-top:1.75rem}}
.bff-preview-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:18px;padding:.65rem .9rem;border:1px solid #c4b5fd;background:#f5f3ff;color:#6d28d9;font-size:.85rem}.bff-preview-trigger:hover{background:#ede9fe}.bff-preview-dialog{position:fixed;inset:0;width:min(720px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);margin:auto;padding:0;border:0;border-radius:24px;background:transparent;box-shadow:0 28px 80px rgba(15,23,42,.3);overflow:auto}.bff-preview-dialog::backdrop{background:rgba(15,23,42,.68);backdrop-filter:blur(3px)}.bff-preview-shell{position:relative;padding:30px;background:#fff;border-radius:24px}.bff-preview-x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;background:#6d28d9;font-size:1.7rem;line-height:1}.bff-preview-eyebrow{margin:0 0 8px;color:#94a3b8;font-size:.75rem;font-weight:900;letter-spacing:.09em}.bff-preview-shell>h2{margin:0 52px 22px 0;font-size:1.55rem}.bff-preview-game{padding:24px;border:1px solid #dbe3f1;border-radius:20px;background:#f8faff}.bff-preview-progress{display:flex;justify-content:space-between;color:#475569;font-size:.85rem}.bff-preview-progress span{color:#6d28d9;font-weight:900}.bff-preview-players{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0}.bff-preview-players span{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:90px;padding:12px;border-radius:16px;background:#f1efff}.bff-preview-players i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#6d28d9;color:#fff;font-style:normal;font-weight:900}.bff-preview-players span:last-child i{background:#087082}.bff-preview-players em{font-style:normal}.bff-preview-game h3{margin:14px 0 20px;text-align:center;font-size:1.55rem}.bff-preview-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bff-preview-choices span{display:flex;align-items:center;min-height:86px;padding:18px;border:2px solid #d9c8ff;border-radius:14px;background:#f2edff;color:#422080;font-weight:850}.bff-preview-close{display:block;min-width:140px;margin:18px 0 0 auto;background:linear-gradient(90deg,#7c3aed,#ec4899)}body.bff-preview-open{overflow:hidden}@media(max-width:600px){.bff-preview-shell{padding:22px 14px 14px}.bff-preview-game{padding:16px 12px}.bff-preview-choices{grid-template-columns:1fr}.bff-preview-players{gap:8px}.bff-preview-close{width:100%}}
.bff-preview-actions{display:flex;flex-wrap:wrap;gap:10px}.bff-preview-reveal{text-align:center;background:linear-gradient(145deg,#faf7ff,#f0efff)}.bff-preview-reveal-players{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bff-preview-reveal-players article{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:28px 14px 14px;border-radius:18px;background:#f1f0ff}.bff-preview-reveal-players article>span{position:absolute;top:-8px;padding:4px 13px;border-radius:999px;background:#5415b7;color:#fff;font-size:.68rem;font-weight:900}.bff-preview-reveal-players article:last-child>span{background:#075568}.bff-preview-reveal-players i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#6d28d9;color:#fff;font-style:normal;font-weight:900}.bff-preview-reveal-players article:last-child i{background:#087082}.bff-preview-reveal-players small{width:100%;padding:10px;border-radius:999px;background:#fff;color:#4c1d95;font-weight:800}.bff-preview-sync{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:15px 18px;border-radius:16px;background:#e9eafe}.bff-preview-sync strong{color:#d91d52}.bff-preview-sync b{font-size:1.4rem;color:#5114b5}.bff-preview-streak{margin:18px 0 0;color:#565364;font-size:.82rem;font-weight:900;text-transform:uppercase}@media(max-width:600px){.bff-preview-actions{display:grid;grid-template-columns:1fr 1fr}.bff-preview-trigger{width:100%;font-size:.76rem;padding:.6rem .4rem}.bff-preview-reveal-players{gap:8px}}
.bff-preview-actions{justify-content:flex-end;margin-top:16px}.bff-preview-trigger{width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#6d28d9;font-size:.84rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.bff-preview-trigger:hover,.bff-preview-trigger:focus-visible{border:0;background:transparent;color:#5420c6;transform:none}@media(max-width:600px){.bff-preview-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.bff-preview-trigger{width:auto;padding:0;font-size:.8rem}}