/* Миллиардик — кнопка «Открыть Миллиардик» на компьютере: окно с QR-кодом (v1, 20.10.2026). Без библиотек. */
.ob-back{position:fixed;inset:0;background:rgba(15,19,54,.45);display:none;align-items:center;justify-content:center;padding:16px;z-index:100}
.ob-back.on{display:flex}
.ob{position:relative;background:var(--card,#fff);color:var(--ink,#171C4F);border-radius:24px;padding:32px 32px 26px;max-width:420px;width:100%;text-align:center;box-shadow:0 24px 60px rgba(15,19,54,.3);font-family:"Golos Text",system-ui,sans-serif}
.ob h3{margin:0 0 8px;font:700 22px/1.2 Unbounded,"Golos Text",system-ui,sans-serif}
.ob p{margin:0 0 18px;color:var(--ink-2,#5A6190);font-size:15px;line-height:1.45}
.ob .qr{width:208px;height:208px;margin:0 auto 10px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line,#DDE1F2)}
.ob .qr img,.ob .qr svg{display:block;width:100%;height:100%}
.ob .url{font-weight:600;font-size:16px;margin-bottom:18px}
.ob .demo{display:inline-block;color:var(--acc,#2F45E6);font-weight:600;text-decoration:none;font-size:15px}
.ob .demo:hover{text-decoration:underline}
.ob .note{display:block;margin-top:6px;color:var(--ink-2,#5A6190);font-size:13px}
.ob-x{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:28px;line-height:1;color:var(--ink-2,#5A6190);cursor:pointer;padding:6px}