.onb{width:100%}.onb-head{gap:var(--s-2);flex-direction:column;display:flex}.onb-head .ui-title{font-size:calc(var(--fs-display) * 1.15);letter-spacing:var(--ls-display);text-wrap:balance;line-height:1.1}.onb-progress{isolation:isolate;padding:var(--s-6);border:1px solid var(--text);border-radius:var(--r-lg);background:var(--surface);position:relative;overflow:hidden}.onb-progress .ui-card-title{font-size:calc(var(--fs-subtitle) * 1.2)}.onb-account{align-items:center;gap:var(--s-3);min-width:0;display:flex}.onb-account-id{gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.onb-avatar{width:var(--s-7);height:var(--s-7);border:1px solid var(--border);border-radius:var(--r-sm);object-fit:cover;background:var(--panel-2);flex:none}.onb-avatar-empty{font-size:var(--fs-title);color:var(--muted);place-items:center;display:grid}.onb-facts{gap:var(--s-5);padding-top:var(--s-3);border-top:1px solid var(--border);flex-wrap:wrap;margin:0;display:flex}.onb-facts>div{gap:var(--s-1);flex-direction:column;display:flex}.onb-facts dt{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.onb-facts dd{font-size:var(--fs-metric);line-height:var(--lh-metric);font-weight:var(--fw-metric);letter-spacing:var(--ls-metric);margin:0}.onb-locales{gap:var(--s-2);grid-template-columns:repeat(2,1fr);display:grid}.onb-locale{min-height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--fs-body-sm);cursor:pointer;transition:border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease)}.onb-locale:hover{border-color:var(--border-strong)}.onb-locale[data-selected]{border-color:var(--accent);background:var(--panel-2);font-weight:var(--fw-subtitle)}@media (pointer:coarse){.onb-locale{min-height:var(--tap-min)}}.onb-locale-select{width:100%;min-height:var(--tap-min,44px);font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:10px 14px;font-size:15px}.onb-locale-select:focus-visible{border-color:var(--border-strong);outline:none}.onb-head .ui-badge{align-self:flex-start}.onb-percent{font-size:var(--fs-metric);line-height:var(--lh-metric);font-weight:var(--fw-metric);letter-spacing:var(--ls-metric);font-variant-numeric:tabular-nums}.onb-bar{height:var(--bar-h-xl);border-radius:var(--r-pill);background:var(--panel-2);border:1px solid var(--border);position:relative;overflow:hidden}.onb-bar>i{border-radius:inherit;background:var(--accent);min-width:0;height:100%;transition:width var(--dur-3) var(--ease);display:block}.onb-bar[data-live]>i:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bg) 45%, transparent), transparent);animation:onb-sheen 2.4s var(--ease) infinite;position:absolute;inset:0}@keyframes onb-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.onb-readout{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted)}.onb-readout b{color:var(--text);font-variant-numeric:tabular-nums}.onb-steps{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.onb-step{grid-template-columns:var(--s-4) 1fr;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);transition:background var(--dur-3) var(--ease), border-color var(--dur-3) var(--ease);border:1px solid #0000;align-items:start;display:grid}.onb-step[data-state=now]{border-color:var(--text);background:var(--surface);box-shadow:inset 3px 0 0 var(--text)}.onb-step[data-state=done]{background:var(--panel)}.onb-step-dot{width:var(--s-3);height:var(--s-3);margin-top:var(--s-1);border:1px solid var(--border-strong);background:var(--panel-2);border-radius:50%;position:relative}.onb-step[data-state=done] .onb-step-dot,.onb-step[data-state=now] .onb-step-dot{border-color:var(--text);background:var(--text)}.onb-step[data-state=now] .onb-step-dot:after{content:"";inset:calc(-1 * var(--s-1));border:1px solid var(--text);border-radius:50%;position:absolute}.onb-step-text{gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.onb-step-text b{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);font-weight:var(--fw-subtitle)}.onb-step-text span{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted)}.onb-step[data-state=todo] .onb-step-text b{color:var(--muted);font-weight:500}.onb-sweep{align-items:center;gap:var(--s-2);flex-direction:column;margin:0;display:flex}.onb-sweep-board{width:100%;max-width:260px;padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r);background:var(--panel);grid-template-columns:repeat(8,1fr);gap:2px;margin-inline:auto;display:grid}.onb-sweep-board>span{aspect-ratio:1;background:var(--panel-2);transition:background var(--dur-3) var(--ease);border-radius:2px}.onb-sweep-board>span[data-on]{background:color-mix(in srgb, var(--accent) 55%, transparent)}.onb-sweep-board>span[data-edge]{background:var(--accent);animation:onb-edge 1.2s var(--ease) infinite}@keyframes onb-edge{50%{opacity:.3}}.onb-sweep figcaption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.onb-price{font-size:var(--fs-metric);line-height:var(--lh-metric);font-weight:var(--fw-metric);letter-spacing:var(--ls-metric);font-variant-numeric:tabular-nums;white-space:nowrap}.onb-price>small{font-size:var(--fs-body-sm);letter-spacing:normal;color:var(--muted);font-weight:400}.onb-includes{gap:var(--s-2);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);margin:0;padding:0;list-style:none;display:grid}.onb-includes>li{gap:var(--s-2);grid-template-columns:auto 1fr;align-items:start;display:grid}.onb-includes>li:before{content:"";border:solid var(--accent);border-width:0 2px 2px 0;width:.5em;height:.85em;margin-top:.3em;transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.onb-bar>i,.onb-sweep-board>span{transition:none}.onb-bar[data-live]>i:after,.onb-step[data-state=now] .onb-step-dot:after,.onb-sweep-board>span[data-edge]{animation:none}.onb-step[data-state=now] .onb-step-dot:after{content:"";inset:calc(-1 * var(--s-1));border:1px solid var(--warn);opacity:1;border-radius:50%;position:absolute;transform:none}}.onb-wait{width:min(100%,220px);margin:var(--s-2) auto;grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.onb-wait>span{aspect-ratio:1;background:var(--panel-2);animation:onb-wave 6s var(--ease) infinite;animation-delay:calc(var(--d) * .26s);border-radius:2px}@keyframes onb-wave{0%,45%,to{background:var(--panel-2);transform:scale(1)}18%{background:color-mix(in srgb, var(--accent) 35%, var(--panel-2));transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.onb-wait>span{animation:none}.onb-wait>span:nth-child(9n+1){background:color-mix(in srgb, var(--accent) 55%, transparent)}}.onb-tiers{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.onb-tier{gap:var(--s-1);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease);flex-direction:column;display:flex}.onb-tier:hover{border-color:var(--border-strong)}.onb-tier[data-on="1"]{border-color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--text)}.onb-tier-games{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.onb-tier[data-on="1"] .onb-tier-games{color:var(--text);font-weight:600}.onb-tier-price{font-size:var(--fs-metric);line-height:var(--lh-metric);font-weight:var(--fw-metric);letter-spacing:var(--ls-metric);font-variant-numeric:tabular-nums}.onb-tier-price small{font-size:var(--fs-caption);color:var(--muted);font-weight:400}@media (max-width:640px){.onb-tiers{grid-template-columns:1fr}}.onb-pay{align-items:center;gap:var(--s-6);text-align:center;flex-direction:column;max-width:720px;margin:0 auto;display:flex}.onb-pay-head{isolation:isolate;align-items:center;gap:var(--s-2);flex-direction:column;display:flex;position:relative}.onb-pay-head .ui-title{font-size:calc(var(--fs-display) * 1.15);text-wrap:balance;line-height:1.06}.onb-pay-head .ui-note{max-width:54ch;font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty}.onb-pay .onb-tiers{width:100%}.onb-pay .onb-includes{text-align:left;width:fit-content;font-size:var(--fs-body);line-height:var(--lh-body);margin:0 auto}.onb-pay-act{align-items:center;gap:var(--s-3);flex-direction:column;width:100%;max-width:420px;display:flex}.onb-waiver{gap:var(--s-2);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);text-align:left;text-wrap:pretty;cursor:pointer;align-items:flex-start;display:flex}.onb-waiver input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:2px}.onb-waiver a{color:inherit;text-decoration:underline}.onb-pay-fine{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);text-wrap:pretty;margin:0}.onb-pay .onb-tier{align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-4) var(--s-5);text-align:center;position:relative}.onb-tier-flag{top:calc(-1 * var(--s-3));padding:2px var(--s-3);border-radius:var(--r-pill);background:var(--text);color:var(--on-ink);font-size:var(--fs-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;font-weight:var(--fw-overline);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.onb-pay .onb-tier-price{font-family:var(--font-display-stack);font-size:calc(var(--fs-metric) * 1.35);font-weight:800}.onb-tier-mark{width:18px;height:18px;margin-top:var(--s-1);border:2px solid var(--border-strong);transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);border-radius:50%}.onb-tier[data-on="1"] .onb-tier-mark{border-color:var(--text);box-shadow:inset 0 0 0 4px var(--text)}@media (max-width:640px){.onb-pay{gap:var(--s-5)}.onb-pay .onb-tier{padding:var(--s-4);text-align:left;flex-direction:row;justify-content:space-between;align-items:center}.onb-tier-flag{order:-1;align-self:center;position:static;transform:none}.onb-pay .onb-tier-price{margin-left:auto}}