.hero-animation{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--brand) 4%, transparent), transparent 68%);border-radius:50%;align-self:center;min-width:0;height:24rem;position:relative}.hero-animation canvas{width:100%;height:100%;display:block}.hero-animation-toggle{position:absolute;bottom:0;right:0}@media (width<=760px){.hero-animation{height:14rem}}@font-face{font-family:PlayerVox Score Rank;src:url(/fonts/SpaceGrotesk-Score.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:PlayerVox Score Mono;src:url(/fonts/NotoSansMono-ScoreRegular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:PlayerVox Score Mono;src:url(/fonts/NotoSansMono-ScoreBold.ttf)format("truetype");font-weight:700;font-display:swap}.demo-score{min-width:172px;padding:8px}.demo-score[data-criteria=true]{width:236px}.demo-score-header{align-items:start;gap:6px;height:24px;display:flex}.demo-score-title{flex:1;margin:0;font-size:12px;font-weight:700;line-height:18px}.demo-score-mark{background:#a1a1aa;width:15.3px;height:18px;margin-left:auto;-webkit-mask:url(/brand/playervox-mark-dark.svg) 50%/contain no-repeat;mask:url(/brand/playervox-mark-dark.svg) 50%/contain no-repeat}.demo-score-summary{align-items:center;gap:14px;min-height:64px;display:flex}.demo-score-summary[data-has-side=false]{justify-content:center}.demo-score-badge{color:#9ae600;background:#000;border:3px solid #9ae600;border-radius:12px;flex:0 0 56px;place-items:center;width:56px;height:56px;margin:4px;font:700 26px/1 PlayerVox Score Rank,sans-serif;display:grid;transform:rotate(4deg);box-shadow:0 0 10px #a3e63566,inset 0 0 6px #a3e63526}.demo-score-numbers{flex-direction:column;gap:4px;display:flex}.demo-score-value{align-items:baseline;gap:2px;margin:0;font-family:PlayerVox Score Mono,monospace;display:flex}.demo-score-value strong{font-size:25px;font-weight:700;line-height:1.4}.demo-score-value span{color:#a1a1aa;font-size:12px}.demo-score-votes{color:#a1a1aa;white-space:nowrap;margin:0;font-size:10.5px}.demo-score-criteria{gap:8px;margin-top:9px;display:grid}.demo-score-criterion>div:first-child{color:#a1a1aa;justify-content:space-between;font-size:10px;display:flex}.demo-score-criterion>div:first-child span:last-child{color:#f7f7f8;font-family:PlayerVox Score Mono,monospace}.demo-score-track{background:#ffffff18;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.demo-score-track>span{border-radius:inherit;height:100%;display:block}.demo-score[data-badge-only=true]{place-items:center;width:76px;min-width:0;height:76px;padding:0;display:grid}@font-face{font-family:OverCrow UI;src:url(/fonts/NotoSansUI-Regular-latin.woff2)format("woff2");font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+2264-2265,U+FEFF,U+FFFD}@font-face{font-family:OverCrow UI;src:url(/fonts/NotoSansUI-Regular-extended.woff2)format("woff2");font-display:swap;unicode-range:U+100-130,U+132-151,U+154-24F,U+1E??,U+20A0-20AB,U+20AD-20C0,U+2100-2121,U+2123-214F,U+25CC}.demo-widget-stage{--demo-start-top:112px;--demo-side-inset:32px;position:absolute;inset:0}.demo-widget{--demo-toolbar-width:80px;z-index:var(--demo-widget-layer,1);min-width:var(--demo-toolbar-width);color:#f7f7f8;max-width:100%;font:13px/1.4 OverCrow UI,sans-serif;position:absolute}.demo-widget[hidden],.demo-widget [hidden]{display:none!important}.demo-widget[data-options-open]{z-index:4}.demo-widget-score{left:28%;top:calc(var(--demo-start-top) + 130px);width:300px;height:260px}.demo-widget-performance{left:calc(var(--demo-side-inset) + 1%);top:calc(var(--demo-start-top) + 38px);width:150px;height:126px}.demo-widget-fps{min-width:24px;right:var(--demo-side-inset);top:var(--demo-start-top);width:116px;height:54px}.demo-widget-twitch{right:var(--demo-side-inset);top:calc(var(--demo-start-top) + 130px);width:290px;height:280px}.demo-widget button{cursor:pointer}.demo-widget button:focus-visible,.demo-widget input:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.demo-widget-move{z-index:2;color:#a1a1aa;touch-action:none;background:0 0;border:0;border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:100%;height:22px;padding:0;display:flex;position:absolute;top:0;left:0;cursor:move!important}.demo-widget-move svg{opacity:0;margin-top:-12px}.demo-widget:hover .demo-widget-move svg,.demo-widget-move:focus-visible svg{opacity:1}.demo-widget-move:hover svg,.demo-widget-move:focus-visible svg{color:#f7f7f8}.demo-widget:before{content:"";top:var(--widget-toolbar-bridge-top,-34px);left:var(--widget-toolbar-left,auto);width:var(--demo-toolbar-width);height:var(--widget-toolbar-bridge-height,34px);position:absolute;right:0}.demo-widget-toolbar{z-index:3;left:var(--widget-toolbar-left,auto);right:0;top:var(--widget-toolbar-top,-34px);width:var(--demo-toolbar-width);opacity:0;pointer-events:none;background:#18181cf0;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:2px;height:28px;padding:2px;display:flex;position:absolute;box-shadow:0 4px 12px #0005}.demo-widget:hover .demo-widget-toolbar,.demo-widget:focus-within .demo-widget-toolbar,.demo-widget[data-options-open] .demo-widget-toolbar{opacity:1;pointer-events:auto}.demo-widget-toolbar button{color:#d4d4d8;background:0 0;border:0;border-radius:5px;flex:1;place-items:center;height:22px;padding:0;display:grid}.demo-widget-toolbar button:hover,.demo-widget-toolbar button[aria-expanded=true]{color:#f7f7f8;background:#ffffff14}.demo-widget [data-chrome=widget-close]:hover{color:#f87171}.demo-eye-passive,.demo-widget[data-show-in-passive=false] .demo-eye-active{display:none}.demo-widget[data-show-in-passive=false] .demo-eye-passive{display:block}.demo-widget[data-show-in-passive=true] [data-chrome=widget-eye]{color:#a3e635}.demo-widget[data-mode=passive]{pointer-events:none}.demo-widget[data-mode=passive][data-show-in-passive=false],.demo-widget[data-mode=passive] .demo-widget-toolbar,.demo-widget[data-mode=passive]:before,.demo-widget[data-mode=passive] .demo-twitch-connect,.demo-widget[data-mode=passive] .demo-twitch-header,.demo-widget[data-mode=passive] .demo-twitch-header-actions,.demo-widget[data-mode=passive] .demo-twitch-footer button{display:none}.demo-widget-viewport{border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.demo-widget-surface{border-radius:inherit;pointer-events:none;background:#111114ee;border:1px solid #ffffff18;position:absolute;inset:0}.demo-widget-content{transform-origin:0 0;scrollbar-width:thin;scrollbar-color:#52525b transparent;width:100%;height:100%;position:relative;overflow:auto}.demo-widget-resize{z-index:2;touch-action:none;opacity:0;background:0 0;border:0;border-radius:0 0 10px;width:16px;height:16px;padding:0;position:absolute;bottom:0;right:0;cursor:nwse-resize!important}.demo-widget:hover .demo-widget-resize,.demo-widget:focus-within .demo-widget-resize{opacity:1}.demo-widget-resize svg{color:#a1a1aa;width:10px;height:10px;margin:3px;display:block}.demo-widget-resize:hover svg{color:#a3e635}.demo-options{z-index:10;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52525b transparent;background:#18181c;border:1px solid #ffffff2a;border-radius:8px;gap:2px;width:240px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 32px);padding:6px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0006}.demo-option-slider,.demo-option-switch{color:#f7f7f8;cursor:pointer;border-radius:5px;gap:4px;padding:5px 6px;font-size:12px;display:grid}.demo-option-slider:hover,.demo-option-switch:hover{background:#ffffff0d}.demo-option-row,.demo-option-switch{align-items:center;gap:7px;display:flex}.demo-option-row>svg,.demo-option-switch>svg{color:#a1a1aa;flex-shrink:0}.demo-option-label{white-space:nowrap;flex:1}.demo-option-value{color:#a1a1aa;font-variant-numeric:tabular-nums;font-size:11px}.demo-option-slider input[type=range]{accent-color:#a3e635;cursor:pointer;width:100%;height:14px;margin:0}.demo-options input[type=checkbox]{appearance:none;cursor:pointer;background:#3f3f46;border-radius:999px;flex-shrink:0;width:26px;height:14px;margin:0;transition:background .12s;position:relative}.demo-options input[type=checkbox]:after{content:"";background:#f7f7f8;border-radius:50%;width:10px;height:10px;transition:transform .12s;position:absolute;top:2px;left:2px}.demo-options input[type=checkbox]:checked{background:#a3e635}.demo-options input[type=checkbox]:checked:after{background:#18181c;transform:translate(12px)}.demo-options-section{color:#a1a1aa;margin:0;padding:4px 0 2px;font-size:11px}.demo-performance{gap:8px;margin:0;padding:8px;display:grid}.demo-performance>div{align-items:baseline;gap:8px;min-height:18px;display:flex}.demo-performance dt{color:#a1a1aa;letter-spacing:.08em;width:30px;font-size:9px}.demo-performance dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:13px}.demo-performance dd span{color:#a1a1aa;font-size:11px}.demo-fps{align-items:baseline;gap:6px;padding:8px;display:flex}.demo-fps strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:400;line-height:28px}.demo-fps span{letter-spacing:.04em;color:#a1a1aa;font-size:11px;font-weight:600}.demo-twitch{flex-direction:column;height:100%;min-height:220px;padding:10px 8px;display:flex}.demo-twitch-header{align-items:center;gap:6px;min-height:24px;margin-bottom:6px;display:flex}.demo-twitch-icon{color:#a3e635;flex-shrink:0}.demo-twitch-star{color:#a1a1aa;flex-shrink:0}.demo-twitch-header strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.demo-twitch-dot{background:#71717a;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.demo-twitch-dot[data-status=connected]{background:#a3e635}.demo-twitch-dot[data-status=connecting]{background:#facc15}.demo-twitch-dot[data-status=error]{background:#f87171}.demo-twitch-header-actions{gap:4px;margin-left:auto;display:flex}.demo-twitch-header-actions button{color:#a1a1aa;background:0 0;border-radius:4px;place-items:center;width:24px;height:24px;padding:0;display:grid}.demo-twitch-header-actions button:hover{color:#f7f7f8;background:#ffffff12}.demo-twitch-connect-row{gap:6px;display:flex}.demo-twitch-connect input{background:#09090b80;border:1px solid #ffffff20;border-radius:5px;flex:1;width:100%;min-width:0;padding:6px;font-size:11px}.demo-twitch-connect button{background:#ffffff0d;border:1px solid #ffffff20;border-radius:5px;flex-shrink:0;padding:5px 8px;font-size:11px}.demo-twitch-connect button:hover{background:#ffffff18}.demo-twitch-connect [role=alert]{color:#fca5a5;padding-top:4px;font-size:10px}.twitch-status{color:#a1a1aa;padding-block:7px;font-size:10px}.demo-twitch-log{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52525b transparent;flex:1;min-height:0;overflow:auto}.chat-message{overflow-wrap:anywhere;margin:0 0 4px;font-size:12px;line-height:1.65}.chat-message strong{color:#ff7b45;font-weight:600}.chat-message:nth-child(3n+2) strong{color:#4a9eff}.chat-message:nth-child(3n) strong{color:#f7f7f8}.demo-chat-empty{color:#a1a1aa;font-size:11px}.demo-twitch-footer{color:#a1a1aa;flex-wrap:wrap;gap:4px 8px;padding-top:6px;font-size:9px;display:flex}.demo-twitch-footer button{color:#d4d4d8;text-underline-offset:3px;text-decoration:underline}.demo-disclaimer{color:var(--foreground);margin-bottom:.25rem;font-size:.75rem;display:block}.demo-restore{flex-wrap:wrap;gap:8px;padding:12px 20px 0;display:flex}.demo-restore button{border:1px solid var(--border);min-height:36px;color:var(--brand);background:var(--surface);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}@media (hover:none){.demo-widget-toolbar,.demo-widget-resize{opacity:1;pointer-events:auto}}@media (width>=701px) and (width<=1100px){.demo-widget-score{left:var(--demo-side-inset);top:calc(var(--demo-start-top) + 190px);width:270px;height:240px}.demo-widget-twitch{width:270px;height:280px;top:calc(var(--demo-start-top) + 148px)}}@media (width<=700px){.overlay-demo .overlay-demo-stage{height:932px}.demo-widget-stage{--demo-side-inset:12px}.demo-widget-performance{left:var(--demo-side-inset);top:var(--demo-start-top);width:142px}.demo-widget-fps{width:112px}.demo-widget-score{top:calc(var(--demo-start-top) + 180px);left:var(--demo-side-inset);width:calc(100% - 2 * var(--demo-side-inset));height:244px}.demo-widget-twitch{top:calc(var(--demo-start-top) + 478px);left:var(--demo-side-inset);width:calc(100% - 2 * var(--demo-side-inset));height:304px}}.demo-fit-content{width:max-content}.demo-widget[data-badge-only=true] .demo-widget-surface{visibility:hidden}.demo-widget[data-badge-only=true] .demo-widget-content{place-items:center;display:grid}.demo-performance[data-layout=horizontal]{flex-wrap:nowrap;gap:12px;display:flex}.demo-performance[data-layout=horizontal]>div+div:before{content:"·";color:#71717a;margin-right:4px}.demo-performance[data-layout=horizontal] dt{width:auto}.demo-performance-empty{color:#a1a1aa;white-space:nowrap;padding:8px;font-size:11px}.demo-display-options{border-top:1px solid #ffffff18;margin-top:4px;padding:4px 6px 2px}.demo-display-options label{cursor:pointer;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:7px;min-height:26px;padding-block:3px;font-size:12px;display:flex}.demo-display-options input[type=radio]{accent-color:#a3e635;flex-shrink:0;width:13px;height:13px;margin:0}.demo-display-options fieldset{border:0;min-width:0;margin:0;padding:4px 0 0}.demo-display-options legend{color:#a1a1aa;padding:4px 0 0;font-size:11px}.demo-submenu-row{width:calc(100% + 12px);min-height:26px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;margin-inline:-6px;padding:3px 6px;font-size:12px;display:flex}.demo-submenu-row:hover,.demo-submenu-row:focus-visible,.demo-submenu-row[aria-expanded=true]{background:#ffffff0d}.demo-submenu-row>svg{color:#a1a1aa;flex-shrink:0}.demo-submenu{z-index:11;background:#18181c;border:1px solid #ffffff2a;border-radius:8px;gap:2px;width:max-content;min-width:200px;max-width:calc(100vw - 16px);padding:6px;display:grid;position:fixed;box-shadow:0 8px 24px #0006}.demo-display-options .demo-submenu label{border-radius:5px;padding-inline:6px}.demo-display-options .demo-submenu label:hover{background:#ffffff0d}.demo-display-options p:not(.demo-options-section){color:#a1a1aa;margin-top:5px;font-size:10px;line-height:1.4}.demo-widget-twitch .demo-widget-move{--demo-twitch-actions:calc(60px * var(--widget-content-scale,1));left:var(--demo-twitch-actions);width:calc(100% - 2 * var(--demo-twitch-actions));border-radius:0}.landing-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:2rem;padding-top:5rem;padding-bottom:3.5rem;display:grid;position:relative}.hero-content h1{letter-spacing:-.065em;margin-block:1.25rem 1.5rem;font-size:clamp(2.6rem,5.8vw,4.75rem);font-weight:700;line-height:1.08}.hero-content h1>span{color:var(--brand)}.hero-content>p{max-width:39rem;color:var(--muted-foreground);font-size:1.125rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.beta-label{color:var(--muted-foreground);margin-top:1.25rem;font-size:.75rem;display:inline-block}.control-center-section{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);align-items:center;gap:3rem;padding-block:3.5rem 5.5rem;display:grid}.control-center-copy h2,.discovery-heading h2{margin-block:1rem;font-size:clamp(1.75rem,3vw,2.5rem)}.control-center-copy>p,.discovery-heading>p{color:var(--muted-foreground);line-height:1.8}.control-center-benefits{gap:1.5rem;margin-top:2rem;display:grid}.control-center-benefits li{gap:.875rem;display:flex}.control-center-benefits svg{width:1.25rem;height:1.25rem;color:var(--brand);flex-shrink:0}.control-center-benefits h3{margin-bottom:.375rem;font-size:.9375rem}.control-center-benefits p{color:var(--muted-foreground);font-size:.8125rem;line-height:1.7}.control-center-figure a{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .15s;display:block;overflow:hidden}.control-center-figure a:hover{border-color:var(--input)}.control-center-figure picture{display:block}.control-center-figure img{width:100%;height:auto}.control-center-figure a>span{border-top:1px solid var(--border);min-height:2.75rem;color:var(--muted-foreground);justify-content:flex-end;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.control-center-figure figcaption{color:var(--muted-foreground);text-align:center;margin-top:.875rem;font-size:.8125rem}.demo-section .discovery-heading{margin-bottom:2rem}.demo-section .discovery-heading>p{max-width:47rem}.marketplace-showcase{gap:2.5rem;padding-block:5.5rem 4rem;display:grid}.marketplace-showcase .discovery-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:2rem;display:grid}.marketplace-showcase .discovery-heading>:not(.ui-button){grid-column:1}.marketplace-showcase .discovery-heading>p{max-width:44rem}.marketplace-showcase .discovery-heading>.ui-button{grid-area:1/2/span 3;align-self:end}.marketplace-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;display:grid}.creator-line{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.75rem;font-size:.9375rem;display:flex}.creator-line strong{color:var(--foreground);font-weight:600}.creator-line-link{min-height:2.75rem;color:var(--brand);flex-shrink:0;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.download-callout{border:1px solid var(--input);border-radius:var(--radius-lg);background:var(--surface);justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem;display:flex}.download-callout h2{font-size:clamp(1.5rem,2.5vw,2rem)}.download-callout p{color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem}.overlay-demo{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.overlay-demo-toolbar{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;font-size:.75rem;display:flex}.overlay-demo-toolbar>span:first-child{align-items:center;gap:.75rem;display:flex}.demo-reset{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem .75rem;display:inline-flex}.demo-reset:hover{color:var(--foreground);background:var(--secondary)}.overlay-demo-controls{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:1rem 1rem auto}.demo-mode-switch{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#151519f2;border:1px solid #fff3;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(100%,19rem);padding:4px;display:grid;box-shadow:0 8px 24px #0005}.demo-mode-switch button{border-radius:var(--radius-sm);min-width:0;min-height:44px;color:var(--muted-foreground);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;font-weight:600;display:flex}.demo-mode-switch button:hover{color:var(--foreground);background:var(--secondary)}.demo-mode-switch button[aria-pressed=true]{color:var(--background);background:var(--brand)}.demo-mode-switch button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.demo-mode-hint{color:var(--muted-foreground);padding:0 1.25rem .875rem;font-size:.75rem;line-height:1.6}.overlay-demo-stage{isolation:isolate;height:36rem;position:relative;overflow:hidden}.overlay-demo-image{z-index:-2;object-fit:cover;object-position:center 42%;width:100%;height:100%;position:absolute;inset:0}.overlay-demo-shade{z-index:-1;opacity:1;pointer-events:none;background:#000000b2;transition:opacity .16s;position:absolute;inset:0}.overlay-demo-stage[data-mode=passive] .overlay-demo-shade{opacity:0}@media (prefers-reduced-motion:reduce){.overlay-demo-shade{transition:none}}.overlay-demo-footer{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.overlay-demo-footer a{min-height:2.75rem;color:var(--brand);flex-shrink:0;align-items:center;gap:.5rem;display:inline-flex}@media (width<=1000px){.control-center-section{grid-template-columns:1fr;gap:2rem}.control-center-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.marketplace-showcase .discovery-heading{grid-template-columns:1fr}.marketplace-showcase .discovery-heading>.ui-button{grid-area:auto/1;justify-self:start;margin-top:1.5rem}}@media (width<=760px){.landing-hero{grid-template-columns:1fr;gap:1rem;padding-top:3rem;padding-bottom:2.5rem}.hero-content h1{font-size:clamp(2.25rem,8vw,3.5rem)}.hero-content>p{font-size:1rem}.overlay-demo-footer{flex-direction:column;align-items:start;gap:.25rem}.creator-line{flex-direction:column;align-items:start;gap:.5rem}.control-center-section{padding-block:2.5rem 4rem}.control-center-benefits{grid-template-columns:1fr}.marketplace-showcase{padding-block:4rem}.download-callout{flex-direction:column;align-items:start;gap:1.5rem;padding:1.5rem}}