.bl-kicker{color:var(--accent);margin:0;font-size:.85rem;font-weight:800}.bl-title{margin:4px 0 0;font-size:1.4rem;font-weight:800}.bl-sub{color:var(--muted);margin:6px 0 0;font-weight:600}.bl-intro{gap:var(--space-4);padding:var(--space-6);display:grid}.bl-actions{gap:var(--space-2);margin-top:var(--space-2);display:grid}.bl-actions .btn{width:100%}@media (min-width:720px){.bl-actions{grid-template-columns:1fr 1fr}}.bl-home{gap:var(--space-4);scroll-margin-top:var(--space-4);display:grid}.bl-result{padding-top:var(--space-5)}.bl-result .mascot{margin:0 auto}.bl-result .big-number{font-size:clamp(2rem,9vw,2.6rem)}.bl-marks{margin:var(--space-3) 0 0;justify-content:center;gap:6px;display:flex}.bl-marks span{border-radius:var(--radius-pill);width:22px;height:10px}.bl-marks .is-maj{background:var(--info-600)}.bl-marks .is-min{background:var(--tiger-500)}.bl-stage{gap:var(--space-4);max-width:720px;scroll-margin-top:var(--space-4);margin:0 auto;display:grid}.bl-top{align-items:center;gap:var(--space-3);display:flex}.bl-top .chip{cursor:default}.bl-count{font-variant-numeric:tabular-nums;flex:1;font-weight:800}.bl-q{text-align:center;margin:0;font-size:1.3rem;font-weight:800}.bl-pair{gap:var(--space-3);display:grid;position:relative}@media (min-width:720px){.bl-pair{grid-template-columns:1fr 1fr}}.bl-opt{place-items:center;gap:var(--space-2);min-height:150px;padding:var(--space-5) var(--space-4);border-radius:var(--radius);border:3px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom-width:6px;display:grid;position:relative;overflow:hidden}@media (min-width:720px){.bl-opt{min-height:220px}}.bl-opt:hover:not(:disabled){border-color:var(--info-600)}.bl-opt.is-b:hover:not(:disabled){border-color:var(--tiger-500)}.bl-opt:active:not(:disabled){transform:translateY(2px)}.bl-opt:disabled{cursor:default;color:var(--fg)}.bl-pair.is-revealed .bl-vs{display:none}.bl-opt-text{word-break:keep-all;text-align:center;font-size:clamp(1.15rem,5vw,1.4rem);font-weight:800;line-height:1.4;position:relative}.bl-pct{font-variant-numeric:tabular-nums;animation:pop .32s var(--ease) both;font-size:2rem;font-weight:800;position:relative}.bl-fill{background:color-mix(in srgb, var(--info-600) 16%, transparent);animation:bl-rise .7s var(--ease) both;transform-origin:bottom;position:absolute;bottom:0;left:0;right:0}.bl-opt.is-b .bl-fill{background:color-mix(in srgb, var(--tiger-500) 26%, transparent)}@keyframes bl-rise{0%{transform:scaleY(0)}}.bl-opt.is-picked{border-color:var(--info-600)}.bl-opt.is-b.is-picked{border-color:var(--tiger-600)}.bl-opt.is-other{opacity:.8}.bl-vs{background:var(--bear-900);width:48px;height:48px;color:var(--bg);border:4px solid var(--bg);pointer-events:none;border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bl-after{min-height:96px}.bl-hint{text-align:center;color:var(--muted);margin:0;font-weight:600}.bl-after-in{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--cream-50);grid-template-columns:auto 1fr;display:grid}.bl-after-title{margin:0;font-size:1.15rem;font-weight:800}.bl-next{grid-column:1/-1;width:100%}@media (min-width:720px){.bl-after-in{grid-template-columns:auto 1fr auto}.bl-next{grid-column:auto;width:auto;min-width:160px}}.bl-review{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.bl-bars{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--cream-50);gap:6px;display:grid}.bl-bars small{color:var(--muted);font-weight:600}.bl-bar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--bg);font-weight:600;display:flex;position:relative;overflow:hidden}.bl-bar-fill{background:color-mix(in srgb, var(--info-600) 16%, transparent);position:absolute;top:0;bottom:0;left:0}.bl-bar.is-b .bl-bar-fill{background:color-mix(in srgb, var(--tiger-500) 26%, transparent)}.bl-bar-text,.bl-bar b{position:relative}.bl-bar.is-mine{box-shadow:inset 0 0 0 2px var(--bear-900);font-weight:800}.bl-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:110;border-radius:var(--radius-md);background:var(--bear-900);max-width:calc(100% - 32px);color:var(--bg);box-shadow:var(--shadow-float);animation:rise .2s var(--ease) both;padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%)}