*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#06080a;min-height:100vh;padding:40px 16px}.bnbguy-app{--bg:#0b0e11;--panel:#14181d;--panel2:#1c2127;--gold:#f0b90b;--gold2:#ffd84d;--text:#eaecef;--muted:#848e9c;--green:#0ecb81;--red:#f6465d;max-width:720px;color:var(--text);margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;position:relative}.bnbguy-app *{box-sizing:border-box}.bg-shell{background:linear-gradient(160deg, var(--bg), #11151b 60%, #151009);border:1px solid #23282f;border-radius:20px;padding:24px;box-shadow:0 20px 60px #00000073}.bg-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.bg-logo{letter-spacing:1px;font-size:20px;font-weight:900}.bg-logo span{color:var(--gold)}.bg-wallet{align-items:center;gap:10px;display:flex}.bg-addr{background:var(--panel2);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px}.bg-credits{color:var(--gold);background:#f0b90b1f;border:1px solid #f0b90b59;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.bg-hero{text-align:center;padding:40px 10px 30px}.bg-hero-emoji{margin-bottom:8px;font-size:52px}.bg-hero h2{color:var(--text);margin:8px 0;font-size:30px}.bg-hero p{color:var(--muted);max-width:460px;margin:0 auto 24px;line-height:1.6}.bg-hero strong{color:var(--gold)}.bg-note{color:var(--muted);margin-top:14px;font-size:12.5px}.bg-btn{background:var(--panel2);color:var(--text);cursor:pointer;border:1px solid #2b323b;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:700;transition:all .15s}.bg-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.bg-btn:disabled{opacity:.5;cursor:default;transform:none}.bg-btn-primary{background:linear-gradient(135deg, var(--gold), #e8a80a);color:#12130a;border:none}.bg-btn-primary:hover{background:linear-gradient(135deg, var(--gold2), var(--gold))}.bg-lobby h3{text-transform:uppercase;letter-spacing:.8px;color:var(--gold);margin:22px 0 10px;font-size:15px}.bg-sub{color:var(--muted);text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:400}.bg-tiers{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.bg-tier{background:var(--panel);text-align:center;border:1px solid #23282f;border-radius:14px;padding:16px}.bg-tier-credits{font-size:18px;font-weight:800}.bg-tier-price{color:var(--gold);margin:6px 0 12px;font-size:13.5px;font-weight:600}.bg-tier .bg-btn{width:100%;padding:9px}.bg-cats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.bg-cat{background:var(--panel);color:var(--text);cursor:pointer;border:1px solid #23282f;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.bg-cat:hover{border-color:var(--gold);background:var(--panel2);transform:translateY(-2px)}.bg-cat-icon{font-size:28px}.bg-table{border-collapse:collapse;width:100%;font-size:13.5px}.bg-table th{color:var(--muted);text-align:left;border-bottom:1px solid #23282f;padding:6px 8px;font-weight:600}.bg-table td{border-bottom:1px solid #1b2026;padding:7px 8px}.bg-table tr:first-child td{color:var(--gold);font-weight:700}.bg-quiz-top{color:var(--muted);justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.bg-timer{color:var(--gold);font-variant-numeric:tabular-nums}.bg-timer-low{color:var(--red);animation:.6s infinite alternate bgPulse}@keyframes bgPulse{0%{opacity:1}to{opacity:.45}}.bg-progress{background:var(--panel2);border-radius:999px;height:6px;margin-bottom:22px;overflow:hidden}.bg-progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold2));height:100%;transition:width .3s}.bg-question{min-height:62px;margin-bottom:22px;font-size:21px;font-weight:800;line-height:1.45}.bg-choices{gap:10px;display:grid}.bg-choice{text-align:left;background:var(--panel);color:var(--text);cursor:pointer;border:1px solid #23282f;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:15.5px;transition:all .12s;display:flex}.bg-choice:hover{border-color:var(--gold);background:var(--panel2)}.bg-choice.picked{border-color:var(--gold);background:#f0b90b24}.bg-choice-letter{background:var(--panel2);height:28px;color:var(--gold);border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.bg-results{text-align:center}.bg-score-ring{background:conic-gradient(var(--gold), var(--gold2), var(--gold));border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:10px auto 14px;display:flex}.bg-score{background:var(--bg);width:104px;height:104px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:34px;font-weight:900;display:flex}.bg-score span{color:var(--muted);margin-top:10px;font-size:17px}.bg-results h2{margin:4px 0 18px}.bg-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.bg-review-list{text-align:left;gap:8px;display:grid}.bg-review{background:var(--panel);border-left:3px solid var(--green);border-radius:10px;padding:10px 14px}.bg-review.bad{border-left-color:var(--red)}.bg-review-q{font-size:14px;font-weight:600}.bg-review-a{color:var(--muted);margin-top:3px;font-size:12.5px}.bg-review-a strong{color:var(--green)}.bg-toast{color:var(--text);opacity:0;z-index:50;text-align:center;background:#23282f;border:1px solid #333a44;border-radius:12px;max-width:90%;padding:11px 18px;font-size:14px;transition:all .3s;position:absolute;bottom:16px;left:50%;transform:translate(-50%,20px);box-shadow:0 10px 30px #00000080}.bg-toast.show{opacity:1;transform:translate(-50%)}.bg-toast-err{border-color:var(--red);color:#ffb3be}.bg-loading{text-align:center;color:#848e9c;padding:40px}@media (max-width:520px){.bg-shell{border-radius:14px;padding:16px}.bg-question{font-size:18px}.bg-hero h2{font-size:24px}}