:root{--bh-sky:#dbeafe;--bh-ground:#fef3c7;--bh-road:#cbd5e1}:root[data-theme=dark]{--bh-sky:#0f172a;--bh-ground:#1e293b;--bh-road:#334155}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bh-sky:#0f172a;--bh-ground:#1e293b;--bh-road:#334155}}.bh-hero h1{margin:8px 0 10px;font-size:clamp(1.8rem,5vw,3rem);line-height:1.1}.bh-lead{max-width:62ch;color:var(--muted);font-size:1.08rem}.bh-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin:0 0 4px;font-size:.78rem;font-weight:700}.bh{gap:16px;display:grid}.bh-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--bz-glow);border-radius:20px;padding:18px 20px;position:relative}.bh-card h2{margin:0 0 8px;font-size:1.25rem}.bh-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.bh-level{align-items:center;gap:12px;min-width:240px;display:flex}.bh-level-badge{color:#fff;background:linear-gradient(135deg, var(--bz-gold), var(--brand));width:46px;height:46px;box-shadow:0 8px 20px -10px var(--brand);border-radius:14px;place-items:center;font-size:1.3rem;font-weight:800;display:grid}.bh-xpbar{background:var(--soft);border-radius:99px;width:200px;max-width:50vw;height:8px;margin:6px 0 4px;overflow:hidden}.bh-xpbar i{border-radius:inherit;background:linear-gradient(90deg, var(--bz-gold), var(--brand));height:100%;display:block}.bh-chips{flex-wrap:wrap;gap:8px;display:flex}.bh-stats .bz-disclaimer{flex-basis:100%;margin:0}.bh-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.bh-grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}@media (width<=760px){.bh-grid{grid-template-columns:1fr}}.bh-map{width:100%;max-width:360px;box-shadow:var(--bz-glow);border-radius:24px;margin:0 auto;display:block}.bh-skyline rect{fill:color-mix(in srgb, var(--ink) 18%, transparent)}.bh-road{fill:none;stroke:var(--bh-road);stroke-width:26px;stroke-linecap:round}.bh-road-dash{fill:none;stroke:var(--surface);stroke-width:2px;stroke-dasharray:8 10;opacity:.8}.bh-road-done{fill:none;stroke:var(--bz-gold);stroke-width:8px;stroke-linecap:round;opacity:.9}.bh-node{cursor:pointer;animation:bh-in .6s var(--bz-ease) both;outline:none}@keyframes bh-in{0%{opacity:0;transform:translateY(20px)}}.bh-node .bh-disc{transition:transform .25s var(--bz-ease);filter:drop-shadow(0 6px 8px #00000040)}.bh-node:hover .bh-disc,.bh-node:focus-visible .bh-disc,.bh-node.is-active .bh-disc{transform:scale(1.12)}.bh-node.is-active .bh-ring-bg{stroke:var(--brand);animation:1.6s ease-in-out infinite bh-pulse}@keyframes bh-pulse{50%{stroke-width:6px;opacity:.6}}.bh-ring-bg{fill:none;stroke:var(--surface);stroke-width:4px}.bh-ring{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dasharray .8s var(--bz-ease)}.bh-node.is-locked .bh-disc{filter:grayscale(.85)opacity(.7)}.bh-emoji{font-size:22px}.bh-medal{font-size:18px}.bh-label{fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:3px;font-size:12px;font-weight:700}.bh-course{border-top:6px solid var(--tint,var(--brand))}.bh-progress{gap:6px;margin:10px 0 14px;display:flex}.bh-progress i{background:var(--soft);border-radius:99px;flex:1;height:8px;transition:background .4s}.bh-progress i.is-on{background:var(--tint,var(--brand))}.bh-course .bz-btn{text-decoration:none;display:inline-block}.bh-locked p{margin:4px 0 10px}.bh-skip-hint{margin-top:10px}.bh-lab{background:linear-gradient(120deg, color-mix(in srgb, var(--brand) 16%, var(--surface)), var(--surface));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bh-lab>div{flex:320px}.bh-lab .bz-btn{text-decoration:none}.bh-lesson{border-left:4px solid var(--bz-gold);padding-left:10px}.bh-checks{gap:8px;padding:0;list-style:none;display:grid}.bh-checks label{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.bh-pledge.is-done ul{color:var(--bz-up);padding-left:0;list-style:none}.bh-quiz{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}.bh-qcount{color:var(--muted);margin:0;font-size:.8rem}.bh-q{font-weight:700}.bh-opts{gap:8px;display:grid}.bh-opt{text-align:left;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:12px;padding:10px 12px}.bh-opt:hover:not(:disabled){border-color:var(--brand)}.bh-opt.is-right{border-color:var(--bz-up);background:color-mix(in srgb, var(--bz-up) 14%, var(--surface))}.bh-opt.is-wrong{border-color:var(--bz-down);background:color-mix(in srgb, var(--bz-down) 12%, var(--surface))}.bh-explain{margin-top:10px}.bh-result{font-weight:700}.bh-static h2{margin-top:28px}.bh-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:0;list-style:none;display:grid}.bh-list a{border:1px solid var(--line);border-left:5px solid var(--tint);background:var(--surface);color:var(--ink);border-radius:16px;gap:4px;height:100%;padding:14px 16px;text-decoration:none;display:grid}.bh-list a:hover{border-color:var(--tint)}.bh-list small{color:var(--muted)}.bh-notice{border:1px solid var(--line);background:var(--soft);border-radius:20px;margin-top:24px;padding:18px 22px}.bh-sources{font-size:.85rem}@media (prefers-reduced-motion:reduce){.bh-node,.bh-node.is-active .bh-ring-bg{animation:none}}