:root{--color-bg:#fafaf9;--color-surface:#fff;--color-border:#e2e0dc;--color-text:#1c1b19;--color-text-muted:#5a564e;--color-accent:#1c6e5c;--color-accent-contrast:#fff;--color-accent-soft:#e4f1ec;--color-danger:#b3401f;--color-warn:#9a6b0a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--max-width:960px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.55}img,svg{max-width:100%}a{color:var(--color-accent)}a:hover{text-decoration-thickness:2px}.skip-link{background:var(--color-accent);color:var(--color-accent-contrast);z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:.5rem;left:.5rem}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3{font-weight:700;line-height:1.25}h1{margin:0 0 .5rem;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.25rem)}h2{margin:2rem 0 .75rem;font-size:1.35rem}h3{margin:1.25rem 0 .5rem;font-size:1.05rem}p{margin:0 0 1rem}main{display:block}button{font-family:inherit}.site-header__inner,.site-footer__inner,.tool-page,.home{max-width:var(--max-width);margin:0 auto;padding-inline:1rem}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:20;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:.75rem;display:flex}.site-header__brand{color:var(--color-text);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.site-header__logo{border-radius:7px;flex-shrink:0}.site-header__nav{align-items:center;display:flex}.site-header__nav-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.4rem .75rem;display:none}.site-header__nav-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.site-header__nav-list a{color:var(--color-text);border-bottom:2px solid #0000;padding-block:.25rem;font-size:.95rem;font-weight:600;text-decoration:none}.site-header__nav-list a:hover{color:var(--color-accent)}.site-header__nav-list a[aria-current=page]{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media (width<=640px){.site-header__nav-toggle{display:inline-block}.site-header__nav-list{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding:1rem;display:none;position:absolute;top:100%;left:0;right:0}.site-header__nav-list.is-open{display:flex}}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:3rem}.site-footer__inner{grid-template-columns:1.4fr 1fr 1fr;gap:1.5rem;padding-block:2rem;display:grid}.site-footer__brand{margin:0 0 .25rem;font-weight:800}.site-footer__tagline{color:var(--color-text-muted);margin:0;font-size:.9rem}.site-footer__heading{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin:0 0 .5rem;font-size:.85rem;font-weight:700}.site-footer__col ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.site-footer__col a{color:var(--color-text);font-size:.92rem;text-decoration:none}.site-footer__col a:hover{color:var(--color-accent)}.site-footer__disclaimer{border-top:1px solid var(--color-border);max-width:var(--max-width);color:var(--color-text-muted);margin:0 auto;padding:1rem 1rem 2rem;font-size:.82rem}.site-footer__disclaimer p{margin:0 0 .4rem}@media (width<=640px){.site-footer__inner{grid-template-columns:1fr}}.tool-page{padding-block:1.5rem 3rem}.tool-page__header{margin-bottom:1rem}.tool-page__intro{color:var(--color-text-muted);max-width:65ch;font-size:1.05rem}.tool-page__tool{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem}@media (width>=640px){.tool-page__tool{padding:1.5rem}}.tool-page__content{max-width:70ch;margin-top:1rem}.tool-page__content ul,.tool-page__content ol{padding-left:1.25rem}.connection-status{border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);align-items:center;gap:.6rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.92rem;display:flex}.connection-status__dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:10px;height:10px}.connection-status[data-state=connected] .connection-status__dot{background:var(--color-accent)}.connection-status[data-state=disconnected] .connection-status__dot,.connection-status[data-state=unsupported] .connection-status__dot{background:var(--color-danger)}.connection-status[data-state=waiting] .connection-status__dot{background:var(--color-warn)}.unsupported-notice{color:var(--color-danger);font-size:.9rem}.privacy-note{color:var(--color-text-muted);margin-top:.75rem;font-size:.85rem}.controller-info{flex-wrap:wrap;gap:1.5rem;margin:0 0 1.25rem;display:flex}.controller-info dt{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-size:.78rem}.controller-info dd{word-break:break-word;margin:.1rem 0 0;font-weight:600}.sticks-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem 0;display:grid}@media (width<=560px){.sticks-row{grid-template-columns:1fr}}.stick-visual{text-align:center}.stick-visual__label{margin:0 0 .5rem;font-weight:700}.stick-visual__svg{aspect-ratio:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;width:100%;max-width:220px}.stick-visual__bounds{fill:none;stroke:var(--color-border);stroke-width:2px}.stick-visual__crosshair{stroke:var(--color-border);stroke-width:1px}.stick-visual__deadzone{fill:var(--color-accent-soft);stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:4 3}.stick-visual__dot{fill:var(--color-accent);transition:cx 30ms linear,cy 30ms linear}.stick-visual__readout{text-align:left;grid-template-columns:repeat(2,1fr);gap:.35rem 1rem;margin:.75rem 0 0;font-size:.85rem;display:grid}.stick-visual__readout dt{color:var(--color-text-muted)}.stick-visual__readout dd{font-family:var(--font-mono);margin:0;font-weight:600}.status-pill{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;padding:.05rem .5rem;display:inline-block;font-size:.78rem!important;font-family:var(--font-sans)!important}.status-pill[data-status=outside]{color:var(--color-danger);background:#fbe7e0}.status-pill[data-status=minor]{color:var(--color-warn);background:#f6eeda}.schematic{flex-direction:column;gap:1.5rem;display:flex}.schematic__row--shoulders{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.schematic__row--shoulders>*{min-width:0}.trigger-cluster{align-items:center;gap:.4rem;min-width:0;display:flex}.trigger-cluster--right{justify-content:flex-end}.shoulder-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:.35rem .6rem;font-size:.8rem;font-weight:700}.shoulder-btn.is-pressed{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.trigger-bar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;flex-shrink:1;width:clamp(36px,12vw,70px);height:10px;overflow:hidden}.trigger-bar__fill{background:var(--color-accent);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.trigger-value{font-family:var(--font-mono);color:var(--color-text-muted);min-width:2.6ch;font-size:.78rem}.misc-cluster{align-items:center;gap:.5rem;display:flex}.misc-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.misc-btn.is-pressed{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}@media (width<=480px){.schematic__row--shoulders{grid-template-columns:1fr;justify-items:center;gap:.5rem}.trigger-cluster--right{justify-content:center}}.schematic__row--main{grid-template-columns:1fr auto auto 1fr;align-items:center;gap:1rem;display:grid}@media (width<=720px){.schematic__row--main{grid-template-columns:1fr 1fr;grid-template-areas:"left right""dpad face"}.schematic__row--main>.schematic__cluster:first-child{grid-area:left}.schematic__row--main>.dpad{grid-area:dpad;justify-self:center}.schematic__row--main>.face-buttons{grid-area:face;justify-self:center}.schematic__row--main>.schematic__cluster:last-child{grid-area:right}}.schematic__cluster{flex-direction:column;align-items:center;gap:.5rem;display:flex}.face-cluster{border:1px solid var(--color-border);background:var(--color-bg);width:34px;height:34px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex}.face-cluster.is-pressed{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.dpad{grid-template-rows:repeat(3,34px);grid-template-columns:repeat(3,34px);grid-template-areas:".up.""left.right"".down.";gap:2px;display:grid}.dpad__btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.dpad__btn--up{grid-area:up}.dpad__btn--down{grid-area:down}.dpad__btn--left{grid-area:left}.dpad__btn--right{grid-area:right}.dpad__btn.is-pressed{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.face-buttons{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px);grid-template-areas:".up.""left.right"".down.";gap:2px;display:grid}.face-buttons__btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.face-buttons__btn--up{grid-area:up}.face-buttons__btn--down{grid-area:down}.face-buttons__btn--left{grid-area:left}.face-buttons__btn--right{grid-area:right}.face-buttons__btn.is-pressed{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.fallback-grid__note{color:var(--color-text-muted);font-size:.85rem}.button-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;display:grid}.button-cell{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);justify-content:space-between;gap:.5rem;padding:.5rem .6rem;font-size:.82rem;display:flex}.button-cell--pressed{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.button-cell__value{font-family:var(--font-mono);color:inherit;opacity:.85}.raw-axes{margin-top:1.5rem}.raw-axes__heading{margin:0 0 .5rem;font-size:.95rem}.raw-axes__list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem;display:grid}.raw-axes__row{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono);background:var(--color-bg);justify-content:space-between;padding:.35rem .55rem;display:flex}.raw-axes__index{color:var(--color-text-muted);font-family:var(--font-sans)}.deadzone-control{max-width:420px;margin:1rem 0}.deadzone-control label{margin-bottom:.35rem;font-size:.9rem;font-weight:600;display:block}.deadzone-control input[type=range]{width:100%}.deadzone-control__hint{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.8rem}.tool-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.btn{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius-sm);cursor:pointer;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600}.btn:hover{opacity:.92}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.sample-status,.measure-status{color:var(--color-text-muted);min-height:1.2em;font-size:.85rem}.sample-results{font-size:.85rem;font-family:var(--font-mono);color:var(--color-text);flex-direction:column;gap:.2rem;display:flex}.suggestion-box{border:1px solid var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-md);margin:1rem 0;padding:.75rem 1rem}.suggestion-box p{margin:0 0 .35rem}.suggestion-box p:last-child{margin-bottom:0}.suggestion-box__label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-size:.78rem}.faq__list{flex-direction:column;gap:.5rem;display:flex}.faq__item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:.75rem 1rem}.faq__question{cursor:pointer;font-weight:600}.faq__answer{color:var(--color-text-muted);margin:.6rem 0 0}.related-tools{border-top:1px solid var(--color-border);margin-top:2.5rem;padding-top:1.5rem}.related-tools__list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.related-tools__list li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:1rem}.related-tools__list a{font-weight:700;text-decoration:none}.related-tools__list p{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.85rem}.ad-slot{margin:1.5rem 0}.ad-slot__placeholder{border:1px dashed var(--color-border);border-radius:var(--radius-md);min-height:90px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;font-size:.78rem;display:flex}.ad-slot__placeholder--active{border-style:solid;min-height:0}.home{padding-block:2rem 3rem}.home__intro{max-width:65ch;color:var(--color-text-muted);font-size:1.05rem}.home__tools{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.home__tools li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);padding:1.25rem}.home__tools a{font-size:1.1rem;font-weight:700;text-decoration:none}.home__tools p{color:var(--color-text-muted);margin:.5rem 0 0;font-size:.92rem}.home__points{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.home__points li{color:var(--color-text-muted);border-left:3px solid var(--color-accent);padding-left:.75rem;font-size:.9rem}.content-page{max-width:70ch;padding-block:2rem 3rem}.content-page h2{margin-top:1.75rem}