@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inter-latin-400-normal.C38fXH4l.woff2)format("woff2"),url(/_astro/inter-latin-400-normal.CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/inter-latin-600-normal.LgqL8muc.woff2)format("woff2"),url(/_astro/inter-latin-600-normal.CiBQ2DWP.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-latin-500-normal.lFbtlQH6.woff2)format("woff2"),url(/_astro/space-grotesk-latin-500-normal.CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-latin-700-normal.RjhwGPKo.woff2)format("woff2"),url(/_astro/space-grotesk-latin-700-normal.CwsQ-cCU.woff)format("woff")}:root{color-scheme:dark;--bg:#0e0b14;--bg-elev:#161221;--surface:#1c1728;--surface-2:#261f36;--line:#3a3150;--text:#f4f0fb;--muted:#c4b9d4;--faint:#9b90b0;--accent:#7c3aed;--accent-2:#c4b5fd;--accent-ink:#faf7ff;--good:#34d399;--warn:#fbbf24;--bad:#fb7185;--shadow:0 24px 60px #00000059;--radius:20px;--header:72px;--font:"Inter", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--display:"Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--max:1120px;--space:8px}:root[data-theme=light]{color-scheme:light;--bg:#f6f4fb;--bg-elev:#fff;--surface:#fff;--surface-2:#f3eefe;--line:#e4dcf3;--text:#1a1326;--muted:#4c4060;--faint:#6d6284;--accent:#6d28d9;--accent-2:#5b21b6;--accent-ink:#fff;--good:#047857;--warn:#92400e;--bad:#be123c;--shadow:0 16px 40px #4c1d9514}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 420px at 0% -10%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 55%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);margin:0;font-size:1rem;line-height:1.6}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}img{max-width:100%}a{color:var(--accent-2);text-underline-offset:3px}a:hover{color:var(--text)}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;scroll-margin-top:88px;font-weight:650;line-height:1.12}h1{margin:0 0 .4rem;font-size:clamp(2rem,4.4vw,3.35rem)}h2{margin:0 0 .7rem;font-size:clamp(1.35rem,2vw,1.7rem)}h3{margin:1.2rem 0 .4rem;font-size:1.05rem}p{margin:0 0 .8rem}.skip{background:var(--accent);color:var(--accent-ink);z-index:50;border-radius:8px;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip:focus{top:12px}.wrap{width:min(var(--max), calc(100% - 32px));margin-inline:auto}.site-header{z-index:30;height:var(--header);backdrop-filter:blur(16px);background:color-mix(in srgb, var(--bg) 84%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);align-items:center;display:flex;position:sticky;top:0}.header-inner{width:min(var(--max), calc(100% - 32px));align-items:center;gap:12px;margin-inline:auto;display:flex}.logo{color:var(--text);letter-spacing:-.04em;align-items:center;gap:8px;margin-inline-end:8px;font-weight:700;text-decoration:none;display:inline-flex}.logo svg{width:28px;height:28px;display:block}.nav-check{opacity:0;pointer-events:none;position:absolute}.nav-toggle{display:none}.nav-panel{flex:1;align-items:center;gap:4px;display:flex}.nav-panel>a,.menu>summary,.lang>summary,.header-tools button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 10px;text-decoration:none}.nav-panel>a[aria-current=page],.menu[open]>summary{background:var(--surface-2)}.menu,.lang{position:relative}.menu>summary,.lang>summary{list-style:none}.menu>summary::-webkit-details-marker,.lang>summary::-webkit-details-marker{display:none}.menu-panel,.lang-panel{top:calc(100% + 8px);background:var(--bg-elev);border:1px solid var(--line);min-width:280px;box-shadow:var(--shadow);border-radius:16px;padding:8px;position:absolute;inset-inline-start:0}.menu-panel{grid-template-columns:1fr 1fr;gap:4px;width:min(560px,72vw);display:grid}.menu-panel a,.lang-panel a,.lang-panel span{color:var(--text);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;text-decoration:none;display:flex}.menu-panel a:hover,.lang-panel a:hover{background:var(--surface-2)}.menu-panel a strong{font-size:.92rem}.menu-panel a span,.soon{color:var(--muted);font-size:.8rem;line-height:1.35}.lang-panel{min-width:220px;max-height:70vh;overflow:auto}.soon{padding:8px 10px}.header-tools{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:999px;place-items:center;display:grid}.icon-btn svg{width:18px;height:18px}main{padding:28px 0 64px}main.has-tester{padding-top:0}.lead{color:var(--muted);max-width:68ch;font-size:1.125rem}.highlights{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.highlights li{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:999px;padding:6px 12px;font-size:.92rem}.crumbs ol{color:var(--faint);flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;font-size:.88rem;list-style:none;display:flex}.crumbs li:not(:last-child):after{content:"/";color:var(--line);margin-inline-start:6px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs [aria-current=page]{color:var(--text)}.tester-card{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), var(--surface));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;margin-top:22px;padding:16px}.tester-card h2{margin-bottom:12px}.tester{flex-direction:column;gap:14px;display:flex}.focus-note,.preset-note,.privacy-chip{color:var(--muted);margin:0;font-size:.92rem}.privacy-chip{color:var(--good)}.status-row,.tester-actions,.dz-row,.vib-row,.checkup-steps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-line{flex:1;min-width:220px;margin:0}.slots{scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.slots:empty{display:none}.slot{text-align:start;border:1px solid var(--line);background:var(--bg);color:var(--text);scroll-snap-align:start;cursor:pointer;border-radius:12px;flex:0 0 168px;min-width:132px;min-height:44px;padding:8px 10px}.slot[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--bg))}.slot:disabled{cursor:default}.slot b{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:.72rem;display:block}.slot-name{font-size:.82rem;line-height:1.3;display:block}.slot-offset{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.model-link{margin:0}.tester-grid{gap:12px;display:grid}@media (width>=900px){.tester-grid{grid-template-columns:1.15fr .85fr}}.panel{background:color-mix(in srgb, var(--bg) 72%, transparent);border:1px solid var(--line);border-radius:16px;padding:12px}.panel h3{margin:0 0 10px}.panel .status-row h3{flex:1 0 8rem;margin:0}.tester[data-focus=drift] [data-panel=sticks],.tester[data-focus=deadzone] [data-panel=sticks],.tester[data-focus=vibration] [data-panel=vibration],.tester[data-focus=polling] [data-panel=timing],.tester[data-focus=latency] [data-panel=timing],.tester[data-focus=gyro] [data-panel=gyro],.tester[data-focus=buttons] [data-panel=buttons]{border-color:var(--accent);order:-1}.clusters{gap:12px;display:grid}@media (width>=720px){.clusters{grid-template-columns:1fr 1fr}}.cluster h3{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.78rem}.diamond{grid-template-columns:repeat(3,minmax(0,72px));grid-template-areas:".n.""w.e"".s.";justify-content:center;gap:6px;display:grid}.key-n{grid-area:n}.key-e{grid-area:e}.key-s{grid-area:s}.key-w{grid-area:w}.key{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;padding:6px;font-weight:650;display:flex;position:relative}.key .val{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem;font-weight:500}.key.is-down{background:var(--accent);color:var(--accent-ink);border-color:#0000}.key.is-down .val{color:var(--accent-ink)}.key.was-tested:after{content:"";top:6px;background:var(--good);border-radius:99px;width:7px;height:7px;position:absolute;inset-inline-end:6px}.key.is-down.was-tested:after{background:var(--accent-ink)}.key.is-absent{opacity:.35}.shoulders,.center-keys,.extra-keys{gap:6px;display:grid}.shoulders{grid-template-columns:1fr 1fr}.center-keys,.extra-keys{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}.meter{background:color-mix(in srgb, var(--text) 18%, transparent);border-radius:99px;height:3px;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.meter>span{width:100%;height:100%;transform:scaleX(var(--v,0));transform-origin:0;background:currentColor;display:block}.on-xbox,.on-playstation,.on-nintendo,.on-generic{display:none}.tester[data-layout=xbox] .on-xbox,.tester[data-layout=playstation] .on-playstation,.tester[data-layout=nintendo] .on-nintendo,.tester[data-layout=generic] .on-generic{display:inline}.stick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stick-grid figure{margin:0}.stick-grid figcaption{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:.85rem;display:flex}.scope{width:100%;height:auto;display:block}.scope .gate{fill:none;stroke:var(--line);stroke-width:2px}.scope .cross{stroke:var(--line);stroke-width:1px}.scope .dz{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent);stroke-width:1.5px}.scope .trace{fill:none;stroke:var(--warn);stroke-width:2px}.scope .dot{fill:var(--accent)}.scope .after{fill:none;stroke:var(--good);stroke-width:2px}.hint{color:var(--faint);margin:8px 0 0;font-size:.82rem}.dz-row label,.vib-row label,.layout-label{color:var(--muted);flex-direction:column;flex:1;gap:4px;min-width:140px;font-size:.82rem;display:flex}input[type=range]{width:100%;accent-color:var(--accent)}select,input[type=text],input[type=email],textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:10px;padding:8px 10px}.btn{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;border-radius:999px;padding:8px 14px}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:650}.btn:disabled{opacity:.5;cursor:not-allowed}.readouts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.chip{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.chip>span{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;display:block}.chip b{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.15rem}.chip[data-tone=good] b{color:var(--good)}.chip[data-tone=warn] b{color:var(--warn)}.chip[data-tone=bad] b{color:var(--bad)}.checkup{flex-direction:column;gap:8px;display:flex}.checkup-steps{margin:0;padding:0;list-style:none}.checkup-steps li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.85rem}.checkup-steps li.is-on{border-color:var(--accent);color:var(--text)}.checkup-steps li.is-done{border-color:var(--good);color:var(--good)}.raw{color:var(--muted)}.raw pre,.prose pre{background:var(--bg);font-family:var(--mono);white-space:pre-wrap;border-radius:12px;padding:12px;font-size:.82rem;line-height:1.45;overflow:auto}.doc{gap:22px;margin-top:36px;display:grid}@media (width>=1000px){.doc.has-toc{grid-template-columns:220px minmax(0,1fr);align-items:start}.toc{max-height:calc(100vh - 110px);position:sticky;top:84px;overflow:auto}}.toc{font-size:.88rem}.toc p{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem}.toc ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--text)}.prose>*+*{margin-top:0}.prose ul,.prose ol{margin:0 0 .9rem;padding-inline-start:1.2rem}.prose li+li{margin-top:.25rem}.note{border-inline-start:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text);border-radius:0 12px 12px 0;padding:8px 12px}.table-wrap{margin:0 0 1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:8px 0 16px;display:grid}.card{border:1px solid var(--line);background:var(--surface);min-height:124px;color:inherit;border-radius:14px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.card:hover{border-color:var(--accent);color:inherit}.kicker{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.card strong{letter-spacing:-.02em}.card span:last-child{color:var(--muted);font-size:.92rem}.faq-list details{border-bottom:1px solid var(--line);padding:10px 0}.faq-list summary{cursor:pointer;font-weight:650}.faq-list details p:last-child{margin-bottom:0}.glossary-list{margin:0}.glossary-list div{border-bottom:1px solid var(--line);padding:12px 0}.glossary-list dt{font-weight:700}.glossary-list dd{color:var(--muted);margin:4px 0 0}.form{gap:12px;max-width:560px;margin-top:8px;display:grid}.form label{gap:6px;font-weight:600;display:grid}.form .btn{justify-self:start}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--bg-elev);padding:32px 0 48px}.footer-grid{gap:22px;display:grid}@media (width>=800px){.footer-grid{grid-template-columns:1.4fr repeat(4,1fr)}}.footer-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 .7rem;font-size:.78rem;font-weight:650}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:6px 0}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text)}.fine{font-size:.85rem}.lang-inline{flex-wrap:wrap;gap:8px 12px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=959px){.nav-toggle{cursor:pointer;border-radius:999px;align-items:center;margin-inline-start:auto;padding:8px 10px;display:inline-flex}.nav-panel{top:var(--header);background:var(--bg-elev);border-bottom:1px solid var(--line);max-height:calc(100vh - var(--header));flex-direction:column;align-items:stretch;padding:8px 16px 16px;display:none;position:absolute;inset-inline:0;overflow:auto}.nav-check:checked~.nav-panel{display:flex}.nav-check:focus-visible+.nav-toggle{outline:2px solid var(--accent);outline-offset:3px}.menu-panel{width:auto;box-shadow:none;grid-template-columns:1fr;position:static}.lang-panel{box-shadow:none;position:static}.header-tools{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (width<=640px){.wrap,.header-inner{width:min(var(--max), calc(100% - 20px))}.stick-grid,.menu-panel{grid-template-columns:1fr}.btn,.slot,.nav-toggle,.icon-btn{min-height:44px}}.split-hero{align-items:start;gap:28px;display:grid}@media (width>=980px){.split-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero-float{background:radial-gradient(420px 220px at 80% 0%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 60%), var(--surface);margin-top:0}}.view-toggle{gap:8px;display:flex}.view-toggle .btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.tester-screen{box-sizing:border-box;width:min(1680px,100vw - 16px);margin:0 auto;padding:6px 12px 10px;display:block}.tester-screen-bar{flex:none;min-height:0}.tester-h1{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:clamp(1.05rem,1.5vw,1.35rem);overflow:hidden}.crumbs-tight{margin:0}.crumbs-tight ol{margin:0;font-size:.75rem}.tester-screen .tester{flex-direction:column;gap:8px;height:auto;display:flex}.fit{height:calc(100dvh - var(--header) - 46px);flex-direction:column;gap:8px;min-height:480px;display:flex;overflow:hidden}.fit-top{flex-direction:column;flex:none;gap:6px;display:flex}.fit-top .privacy-chip,.fit-top .focus-note,.fit-top .preset-note{font-size:.78rem}.fit-top .status-line{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.tester-screen .slots{overflow:hidden}.tester-screen .slot{flex:1 1 0;min-width:0;padding:6px 8px}.fit-body{flex:1;grid-template-columns:minmax(0,2.15fr) minmax(210px,.46fr);gap:10px;min-height:0;display:grid}.fit-side{grid-template-rows:minmax(110px,.8fr) minmax(0,1.2fr);gap:8px;min-height:0;display:grid}.tester-screen .stick-panel,.tester-screen .raw-board{min-height:0;margin:0;overflow:auto}.tester-screen .stick-grid{align-content:center;height:100%}.tester-screen .raw-key{min-height:0;padding:3px 6px}.tester-screen .trigger-bars{gap:8px}.tester-screen .bar{height:8px;margin:3px 0}.tester-more{flex-direction:column;gap:12px;display:flex}.dashboard{align-items:stretch;gap:12px;min-height:0;display:none}.tester[data-view=drawing] .dashboard,.tester[data-view=dashboard] .art,.tester[data-view=dashboard] .fit-side{display:none}.tester[data-view=dashboard] .dashboard{grid-column:1/-1;grid-template-columns:1fr minmax(160px,220px) 1fr;animation:.18s tester-in;display:grid}.art,.fit-side{animation:.18s tester-in}@keyframes tester-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.dash-mod{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:28px;align-items:stretch;gap:8px;padding:12px;display:flex}.dash-body{flex:1;min-width:0}.dash-pills{flex-wrap:wrap;gap:6px;display:flex}.dash-pills .key{min-width:64px;min-height:44px}.dash-mod .key.is-down{box-shadow:0 0 0 1px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 70%, transparent)}.curve{flex:none;width:72px;height:240px}.curve-track,[data-curve]{fill:none;stroke-width:18px;stroke-linecap:round}.curve-track{stroke:color-mix(in srgb, var(--text) 12%, transparent)}[data-curve]{stroke:var(--accent);stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 80%, transparent))}.gauge{width:100%;color:var(--text)}.gauge-wrap{text-align:center;flex-direction:column;justify-content:center;display:flex}.gauge-stats{text-align:start;gap:6px;margin-top:8px;display:grid}.gauge-stats p{color:var(--muted);justify-content:space-between;gap:8px;margin:0;font-size:.82rem;display:flex}.gauge-stats b{color:var(--text);font-variant-numeric:tabular-nums}.art{place-items:center;height:100%;min-height:0;margin:0;display:grid}.art svg{width:auto;max-width:100%;height:100%;max-height:100%;color:var(--text)}.visual{display:none}.tester[data-visual=xbox] .visual-xbox,.tester[data-visual=dualsense] .visual-dualsense,.tester[data-visual=dualshock] .visual-dualshock,.tester[data-visual=switchpro] .visual-switchpro,.tester[data-visual=joycon] .visual-joycon,.tester[data-visual=generic] .visual-generic{display:block}.art .shell{fill:color-mix(in srgb, var(--text) 3%, transparent);stroke:currentColor;stroke-width:2.15px;stroke-linejoin:round;stroke-linecap:round}.art .inset{fill:none;stroke:currentColor;stroke-width:1px;opacity:.55;stroke-linejoin:round}.art .detail{fill:none;stroke:currentColor;stroke-width:1px;opacity:.8}.art .well{fill:none;stroke:currentColor;stroke-width:2px}.art .well.inner{stroke-width:1px}.art .lightbar{fill:var(--accent);stroke:none}.art .pad-btn{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round;transition:fill 90ms,stroke 90ms}.art .glyph{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.art .grip-ring{fill:none;stroke:currentColor;stroke-width:1.15px}.art .pad-btn[data-analog]{fill:none;stroke:none}.art .trigger-shape{fill:none;stroke:currentColor;stroke-width:1.75px}.art .trigger-fill{fill:var(--accent);stroke:none;transform-box:fill-box;transform-origin:bottom;transform:scaleY(var(--a,0))}.art .dpad-outline{fill:none;stroke:currentColor;stroke-width:1.75px}.art .dpad-seg{fill:#0000;stroke:none}.art .dpad-seg.is-down{fill:var(--accent)}.art .pad-btn.is-down:not([data-analog]):not(.dpad-seg){fill:var(--accent);stroke:var(--accent)}.art .pad-btn.is-down .glyph,.art .pad-btn.is-down .grip-ring{stroke:var(--accent-ink);fill:none}.art .stick-cap{fill:none}.art .stick-hole{fill:var(--bg);stroke:none}.art .pad-btn.is-down .stick-cap{fill:var(--accent)}.art .pad-btn.is-down .stick-hole{fill:var(--accent-ink)}.art .pad-btn text,.art .mini{fill:var(--text);stroke:none;text-anchor:middle;dominant-baseline:central;font-size:15px;font-family:var(--font);font-weight:650}.art .mini{letter-spacing:.06em;font-size:11px}.art .pad-btn.is-down text,.art .pad-btn.is-down .mini{fill:var(--accent-ink)}.btn,.slot,.raw-key,.key{transition:background .1s,color .1s,border-color .1s,box-shadow .14s}.btn:hover,.slot:hover:not(:disabled),.raw-key:hover{border-color:var(--accent)}.slot:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.raw-board{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 72%, transparent);border-radius:16px;padding:12px}.raw-board h3{margin:14px 0 8px;font-size:.95rem}.raw-board h3:first-child{margin-top:0}.raw-board h3+.raw-axes,.raw-keys+.extra-keys,.raw-axes{margin-top:8px}.raw-keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.dash-mod .scope{max-width:240px;margin-inline:auto}.dash-mod figure{margin:8px 0}.raw-key{border:1px solid var(--line);background:var(--bg);border-radius:10px;min-height:48px;padding:6px 8px}.raw-key .lbl{color:var(--faint);letter-spacing:.04em;font-size:.72rem;display:block}.raw-key .val{font-variant-numeric:tabular-nums}.raw-key.is-down{background:var(--accent);color:var(--accent-ink);border-color:#0000}.raw-key.is-down .lbl,.raw-key.is-down .val{color:var(--accent-ink)}.raw-axes{gap:6px;display:grid}.raw-axes div{color:var(--faint);justify-content:space-between;gap:8px;font-size:.82rem;display:flex}.raw-axes b{color:var(--accent-2);font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:550}.scope .pct{fill:var(--muted);font-size:12px;font-family:var(--font)}.scope .aim{stroke:var(--accent);stroke-width:1.5px}.scope .dot{filter:drop-shadow(0 0 4px var(--accent))}.hero-preview{color:#f7f4ff;background:radial-gradient(420px 240px at 80% 0,#7c3aedd9,#0000 62%),linear-gradient(165deg,#2a1848 0%,#120c1e 72%);border:1px solid #ffffff14;border-radius:28px;padding:28px 22px 18px;box-shadow:0 30px 70px #00000059}.hero-pad{width:100%;height:auto}.hero-sample{color:#d9d0ea;text-align:center;margin:4px 0 10px;font-size:.82rem}.hero-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hero-stats b{font-family:var(--display);letter-spacing:-.04em;font-size:1.7rem;display:block}.hero-stats span{color:#d5cbe6;font-size:.78rem}.trigger-bars{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.trigger-bars span{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.bar{background:var(--bg);border:1px solid var(--line);border-radius:99px;height:10px;margin:6px 0;overflow:hidden}.bar span{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.log-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px 16px}.log-panel h3{margin:0 0 8px;font-size:.95rem}.log-panel ol{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;padding-inline-start:1.1rem}.hero-img,.hero-img img{border:1px solid var(--line);border-radius:16px;width:100%;height:auto;margin:0 0 16px}.filters{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.filters button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.blog-card{color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;min-height:100%;text-decoration:none;display:flex;overflow:hidden}.blog-card img{object-fit:cover;width:100%;height:160px;display:block}.blog-card div{flex-direction:column;gap:6px;padding:12px 14px 16px;display:flex}.blog-card strong{font-family:var(--display);letter-spacing:-.02em}.blog-card span{color:var(--muted)}.after-tester{margin-top:36px}.feature-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.feature-cards li{border:1px solid var(--line);background:radial-gradient(120px 60px at 0% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), var(--surface);border-radius:16px;align-items:flex-start;gap:10px;padding:12px;display:flex}.feature-icon{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);font-family:var(--display);border-radius:999px;flex:none;place-items:center;font-size:.85rem;display:grid}.feature-splits{flex-direction:column;gap:18px;margin-top:28px;display:flex}.feature-split{border:1px solid var(--line);background:radial-gradient(420px 180px at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), var(--surface);border-radius:22px;align-items:center;gap:16px;padding:12px;display:grid}.feature-split.flip{background:radial-gradient(420px 180px at 0% 100%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--surface)}.feature-split img{border-radius:14px;width:100%;height:auto;display:block}.feature-split h3{margin:0 0 6px}.feature-split p:last-child{color:var(--muted);margin:0}@media (width>=800px){.feature-split{grid-template-columns:1.1fr .9fr;padding:16px}.feature-split.flip{grid-template-columns:.9fr 1.1fr}.feature-split.flip img{order:2}}.prose>section{border:1px solid var(--line);background:radial-gradient(280px 120px at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), var(--surface));border-radius:22px;margin:0 0 18px;padding:22px 20px 8px;position:relative}.prose>section:nth-child(2n){background:radial-gradient(circle at 12px 12px, color-mix(in srgb, var(--accent) 28%, transparent) 1.2px, transparent 1.4px) 0 0 / 18px 18px, var(--surface)}.prose>section+section{margin-top:0}.steps{counter-reset:step;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:12px;display:grid}.steps li:before{content:counter(step);background:var(--accent);width:32px;height:32px;color:var(--accent-ink);font-family:var(--display);border-radius:10px;place-items:center;font-weight:700;display:grid}.table-wrap{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28%), var(--bg);border-radius:16px;overflow:auto}table{background:0 0}tbody tr:nth-child(2n){background:color-mix(in srgb, var(--accent) 6%, transparent)}.faq-list details{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0 0 8px;padding:10px 14px}.faq-list details[open]{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.note{border-radius:14px}@media (width<=899px){.tester-screen{width:min(1680px,100% - 12px)}.fit{height:auto;min-height:0;overflow:visible}.fit-body{grid-template-columns:1fr}.art{height:min(46vh,380px)}.fit-side{grid-template-rows:auto auto}.tester-screen .slots{overflow-x:auto}.tester-screen .slot{flex:0 0 148px}.tester[data-view=dashboard] .dashboard{grid-template-columns:1fr}}.page-title{margin:0 0 .35rem;font-size:clamp(2.4rem,5vw,3.6rem)}.page-intro{max-width:760px;margin:8px 0 18px}.page-intro .lead{font-size:1.05rem}.tester-card{box-shadow:none;background:0 0;border:0;margin:0 0 36px;padding:0}.bench{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:18px;margin-top:12px;padding:16px;display:grid}@media (width>=980px){.bench{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start}}.pad-title{margin:0 0 4px;font-size:1.35rem}.pad-sub,.meta-line{color:var(--muted);margin:0 0 8px;font-size:.88rem}.meta-line{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.meta-line b{color:var(--text);font-weight:600}.layout-label{min-width:0}.bench .raw-keys{grid-template-columns:repeat(4,minmax(0,1fr))}.bench .raw-key{background:var(--bg);min-height:0;padding:6px 8px}.history{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history li{background:color-mix(in srgb, var(--accent) 24%, var(--bg));color:var(--text);border-radius:999px;padding:3px 8px;font-size:.78rem}.bench-visual .art{height:auto;min-height:240px}.bench-visual .art svg{width:100%;height:auto;max-height:480px}.bench .stick-grid{margin-top:4px}.slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.slot{border-radius:10px;flex:none;min-width:0}.dashboard{display:none}.tester[data-focus=polling] .dashboard{margin-top:16px;display:grid}@media (width<=800px){.slots{display:flex;overflow-x:auto}.slot{flex:0 0 150px}}.photo-row{gap:12px;margin:8px 0 28px;display:grid}@media (width>=800px){.photo-row{grid-template-columns:1fr 1fr}}.photo-row img{object-fit:cover;border:1px solid var(--line);border-radius:16px;width:100%;height:220px;display:block}.photo-row figcaption{color:var(--faint);margin-top:6px;font-size:.75rem}
