@keyframes ob-bar{0%{width:0}to{width:100%}}@keyframes ob-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.ob-bg{--ob-card:#f6f9fc;--ob-card-foreground:#040a1c;--ob-muted:#e7ebf2;--ob-border:#d1d8e2;background:linear-gradient(#f5f7ff 0%,#eef1fa 55%,#f0f4ff 100%)}@supports (color:lab(0% 0 0)){.ob-bg{--ob-card:lab(97.6644% -.267297 -1.87219);--ob-card-foreground:lab(2.85531% 1.29449 -11.0534);--ob-muted:lab(93.0126% -.634432 -3.71077);--ob-border:lab(86.0373% -.92268 -5.55041)}}.dark .ob-bg{--ob-card:#0a1023;--ob-card-foreground:#eceff2;--ob-muted:#131a2d;--ob-border:#ffffff1f;background:linear-gradient(#020c2e 0%,#031442 55%,#020a24 100%)}@supports (color:lab(0% 0 0)){.dark .ob-bg{--ob-card:lab(4.99631% 1.88766 -13.4988);--ob-card-foreground:lab(94.1844% -.267118 -1.87205);--ob-muted:lab(9.1889% 1.9662 -14.4165);--ob-border:lab(100% 0 0/.12)}}.dark .ob-glow{background:radial-gradient(1200px 700px at 15% -10%,#6366f138,transparent 60%),radial-gradient(900px 600px at 110% 110%,var(--brand),transparent 55%)}@supports (color:color-mix(in lab, red, red)){.dark .ob-glow{background:radial-gradient(1200px 700px at 15% -10%,#6366f138,transparent 60%),radial-gradient(900px 600px at 110% 110%,color-mix(in srgb,var(--brand)14%,transparent),transparent 55%)}}.ob-grid{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(#000 40%,#0000 85%);mask-image:radial-gradient(#000 40%,#0000 85%)}.dark .ob-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px)}.ob-pdot-active{background:linear-gradient(90deg,var(--primary),var(--brand));animation:1.2s forwards ob-bar;position:absolute;inset:0}.ob-word{color:#1118270a;filter:blur(8px);will-change:filter,color;transition:color .5s cubic-bezier(.2,.7,.2,1),filter .5s cubic-bezier(.2,.7,.2,1);display:inline-block}.ob-word.in{color:#111827;filter:blur()}.ob-word.accent.in{color:var(--primary);text-shadow:0 0 32px var(--brand)}@supports (color:color-mix(in lab, red, red)){.ob-word.accent.in{text-shadow:0 0 32px color-mix(in srgb,var(--brand)22%,transparent)}}.dark .ob-word{color:#f0f3ff0a}.dark .ob-word.in{color:#f0f3ff}.dark .ob-word.accent.in{color:var(--primary)}.ob-congrats-box{animation:.6s cubic-bezier(.2,.8,.2,1) both ob-rise}.ob-done-mark{animation:.5s cubic-bezier(.2,1.6,.3,1) both ob-pop}.mt-timeline{flex-direction:column;gap:.375rem;padding-left:1.125rem;display:flex;position:relative}.mt-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:.25rem;bottom:.25rem;left:.3125rem}.mt-mark{width:fit-content;display:flex}.mt-half,.mt-axis-start,.mt-axis-end{display:none}@media (min-width:768px){.mt-timeline{height:var(--track-h,7.5rem);padding-left:0;display:block}.mt-timeline:before{width:auto;height:1px;inset:50% 0 auto}.mt-mark{left:var(--at);position:absolute;transform:translate(-50%)}.mt-mark[data-side=ours]{bottom:calc(50% + .5rem + var(--lane,0)*1.875rem)}.mt-mark[data-side=opponent]{top:calc(50% + .5rem + var(--lane,0)*1.875rem)}.mt-half{left:var(--at);background:var(--border);width:1px;height:1rem;display:block;position:absolute;top:calc(50% - .5rem)}.mt-axis-start,.mt-axis-end{font-size:var(--text-2xs);color:var(--muted-foreground);font-variant-numeric:tabular-nums;display:block;position:absolute;top:calc(50% + .25rem)}.mt-axis-start{left:0}.mt-axis-end{right:0}}@media (max-width:767px){.page-builder-grid{grid-template-columns:1fr!important}}.page-builder-grid{grid-template-columns:var(--grid-cols,1fr);display:grid}@media (max-width:767px){.page-builder-grid{grid-template-columns:1fr!important}}.perf-compare{--perf-benchmark:#b96a2a}.dark .perf-compare{--perf-benchmark:#d0743e}