/* Shared visual refresh. Keep the existing quiz/state classes and event handlers. */
body.bfg-app{font-family:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:#f7f6fb!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:0 0 24px!important;color:#231a38;min-height:100vh}body.bfg-app::before{display:none!important}.bfg-app button,.bfg-app input,.bfg-app select{font-family:inherit}.bfg-appbar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:21px max(24px,calc((100vw - 1100px)/2));background:white;border-bottom:1px solid #e8e4ef;min-height:74px;z-index:2;flex-shrink:0}.bfg-appbrand{display:flex;align-items:center;gap:7px;font-size:17px;line-height:1.3;letter-spacing:-.035em;font-weight:800;color:#231a38;text-decoration:none;white-space:nowrap}.bfg-appbrand img{width:36px;height:24px;object-fit:contain}.bfg-appbrand>span>span{color:#6c3ee8}.bfg-appbar nav{display:flex;gap:22px;font-size:14px}.bfg-appbar nav a{color:#6a6376;text-decoration:none;font-weight:650}.bfg-app>a:focus-visible,.bfg-app a:focus-visible,.bfg-app button:focus-visible,.bfg-app input:focus-visible{outline:3px solid #9b72f5;outline-offset:4px}.bfg-app>.container,.bfg-app>.page-wrapper,.bfg-app>.page{width:calc(100% - 32px)!important;max-width:560px!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important;transform:none!important;margin:28px auto 0!important;border-radius:24px!important;box-shadow:0 18px 50px -38px #27144350!important;background:transparent}.bfg-app .hero-section{min-height:120px;padding-top:8px}.bfg-app .hero-char{max-width:170px;animation:none!important}.bfg-app .hero-wrap{margin-top:5px}.bfg-app .deco-star,.bfg-app .deco-spark,.bfg-app .deco-heart,.bfg-app .deco-heart-float{display:none}.bfg-app .main-card{border:1px solid #e8e4ef;border-radius:24px!important;background:white;box-shadow:none}.bfg-app .name-card{border:1px solid #e8e4ef;border-radius:24px;box-shadow:0 10px 35px -28px #48276460}.bfg-app .name-title,.bfg-app .ready-title,.bfg-app .completed-title,.bfg-app .question-text,.bfg-app .title{font-family:inherit!important;letter-spacing:-.04em!important;line-height:1.2!important;-webkit-text-stroke:0!important;text-shadow:none!important;color:#231a38!important;font-weight:750!important}.bfg-app .name-title .nt-name,.bfg-app .ready-title .rt-accent,.bfg-app .title .accent{color:#6c3ee8!important;-webkit-text-stroke:0!important;text-shadow:none!important}.bfg-app .name-title{font-size:30px}.bfg-app .ready-title{font-size:28px}.bfg-app .question-text{font-size:26px}.bfg-app .name-sub,.bfg-app .ready-sub,.bfg-app .completed-sub,.bfg-app .choose-label{font-size:14px;color:#6a6376;line-height:1.7}.bfg-app .start-btn,.bfg-app .create-btn{background:#6c3ee8;box-shadow:none;border-radius:12px;font-size:16px;min-height:52px;animation:none}.bfg-app .name-input{border-radius:12px;font-size:16px;background:#faf9fd;border-color:#dcd5e7}.bfg-app .input-label{display:block;font-size:14px;font-weight:650;margin-bottom:9px}.bfg-app .option-card{border-radius:16px;border:1px solid #e3ddec;box-shadow:none;background:white;min-height:132px;padding:16px 12px;transition:border-color .15s,background .15s,transform .15s}.bfg-app .option-card:hover{border-color:#6c3ee8;box-shadow:0 4px 18px #6c3ee812;transform:translateY(-2px)}.bfg-app .option-card.selected{border-color:#6c3ee8;background:#eee7fc}.bfg-app .option-card.correct{border-color:#218854;background:#eff9f1}.bfg-app .option-card.wrong{border-color:#cc4949;background:#fff1f1}.bfg-app .option-card .opt-label{font-size:14px;line-height:1.45;-webkit-line-clamp:unset;display:block;overflow:visible}.bfg-app .opt-img{max-height:95px;object-fit:contain}.bfg-app .progress-bar-wrap{height:7px;background:#e6def4}.bfg-app .progress-bar-fill{background:#6c3ee8;box-shadow:none}.bfg-app .back-btn{box-shadow:none;border:1px solid #e8e4ef;background:white;min-width:38px;min-height:38px}.bfg-app .counter{font-size:14px}.bfg-app .bottom-nav{position:fixed!important;inset:auto auto 12px 50%!important;transform:translateX(-50%)!important;width:calc(100% - 40px)!important;max-width:540px!important;border:1px solid #e5deef;border-radius:18px!important;background:rgba(255,255,255,.97);box-shadow:0 10px 45px #231a381f;z-index:40}.bfg-result>.page-wrapper,.bfg-friend-result>.page-wrapper,.bfg-public-lb>.page{padding-bottom:110px!important}.bfg-app .nav-btn{min-height:55px}.bfg-app .nav-btn span{font-size:12px}.bfg-app .friend-item,.bfg-app .menu-card{border-radius:14px;border-color:#e8e4ef}.bfg-app .score-badge-pill{box-shadow:none;background:#eee7fc;color:#6c3ee8}.bfg-app .app-topnav{border:0;background:transparent}.bfg-app .app-topnav-brand{font-family:inherit;font-size:17px;letter-spacing:-.025em;color:#6c3ee8}.bfg-question .character{width:145px;animation:none}.bfg-question .card{border:1px solid #e8e4ef;box-shadow:none;border-radius:24px}.bfg-login>.card{max-width:430px;width:calc(100% - 40px);margin:36px 20px;border:1px solid #e8e4ef;box-shadow:0 18px 50px -35px #29114135;border-radius:24px}.bfg-login .hero-img{max-width:190px;height:auto}.bfg-login .title{font-size:28px}.bfg-login .g-btn{border-radius:12px;min-height:54px;font-size:15px}.bfg-result>.wrap{max-width:500px;min-height:0;margin:40px 0}.bfg-app .loading-overlay{background:rgba(44,24,82,.93)}@media(min-width:800px){.bfg-app>.container,.bfg-app>.page-wrapper,.bfg-app>.page{margin-top:35px!important}.bfg-app .options-grid{gap:16px}.bfg-app .option-card{min-height:150px}.bfg-app .card{padding-inline:28px}.bfg-app .name-card{padding:32px}}@media(max-width:420px){.bfg-appbar{padding:17px 17px;gap:12px}.bfg-appbrand{font-size:15px;gap:4px}.bfg-appbrand img{width:30px}.bfg-appbar nav{gap:14px;font-size:13px}.bfg-app>.container,.bfg-app>.page-wrapper,.bfg-app>.page{margin-top:16px!important}.bfg-app .question-text{font-size:23px}.bfg-app .name-title{font-size:27px}.bfg-app .option-card{padding:13px 9px;min-height:118px}.bfg-app .hero-char{max-width:140px}}@media(prefers-reduced-motion:reduce){.bfg-app *,.bfg-app *::before,.bfg-app *::after{animation:none!important;transition:none!important}}

/* BFF buddies: consistent mobile play, results, account and leaderboard UI. */
body.bfg-app{background:#fffcf6!important;color:#2b1b3e}.bfg-appbar{background:#fffcf6;border-color:#e9deef;padding-block:16px;min-height:68px}.bfg-appbar nav a{display:inline-flex;align-items:center;min-height:40px}.bfg-appbrand{color:#2b1b3e}.bfg-app>.container,.bfg-app>.page-wrapper,.bfg-app>.page{margin-top:20px!important;max-width:580px!important;box-shadow:none!important}.bfg-app .hero-char{width:210px!important;max-width:210px;height:140px!important;object-fit:contain;filter:none!important}.bfg-app .hero-section{min-height:140px;height:150px!important}.bfg-app .hero-wrap{height:150px;margin:0!important;display:flex;justify-content:center;align-items:center}.bfg-app .character-wrap{height:75px;margin:0;display:flex;justify-content:center;align-items:center}.bfg-app .character{width:135px!important;height:90px!important;object-fit:contain;filter:none;animation:none}.bfg-app .main-card,.bfg-app .name-card,.bfg-question .card{background:#fff!important;border:1px solid #e3d6ef;border-radius:26px!important;box-shadow:0 6px 0 #eee7f5!important}.bfg-app .name-card{padding:28px 25px}.bfg-app .ready-title{font-size:32px}.bfg-app .ready-sub{font-size:15px}.bfg-app .share-desc-box{display:none}.bfg-app .name-title{font-size:32px}.bfg-app .name-input{min-height:54px;border:1.5px solid #d7c8e9;background:#fbf8ff}.bfg-app .start-btn,.bfg-app .create-btn,.bfg-app .g-btn{border-radius:14px;min-height:54px}.bfg-app .start-btn{background:#7041df;box-shadow:0 4px 0 #4f23ad;margin-bottom:5px}.bfg-app .create-cta{border-top:1px solid #e9dff1;margin-top:23px;padding-top:20px}.bfg-app .create-cta .create-btn{background:#f3edfc;color:#634294;box-shadow:none;font-size:14px}.bfg-app .privacy-row{display:none}.bfg-app .anon-note{line-height:1.6;font-size:12px;color:#786487}.bfg-app .topbar{background:white;border:1px solid #e8dfee;border-radius:16px;padding:12px;margin-bottom:12px;gap:14px}.bfg-app .progress-bar-wrap{height:9px;border-radius:10px;background:#eee6f8}.bfg-app .progress-bar-fill{background:#9061ec;border-radius:10px}.bfg-app .counter{white-space:nowrap;color:#634490}.journey-label{font-size:10px!important;font-weight:800;letter-spacing:.12em;color:#7b6190;text-align:center;line-height:1.6;margin:12px 0}.bfg-question .card{padding:25px 20px}.bfg-app .question-text{font-size:26px;line-height:1.3!important}.bfg-app .choose-label{margin-bottom:17px;font-size:13px}.bfg-app .options-grid{gap:12px}.bfg-app .option-card{padding:13px 10px;min-height:128px;border:1.5px solid #e0d4ee;border-radius:19px;background:#fcfaff;box-shadow:0 3px 0 #ede5f5;transition:background .15s,border-color .15s}.bfg-app .option-card:hover{transform:none;border-color:#a17cdb;background:#f7efff;box-shadow:0 3px 0 #ddccef}.bfg-app .option-card.selected{background:#e9dcff;border:2px solid #7946d7}.bfg-app .option-card.correct{background:#eaf8de;border:2px solid #438542}.bfg-app .option-card.wrong{background:#fff0ee;border:2px solid #c35348}.bfg-app .option-card .opt-label{font-size:14px;font-weight:650;white-space:normal;word-break:normal;overflow-wrap:anywhere}.bfg-app .opt-img{height:70px;max-width:100%;object-fit:contain}.answer-status{color:#7a3a4b;font-size:12px;text-align:center;line-height:1.6;min-height:0;margin:0 8px 12px}.answer-status:empty{display:none}.bfg-app .bottom-nav{bottom:max(12px,env(safe-area-inset-bottom))!important;background:#fff;border-color:#dfd0f0;box-shadow:0 7px 30px #3c225326;padding:7px 8px}.bfg-app .nav-btn{border-radius:12px}.bfg-app .nav-btn.active{background:#f0e6ff;color:#6e3cc5}.bfg-app .nav-cta{border-radius:12px;background:#7041df;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:15px}.bfg-app .lb-hero-char{width:140px!important;height:100px!important;object-fit:contain}.bfg-app .empty-state img{max-height:140px;object-fit:contain}.bfg-app .lb-title{font-family:inherit!important;text-shadow:none!important;-webkit-text-stroke:0!important;color:#332042!important;font-size:30px!important}.bfg-app .friend-item{border:1px solid #e8dff0;background:#fffcff;box-shadow:none}.bfg-app .fb-name{overflow-wrap:anywhere;min-width:0}.bfg-app .fb-badge{font-size:9px}.bfg-app .score-row{gap:16px}.bfg-app .score-circle-wrap{min-width:0}.bfg-app .know-quality{font-family:inherit!important;font-size:27px!important;letter-spacing:-.04em}.bfg-app .message-card{background:#f5efff;border:1px solid #e6d9f5;border-radius:18px}.bfg-app .message-avatar{object-fit:contain;width:85px;height:65px}.bfg-app .menu-card{box-shadow:none;background:white}.bfg-app .menu-item-row{min-height:60px}.bfg-app .share-panel{margin:24px 0 8px;text-align:start;padding-top:20px;border-top:1px solid #e8dfee}.share-panel label{display:block;font-size:12px;font-weight:750;color:#5d4278;margin-bottom:9px}.copy-field{display:flex;border:1.5px solid #e2d5f1;border-radius:12px;overflow:hidden;background:#faf7ff;min-width:0}.copy-field input{width:0;min-width:0;flex:1;padding:13px 12px;font-size:13px;border:0;background:transparent;color:#5d4278;outline-offset:-3px!important}.copy-field button{flex-shrink:0;border:0;border-inline-start:1px solid #e2d5f1;background:#eee3ff;color:#613c98;font-size:12px;font-weight:750;padding:12px;cursor:pointer;min-height:48px}.primary-share{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;min-height:54px;border:0;border-radius:13px;background:#7041df;color:white;font-size:16px;font-weight:750;margin-top:15px;box-shadow:0 4px 0 #4d21ad;cursor:pointer}.primary-share:hover{background:#6232cd}.share-shortcuts{display:flex;gap:12px;margin-top:16px}.share-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:45px;padding:10px;flex:1;border:1px solid #e3d7ed;border-radius:10px;color:#654180;font-size:12px;font-weight:650;text-decoration:none;background:white}.share-shortcuts a:first-child{background:#f0f9e7;border-color:#d9e9c8;color:#36602f}.share-feedback{font-size:12px!important;line-height:1.6;color:#634490;margin:12px 0 0!important}.share-feedback:empty{display:none}.share-tip{font-size:12px;line-height:1.7;color:#7a668a;margin:18px 0 0}.share-caption{font-size:13px;line-height:1.7;background:#f5f9eb;border:1px dashed #d4e3b7;border-radius:12px;padding:13px;color:#52603f;margin:15px 0 0}.download-result{display:block;width:100%;min-height:46px;margin-top:15px;border:1px solid #dfd1ef;border-radius:12px;background:#f6efff;color:#65438a;font-size:13px;font-weight:700;cursor:pointer}.bfg-app .app-topnav{display:none}.bfg-app .hero-img{width:210px;height:140px!important;object-fit:contain}.bfg-app .loading-overlay{backdrop-filter:blur(5px)}
@media(min-width:800px){.bfg-app>.container,.bfg-app>.page-wrapper,.bfg-app>.page{margin-top:30px!important}.bfg-app .option-card{min-height:145px}.bfg-app .opt-img{height:80px}.bfg-app .main-card{padding:30px}.bfg-question .card{padding:30px}.bfg-app .character-wrap{height:95px}.bfg-app .character{width:165px!important;height:110px!important}}
@media(max-width:370px){.bfg-appbar{padding:10px 13px;gap:8px}.bfg-appbrand{font-size:14px}.bfg-appbar nav{gap:10px;font-size:12px}.bfg-app .name-card{padding:23px 19px}.bfg-app .question-text{font-size:23px}.bfg-app .option-card{min-height:118px;padding:11px 8px}.bfg-app .opt-img{height:60px}.bfg-app .main-card{padding-inline:17px}.bfg-app .score-row{flex-direction:column}.bfg-app .fb-header-cell:last-child,.bfg-app .fb-badge-cell{display:none}.bfg-app .fb-header,.bfg-app .fb-row{grid-template-columns:40px 1fr 60px}.copy-field button{padding-inline:10px}}

.copy-field button.is-copied{background:#e3f6d6!important;color:#2f6b2a!important;border-color:#c8e8b4!important}