.joycon-controller-page{width:min(100% - 2rem,70rem);margin:0 auto;overflow-x:hidden}.joycon-tool{width:100%;margin:2rem auto 0}.joycon-tool-topbar,.joycon-card-heading,.joycon-player-switcher,.joycon-mode-switcher,.joycon-controller-legend{align-items:center;display:flex}.joycon-tool-topbar{border:1px solid rgb(var(--color-border));background:radial-gradient(circle at 12% 0%,rgba(var(--color-accent),.12),transparent 32rem),rgb(var(--color-fill));box-shadow:var(--shadow-card);border-radius:2rem;justify-content:space-between;gap:1rem;padding:clamp(1rem,2vw,1.35rem)}.joycon-tool-kicker,.joycon-card-kicker,.joycon-card-eyebrow,.joycon-raw-label{color:rgb(var(--color-accent));font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.joycon-tool-topbar h1,.joycon-card-heading h2{margin:.25rem 0 0}.joycon-tool-topbar h1{font-size:clamp(1.65rem,3vw,2.4rem)}.joycon-card-heading h2{font-size:clamp(1.1rem,2.2vw,1.45rem)}.joycon-tool-status,.joycon-controller-name,.joycon-card-description,.joycon-tool-note,.joycon-vibration-status{color:rgb(var(--color-text-muted))}.joycon-tool-status{margin:.35rem 0 0}.joycon-tool-actions{justify-items:end;gap:.45rem;display:grid}.joycon-mode-note{color:rgb(var(--color-text-muted));font-family:var(--font-mono);letter-spacing:.04em;font-size:.68rem}.joycon-player-switcher,.joycon-mode-switcher{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card));border-radius:999px;gap:.2rem;padding:.25rem}.joycon-player-switcher button,.joycon-mode-switcher button,.joycon-vibration-buttons button{color:rgb(var(--color-text-muted));cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.78rem;font-weight:700}.joycon-player-switcher button{min-width:2.4rem;padding:.5rem .7rem}.joycon-mode-switcher button{padding:.5rem .8rem}.joycon-player-switcher button:hover,.joycon-player-switcher button.active,.joycon-player-switcher button[aria-pressed=true],.joycon-mode-switcher button:hover,.joycon-mode-switcher button.active,.joycon-mode-switcher button[aria-pressed=true]{background:rgb(var(--color-card-muted));color:rgb(var(--color-text-base))}.joycon-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.joycon-controller-card,.joycon-telemetry-card{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card));border-radius:2rem;min-width:0}.joycon-controller-card{align-self:start;padding:clamp(1rem,2.2vw,1.5rem)}.joycon-card-heading{justify-content:space-between;gap:.8rem}.joycon-controller-name{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;min-height:1.65rem;margin:.7rem 0 0;font-size:.8rem}.joycon-mapping-note{color:rgb(var(--color-text-muted));font-family:var(--font-mono);margin:-.35rem 0 0;font-size:.68rem}.joycon-connection-dot{background:rgb(var(--color-text-muted));box-shadow:0 0 0 .3rem rgba(var(--color-text-muted),.12);border-radius:50%;flex:none;width:.8rem;height:.8rem}.joycon-connection-dot.is-connected{background:rgb(var(--color-positive));box-shadow:0 0 0 .3rem rgba(var(--color-positive),.15)}.joycon-layout{isolation:isolate;border:1px solid rgb(var(--color-border));background:radial-gradient(circle at 50% 30%,rgba(var(--color-card-muted),.55),transparent 60%),rgb(var(--color-fill));aspect-ratio:400/250;border-radius:1.4rem;width:100%;margin-top:.8rem;position:relative;overflow:hidden}.joycon-tool-note{gap:.5rem;margin:1rem 0 0;font-size:.88rem;display:flex}.joycon-svg,.joycon-control-layer{width:100%;height:100%;transition:transform .24s;position:absolute;inset:0}.joycon-svg-left .joycon-shell{fill:#00c3e3}.joycon-svg-right .joycon-shell{fill:#ff3c28}.joycon-rail-top,.joycon-rail-button{fill:rgb(var(--color-card-muted))}.joycon-shell-shadow{fill:rgb(var(--color-fill));opacity:.2}.joycon-stick-ring{fill:rgba(var(--color-fill),.26);stroke:rgba(var(--color-text-base),.16);stroke-width:2px}.joycon-stick-cap{fill:rgb(var(--color-fill));opacity:.78}.joycon-dpad,.joycon-face-cap,.joycon-minus,.joycon-plus,.joycon-capture,.joycon-home{fill:rgb(var(--color-card-muted))}.joycon-layout[data-layout=horizontal]{border-color:rgba(var(--color-warning),.7)}.joycon-layout[data-layout=horizontal] .joycon-control-left-sl,.joycon-layout[data-layout=horizontal] .joycon-control-right-sr{border-color:rgb(var(--color-warning));color:rgb(var(--color-warning))}.joycon-control{color:#0000;cursor:pointer;font-family:var(--font-mono);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;min-width:2rem;min-height:2rem;padding:.2rem;font-size:.67rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.joycon-control.is-pressed,.joycon-control[aria-pressed=true]{border-color:rgb(var(--color-accent));border:2px solid rgb(var(--color-accent));background:rgba(var(--color-fill),.86);color:#0000;box-shadow:0 0 1rem rgba(var(--color-accent),.5)}.joycon-control-right-b{top:40.8%;left:68.75%}.joycon-control-right-a{top:34%;left:73%}.joycon-control-right-x{top:34%;left:64.5%}.joycon-control-right-y{top:27.2%;left:68.75%}.joycon-control-left-l{top:13%;left:35%}.joycon-control-right-r{top:13%;left:65%}.joycon-control-left-zl{top:8%;left:40%}.joycon-control-right-zr{top:8%;left:60%}.joycon-control-left-sl{top:58%;left:31.5%}.joycon-control-right-sr{top:58%;left:59.5%}.joycon-control-hidden{opacity:0;pointer-events:none}.joycon-controller-legend{color:rgb(var(--color-text-muted));flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.9rem;font-size:.78rem;display:flex}.joycon-controller-legend i{border-radius:50%;width:.55rem;height:.55rem;margin-right:.3rem;display:inline-block}.joycon-legend-pressed{background:rgb(var(--color-accent))}.joycon-legend-waiting{background:rgb(var(--color-text-muted))}.joycon-telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.joycon-telemetry-card{align-self:start;padding:1.15rem}.joycon-stick-card{grid-column:1/-1}.joycon-card-description{margin:.4rem 0 1rem;font-size:.88rem}.joycon-raw-card,.joycon-vibration-card{min-height:250px}.joycon-vibration-card{flex-direction:column;display:flex}.joycon-reset{color:rgb(var(--color-text-muted));cursor:pointer;background:0 0;border:0;border-radius:50%;min-width:2rem;min-height:2rem;font-size:1.25rem}.joycon-reset:hover{background:rgb(var(--color-card-muted));color:rgb(var(--color-accent))}.joycon-stick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.joycon-stick-panel{color:rgb(var(--color-text-muted));text-align:center;justify-items:center;gap:.25rem;display:grid}.joycon-stick-panel strong{color:rgb(var(--color-text-base));letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.joycon-stick-panel output,.joycon-stick-panel small{font-family:var(--font-mono);font-size:.72rem}.joycon-stick-plot{aspect-ratio:1;border:1px solid rgb(var(--color-border));background:radial-gradient(circle,rgba(var(--color-positive),.08),transparent 68%);border-radius:50%;width:min(100%,9rem);position:relative}.joycon-stick-crosshair,.joycon-stick-crosshair:after{background:rgb(var(--color-border));content:"";position:absolute;top:50%;left:50%}.joycon-stick-crosshair{width:100%;height:1px;transform:translate(-50%,-50%)}.joycon-stick-crosshair:after{width:1px;height:100%;transform:translate(-50%,-50%)}.joycon-stick-deadzone{aspect-ratio:1;border:1px dashed rgba(var(--color-positive),.7);border-radius:50%;width:32%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joycon-stick-pointer{top:var(--point-y,50%);left:var(--point-x,50%);border:2px solid rgb(var(--color-card));background:rgb(var(--color-positive));box-shadow:0 0 .8rem rgba(var(--color-positive),.72);border-radius:50%;width:.7rem;height:.7rem;transition:top 90ms linear,left 90ms linear;position:absolute;transform:translate(-50%,-50%)}.joycon-raw-group+.joycon-raw-group{margin-top:1rem}.joycon-raw-axes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .75rem;margin-top:.4rem;display:grid}.joycon-raw-axis-row{color:rgb(var(--color-text-muted));font-family:var(--font-mono);align-items:center;gap:.35rem;min-width:0;font-size:.68rem;display:flex}.joycon-raw-axis-row b{color:rgb(var(--color-text-muted));width:.75rem;font-size:.65rem}.joycon-raw-axis-row output{color:rgb(var(--color-text-muted));text-align:right;width:3.1rem;font-size:.65rem}.joycon-raw-axis-meter{background:rgb(var(--color-card-muted));border-radius:999px;flex:1;height:.38rem;position:relative;overflow:hidden}.joycon-raw-axis-meter:after{background:rgb(var(--color-border));content:"";width:1px;position:absolute;top:0;bottom:0;left:50%}.joycon-raw-axis-fill{border-radius:inherit;background:rgb(var(--color-accent));height:100%;position:absolute;top:0}.joycon-raw-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem;margin-top:.4rem;display:grid}.joycon-raw-button-cell{border:1px dashed rgb(var(--color-border));color:rgb(var(--color-text-muted));font-family:var(--font-mono);border-radius:.4rem;place-items:center;min-width:0;min-height:1.8rem;font-size:.65rem;line-height:1.1;display:grid}.joycon-raw-button-cell b{font-size:.68rem}.joycon-raw-button-cell output{color:rgb(var(--color-text-muted));font-size:.6rem}.joycon-raw-button-cell.is-pressed{border-color:rgb(var(--color-accent));background:rgba(var(--color-accent),.18);color:rgb(var(--color-accent))}.joycon-raw-button-cell.is-pressed output{color:rgb(var(--color-accent))}.joycon-raw-status,.joycon-vibration-status{font-family:var(--font-mono);min-height:1.4rem;margin:.8rem 0 0;font-size:.72rem}.joycon-card-icon{color:rgb(var(--color-accent));font-family:var(--font-mono);text-align:center;font-size:.7rem;font-weight:700;line-height:.9}.joycon-card-icon-warning{color:rgb(var(--color-warning));font-size:1.6rem}.joycon-motor-visual{color:rgb(var(--color-text-muted));flex:1;justify-content:center;align-items:center;gap:.8rem;min-height:5.2rem;display:flex}.joycon-motor-visual span{background:rgb(var(--color-border));border-radius:999px;width:.25rem;height:3.1rem}.joycon-motor-visual i{background:rgb(var(--color-card-muted));border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-size:1.4rem;font-style:normal;display:grid}.joycon-vibration-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.joycon-vibration-buttons button{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card-muted));color:rgb(var(--color-text-muted));letter-spacing:.06em;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:2.7rem;padding:.45rem .3rem;font-size:.64rem;font-weight:700;display:flex}.joycon-vibration-buttons button:not(:disabled):hover{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent))}.joycon-vibration-buttons button.is-selected,.joycon-vibration-buttons button[aria-pressed=true]{border-color:rgb(var(--vibration-accent));background:rgba(var(--vibration-accent),.14);color:rgb(var(--vibration-accent))}.joycon-vibration-buttons button[data-vibration=heavy]{--vibration-accent:249,115,22}.joycon-vibration-buttons button[data-vibration=light]{--vibration-accent:59,130,246}.joycon-vibration-buttons button[data-vibration=burst]{--vibration-accent:168,85,247}.joycon-vibration-buttons button[data-vibration=pulse]{--vibration-accent:244,63,94}.joycon-vibration-label{line-height:1}.joycon-vibration-meter{background:rgba(var(--vibration-accent),.2);border-radius:999px;width:2rem;height:.25rem;display:block;overflow:hidden}.joycon-vibration-meter i{border-radius:inherit;background:rgb(var(--vibration-accent));width:75%;height:100%;display:block}.joycon-vibration-meter-burst i{width:100%}.joycon-vibration-pulse{align-items:flex-end;gap:.15rem;height:.35rem;display:flex}.joycon-vibration-pulse i{background:rgb(var(--vibration-accent));width:.35rem;height:.35rem;display:block}.joycon-vibration-pulse i:nth-child(2n){opacity:.55;height:.18rem}.joycon-vibration-buttons button:disabled{cursor:not-allowed;opacity:.46}.joycon-controller-guide{gap:1rem;width:100%;max-width:none;margin:1rem auto 0;display:grid}.joycon-guide-card{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card));border-radius:1.6rem;width:100%;min-width:0;padding:clamp(1.1rem,2.2vw,1.7rem)}.joycon-guide-card h2{margin:.25rem 0 1rem;font-size:clamp(1.45rem,3vw,2.1rem)}.prose .joycon-guide-card h3{color:rgb(var(--color-text-base));margin:1.5rem 0 .7rem;font-size:clamp(1.15rem,2.2vw,1.4rem)}.joycon-guide-card h4{color:rgb(var(--color-text-base));margin:.55rem 0 .35rem;font-size:1rem}.joycon-guide-card p,.joycon-guide-card li,.joycon-guide-card td,.joycon-guide-card th{color:rgb(var(--color-text-muted));font-size:1rem}.joycon-guide-card p+p,.joycon-guide-card p+ul,.joycon-guide-card p+ol,.joycon-guide-card table+p{margin-top:1rem}.joycon-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.1rem 0;display:grid}.joycon-feature-grid article{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card-muted));border-radius:1rem;padding:1rem}.joycon-feature-grid article>span{font-size:1.4rem}.joycon-step-list{gap:.8rem;padding-left:1.4rem;display:grid}.joycon-step-list li::marker{color:rgb(var(--color-accent));font-family:var(--font-mono);font-weight:700}.joycon-guide-card blockquote{border-left:3px solid rgb(var(--color-accent));background:rgba(var(--color-accent),.08);color:rgb(var(--color-text-base));margin:1.2rem 0 0;padding:.8rem 1rem}.joycon-guide-card table{border-collapse:collapse;width:100%;margin-top:1rem}.joycon-guide-card th,.joycon-guide-card td{border:1px solid rgb(var(--color-border));text-align:left;vertical-align:top;padding:.65rem}.joycon-guide-card th{color:rgb(var(--color-text-base));background:rgb(var(--color-card-muted))}.joycon-guide-card strong{color:rgb(var(--color-text-base))}.joycon-faq details{border-top:1px solid rgb(var(--color-border))}.joycon-faq details:last-child{border-bottom:1px solid rgb(var(--color-border))}.joycon-faq summary{color:rgb(var(--color-text-base));cursor:pointer;padding:.9rem 0;font-weight:700}.joycon-faq details p{margin:0 0 1rem}@media (max-width:900px){.joycon-tool-grid{grid-template-columns:1fr}}@media (max-width:760px){.joycon-controller-page{overflow-x:hidden}.joycon-tool-topbar{flex-direction:column;align-items:flex-start}.joycon-tool-actions{justify-items:stretch;width:100%}.joycon-player-switcher,.joycon-mode-switcher{justify-content:space-between}.joycon-player-switcher button,.joycon-mode-switcher button,.joycon-vibration-buttons button{min-height:2.75rem}.joycon-player-switcher button,.joycon-mode-switcher button{flex:1}}@media (max-width:560px){.joycon-controller-page{width:min(100% - 1rem,70rem)}.joycon-tool{border-radius:1.35rem;width:100%;padding:.65rem}.joycon-controller-card,.joycon-telemetry-card,.joycon-guide-card{border-radius:1.1rem}.joycon-stick-grid,.joycon-feature-grid{grid-template-columns:1fr}.joycon-vibration-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.joycon-guide-card table{display:block;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.joycon-controller-page *,.joycon-controller-page :before,.joycon-controller-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}