/* Boomverse — usa las variables de style.css (--card, --ink, --muted, --p, --line, --r, --gold) */
.bv{max-width:640px;margin-left:auto;margin-right:auto}
.bv h1{margin:0 0 4px}
.bv-intro{margin:0 0 12px;color:var(--muted,#6b6f93)}
.bv-hud{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;margin-bottom:10px;padding:8px 12px;font-variant-numeric:tabular-nums;color:var(--ink,#1c1b4b);background:var(--card,#fff);border:1px solid var(--line,#dfe1fa);border-radius:12px}
.bv-wrap{position:relative}
.bv-wrap canvas{display:block;width:100%;height:auto;background:#1b1e48;border:3px solid var(--line,#dfe1fa);border-radius:var(--r,18px)}
.bv-ov,.bv-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;color:#eceeff;background:rgba(20,23,58,.88);border-radius:var(--r,18px)}
.bv-ov[hidden],.bv-lock[hidden]{display:none}
.bv-t{font-size:clamp(28px,8vw,52px);font-weight:900;line-height:1.05;color:#ffcf4a;text-shadow:0 4px 0 #b3261e}
.bv-ov p,.bv-lock p{margin:0;max-width:34ch;color:#cfd3ff}
.bv-ov small{max-width:44ch;color:#a3a9d8}
.bv-wrap #bv-pt{width:120px;height:140px;background:none;border:0;border-radius:0}
.bv-chips{display:flex;gap:8px;align-items:center}
.bv-chip{width:40px;height:40px;font:inherit;font-weight:700;color:#eceeff;background:transparent;border:2px solid #5560b8;border-radius:8px;cursor:pointer}
.bv-chip.on{color:#14173a;background:#eceeff;border-color:#eceeff}
.bv-go{padding:10px 26px;font:inherit;font-size:20px;font-weight:900;color:#fff;background:var(--p,#5b4bf5);border:0;border-radius:12px;box-shadow:0 4px 0 rgba(0,0,0,.35);cursor:pointer}
.bv-go:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.35)}
.bv-meter{width:min(280px,80%);height:14px;overflow:hidden;background:rgba(255,255,255,.18);border-radius:99px}
.bv-meter i{display:block;width:0;height:100%;background:var(--gold,#fbbf24);transition:width .6s}
.bv-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.bv-links a{padding:8px 14px;font-weight:700;color:#fff;text-decoration:none;background:var(--p,#5b4bf5);border-radius:10px}
.bv button:focus-visible,.bv-links a:focus-visible{outline:3px solid #ffcf4a;outline-offset:2px}
.bv-help{margin:10px 0 0;font-size:13px;text-align:center;color:var(--muted,#6b6f93)}
@media (max-width:560px){.bv-ov,.bv-lock{gap:6px}.bv-wrap #bv-pt{width:70px;height:82px}.bv-t{font-size:26px}.bv-ov small{font-size:11px}}