.controller-input-content{gap:1rem;width:100%;display:grid}.controller-input-content-section{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card));box-shadow:var(--shadow-card);border-radius:1.45rem;padding:clamp(1.35rem,3vw,2.4rem)}.controller-input-content-section h2{letter-spacing:-.04em;max-width:50rem;margin:0 0 1rem;font-size:clamp(1.65rem,4vw,2.45rem)}.controller-input-content-section h3{color:rgb(var(--color-text-base));margin:1.5rem 0 .6rem;font-size:1.25rem}.controller-input-content-section p,.controller-input-content-section li,.controller-input-content-section td,.controller-input-content-section th{color:rgb(var(--color-text-muted));font-size:1rem;line-height:1.75}.controller-input-content-section p{max-width:72rem;margin:0 0 1rem}.controller-input-content-section a{color:rgb(var(--color-accent));font-weight:700}.controller-input-steps{gap:.7rem;margin:1.2rem 0 1.25rem;padding:0;list-style:none;display:grid}.controller-input-steps li{grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.controller-input-steps li>span{background:rgb(var(--color-positive));color:rgb(var(--color-fill));font-family:var(--font-mono);border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.78rem;font-weight:700;display:grid}.controller-input-steps li>div{padding-top:.2rem}.controller-input-steps strong{color:rgb(var(--color-text-base))}.controller-input-content-section blockquote{border-left:3px solid rgb(var(--color-accent));background:rgba(var(--color-accent),.08);color:rgb(var(--color-text-base));border-radius:0 .8rem .8rem 0;margin:1.4rem 0;padding:1rem 1.1rem}.controller-input-content-section blockquote strong{color:rgb(var(--color-accent))}.controller-input-coverage-table{border-collapse:collapse;width:100%;margin:1.3rem 0 1.2rem}.controller-input-coverage-table th,.controller-input-coverage-table td{border:1px solid rgb(var(--color-border));text-align:left;vertical-align:top;padding:.75rem}.controller-input-coverage-table th{color:rgb(var(--color-text-base));background:rgb(var(--color-card-muted))}.controller-input-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.7rem;display:grid}.controller-input-faq-item{grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.7rem;display:grid}.controller-input-faq-item>span{background:rgb(var(--color-positive));color:rgb(var(--color-fill));font-family:var(--font-mono);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.7rem;font-weight:700;display:grid}.controller-input-faq-item h3{margin:0 0 .35rem;font-size:1rem;line-height:1.35}.controller-input-faq-item p{margin:0;font-size:.9rem;line-height:1.6}.controller-input-page{width:min(100% - 2rem,76rem);min-width:0;margin:0 auto;padding:1.5rem 0 4rem}.controller-input-page-shell{gap:2rem;min-width:0;display:grid;overflow-x:clip}.controller-input-tool,.controller-input-content,.controller-input-stage,.controller-input-art,.controller-input-readout,.controller-input-trigger-readout{min-width:0}.controller-input-tool{border:1px solid rgb(var(--color-border));background:radial-gradient(circle at 50% -10%,rgba(var(--color-accent),.14),transparent 30rem),radial-gradient(circle at 0% 60%,rgba(var(--color-positive),.08),transparent 26rem),rgb(var(--color-fill));box-shadow:var(--shadow-card);border-radius:1.7rem;position:relative;overflow:hidden}.controller-input-tool:before{pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(var(--color-border),.42)1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-border),.42)1px,transparent 1px);content:"";background-size:2.8rem 2.8rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 62%);mask-image:linear-gradient(#000,#0000 62%)}.controller-input-tool>*{z-index:1;position:relative}.controller-input-hero,.controller-input-player-switcher,.controller-input-status,.controller-input-stage-heading,.controller-input-readout-heading,.controller-input-legend,.controller-input-tool-footer{align-items:center;display:flex}.controller-input-hero{border-bottom:1px solid rgb(var(--color-border));background:rgba(var(--color-card),.45);justify-content:space-between;gap:1.5rem;padding:clamp(1.25rem,3vw,2.2rem)}.controller-input-heading{min-width:0}.controller-input-kicker,.controller-input-panel-kicker{color:rgb(var(--color-accent));font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:.68rem;font-weight:700}.controller-input-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,3.75rem);line-height:1}.controller-input-lead{color:rgb(var(--color-text-muted));max-width:44rem;margin:.85rem 0 0;font-size:clamp(.98rem,1.6vw,1.08rem);line-height:1.55}.controller-input-context{border-left:3px solid rgb(var(--color-accent));background:rgba(var(--color-card-muted),.45);color:rgb(var(--color-text-muted));max-width:44rem;margin-top:.85rem;padding:.8rem 1rem}.controller-input-context p{margin:0;font-size:.9rem;line-height:1.55}.controller-input-context a{color:rgb(var(--color-accent));text-underline-offset:.2em;font-weight:700}.controller-input-status{color:rgb(var(--color-text-muted));font-family:var(--font-mono);text-align:right;flex-direction:column;align-items:flex-end;gap:.35rem;min-width:12rem;font-size:.69rem}.controller-input-status strong{color:rgb(var(--color-text-base));font-size:.73rem;line-height:1.45}.controller-input-status-dot{background:rgb(var(--color-warning));box-shadow:0 0 0 .3rem rgba(var(--color-warning),.13);border-radius:50%;width:.72rem;height:.72rem}.controller-input-status-dot.is-connected{background:rgb(var(--color-positive));box-shadow:0 0 0 .3rem rgba(var(--color-positive),.14)}.controller-input-player-switcher{border-bottom:1px solid rgb(var(--color-border));background:rgba(var(--color-card-muted),.25);color:rgb(var(--color-text-muted));font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:.55rem;padding:.8rem clamp(1.25rem,3vw,2.2rem);font-size:.68rem;font-weight:700}.controller-input-player-switcher span{margin-right:.25rem}.controller-input-player-switcher button{border:1px solid rgb(var(--color-border));background:rgba(var(--color-card),.7);color:rgb(var(--color-text-base));cursor:pointer;font-family:var(--font-mono);border-radius:.7rem;min-width:2.8rem;min-height:2.6rem;padding:.35rem .6rem;font-size:.72rem;font-weight:700;transition:border-color .16s,background-color .16s,color .16s}.controller-input-player-switcher button:hover,.controller-input-player-switcher button:focus-visible,.controller-input-player-switcher button.is-active{border-color:rgb(var(--color-accent));background:rgba(var(--color-accent),.14);color:rgb(var(--color-accent))}.controller-input-player-switcher button.is-connected{border-color:rgba(var(--color-positive),.55)}.controller-input-stage{border-bottom:1px solid rgb(var(--color-border));background:rgba(var(--color-fill),.6);padding:clamp(1.25rem,3vw,2.2rem)}.controller-input-stage-heading{justify-content:space-between;gap:1rem}.controller-input-stage-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.3rem,3vw,2rem)}.controller-input-local-badge,.controller-input-readout-heading>span{border:1px solid rgba(var(--color-positive),.4);color:rgb(var(--color-positive));font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex:none;padding:.35rem .6rem;font-size:.62rem;font-weight:700}.controller-input-art{aspect-ratio:210/170;border:1px solid rgba(var(--color-border),.72);background:radial-gradient(circle at 50% 48%,rgba(var(--color-accent),.13),transparent 45%),rgba(var(--color-card),.28);isolation:isolate;border-radius:1.35rem;width:min(100%,43rem);margin:1.25rem auto 0;position:relative;overflow:hidden}.controller-input-art .ps5-reference-art,.controller-input-art .ps5-reference-svg{width:100%;height:100%;position:absolute;inset:0}.controller-input-art .ps5-reference-svg{display:block}.controller-input-button-layer{z-index:2;position:absolute;inset:0}.controller-input-button{--control-x:50%;--control-y:50%;top:var(--control-y);left:var(--control-x);color:#0000;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;width:clamp(1.8rem,6%,2.65rem);height:clamp(1.8rem,6%,2.65rem);transition:border-color .14s,background-color .14s,box-shadow .14s;position:absolute;transform:translate(-50%,-50%)}.controller-input-button:hover,.controller-input-button:focus-visible{border-color:rgba(var(--color-accent),.66);background:rgba(var(--color-accent),.12)}.controller-input-button.is-pressed,.controller-input-button[aria-pressed=true]{border-color:rgb(var(--color-accent));background:rgba(var(--color-accent),.28);box-shadow:0 0 1rem rgba(var(--color-accent),.6)}.controller-input-button.is-cross{--control-x:81.3%;--control-y:54%}.controller-input-button.is-circle{--control-x:88.1%;--control-y:45.4%}.controller-input-button.is-square{--control-x:74.5%;--control-y:45.4%}.controller-input-button.is-triangle{--control-x:81.3%;--control-y:37%}.controller-input-button.is-l1{--control-x:22.9%;--control-y:26.1%;border-radius:.5rem;width:8%;height:7%}.controller-input-button.is-r1{--control-x:80.9%;--control-y:26.1%;border-radius:.5rem;width:8%;height:7%}.controller-input-button.is-l2{--control-x:22.9%;--control-y:13.4%;border-radius:.5rem;width:8%;height:8%}.controller-input-button.is-r2{--control-x:80.7%;--control-y:13.5%;border-radius:.5rem;width:8%;height:8%}.controller-input-button.is-create{--control-x:30%;--control-y:32.7%;border-radius:.5rem;width:10%;height:7%}.controller-input-button.is-options{--control-x:73.8%;--control-y:32.7%;border-radius:.5rem;width:10%;height:7%}.controller-input-button.is-l3{--control-x:36.9%;--control-y:61.3%}.controller-input-button.is-r3{--control-x:66.8%;--control-y:61.3%}.controller-input-button.is-dpad-up{--control-x:22.4%;--control-y:40.1%}.controller-input-button.is-dpad-down{--control-x:22.4%;--control-y:51.1%}.controller-input-button.is-dpad-left{--control-x:17.9%;--control-y:45.6%}.controller-input-button.is-dpad-right{--control-x:26.8%;--control-y:45.6%}.controller-input-button.is-ps{--control-x:51.9%;--control-y:67.4%}.controller-input-button.is-share{--control-x:51.9%;--control-y:37.6%;border-radius:.5rem;width:13%;height:8%}.controller-input-stick-pointer{top:var(--point-y,61.3%);left:var(--point-x,36.9%);z-index:3;border:2px solid rgb(var(--color-positive));background:rgb(var(--color-fill));box-shadow:0 0 0 .28rem rgba(var(--color-positive),.18);pointer-events:none;border-radius:50%;width:clamp(.6rem,2.6%,.9rem);height:clamp(.6rem,2.6%,.9rem);transition:top 80ms linear,left 80ms linear;position:absolute;transform:translate(-50%,-50%)}.controller-input-stick-pointer.is-right{border-color:rgb(var(--color-accent));box-shadow:0 0 0 .28rem rgba(var(--color-accent),.17);left:66.8%}.controller-input-legend{color:rgb(var(--color-text-muted));font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;flex-wrap:wrap;gap:.55rem 1.2rem;margin:.9rem auto 0;font-size:.64rem}.controller-input-legend span{align-items:center;gap:.35rem;display:inline-flex}.controller-input-legend i,.controller-input-tool-footer i{background:rgb(var(--color-text-muted));border-radius:50%;width:.45rem;height:.45rem}.controller-input-legend i.is-pressed{background:rgb(var(--color-accent))}.controller-input-legend i.is-stick{background:rgb(var(--color-positive))}.controller-input-legend i.is-trigger{background:rgb(var(--color-warning))}.controller-input-readout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.controller-input-readout,.controller-input-trigger-readout{border:1px solid rgb(var(--color-border));background:rgba(var(--color-card),.7);border-radius:1rem;padding:.9rem}.controller-input-trigger-readout{grid-column:1/-1}.controller-input-readout-heading{justify-content:space-between;gap:.7rem}.controller-input-readout-heading strong{color:rgb(var(--color-text-base));font-size:.95rem;display:block}.controller-input-readout-heading>span{background:rgba(var(--color-card-muted),.7);color:rgb(var(--color-text-muted));border:0;font-size:.58rem}.controller-input-axis-values,.controller-input-trigger-row{gap:.55rem;margin-top:.8rem;display:grid}.controller-input-axis-values{color:rgb(var(--color-text-muted));font-family:var(--font-mono);grid-template-columns:repeat(2,minmax(0,1fr));font-size:.76rem}.controller-input-axis-values output,.controller-input-trigger output{color:rgb(var(--color-text-base));font-weight:700}.controller-input-trigger-row{grid-template-columns:repeat(2,minmax(0,1fr))}.controller-input-trigger{color:rgb(var(--color-text-muted));font-family:var(--font-mono);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;font-size:.68rem;display:grid}.controller-input-trigger-track{background:rgb(var(--color-card-muted));border-radius:999px;height:.42rem;overflow:hidden}.controller-input-trigger-track span{border-radius:inherit;background:linear-gradient(90deg,rgb(var(--color-warning)),rgb(var(--color-accent)));width:0;height:100%;transition:width .1s linear;display:block}.controller-input-feature-grid{border-bottom:1px solid rgb(var(--color-border));grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem clamp(1.25rem,3vw,2.2rem) 1.25rem;display:grid}.controller-input-feature-card{border:1px solid rgb(var(--color-border));background:rgba(var(--color-card),.68);border-radius:1rem;align-content:start;gap:.4rem;min-height:7.4rem;padding:.9rem;display:grid}.controller-input-feature-icon{background:rgba(var(--color-positive),.13);color:rgb(var(--color-positive));border-radius:.65rem;place-items:center;width:2rem;height:2rem;font-size:1rem;display:grid}.controller-input-feature-card strong{color:rgb(var(--color-text-base));font-size:.82rem}.controller-input-feature-card>span:last-child{color:rgb(var(--color-text-muted));font-size:.72rem;line-height:1.45}.controller-input-raw-details{border:1px solid rgb(var(--color-border));background:rgba(var(--color-card),.46);border-radius:1rem;margin:0 clamp(1.25rem,3vw,2.2rem) 1.25rem}.controller-input-raw-details summary{color:rgb(var(--color-text-base));cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;padding:.8rem .95rem;font-size:.72rem;font-weight:700}.controller-input-raw-grid{grid-template-columns:1fr 1.35fr;gap:1rem;padding:0 .95rem .95rem;display:grid}.controller-input-raw-axes,.controller-input-raw-buttons{gap:.35rem;display:grid}.controller-input-raw-axes span{background:rgb(var(--color-card-muted));color:rgb(var(--color-text-muted));font-family:var(--font-mono);border-radius:.45rem;justify-content:space-between;padding:.38rem .5rem;font-size:.7rem;display:flex}.controller-input-raw-axes output{color:rgb(var(--color-text-base))}.controller-input-raw-buttons{grid-template-columns:repeat(9,minmax(0,1fr))}.controller-input-raw-buttons span{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card-muted));color:rgb(var(--color-text-muted));font-family:var(--font-mono);border-radius:.4rem;place-items:center;min-height:1.6rem;font-size:.62rem;display:grid}.controller-input-raw-buttons span.is-pressed{border-color:rgb(var(--color-accent));background:rgba(var(--color-accent),.2);color:rgb(var(--color-text-base))}.controller-input-tool-footer{color:rgb(var(--color-text-muted));font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:.7rem 1rem;padding:.9rem clamp(1.25rem,3vw,2.2rem) 1.2rem;font-size:.66rem}.controller-input-tool-footer span{align-items:center;gap:.4rem;display:inline-flex}.controller-input-tool-footer i{background:rgb(var(--color-positive))}@media (max-width:840px){.controller-input-hero{flex-direction:column;align-items:flex-start}.controller-input-status{text-align:left;align-items:flex-start}.controller-input-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.controller-input-page{width:min(100% - 1rem,76rem);padding-top:1rem}.controller-input-stage-heading{flex-direction:column;align-items:flex-start}.controller-input-readout-grid,.controller-input-trigger-row,.controller-input-raw-grid,.controller-input-faq-grid{grid-template-columns:1fr}.controller-input-trigger-readout{grid-column:auto}.controller-input-raw-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}.controller-input-coverage-table{display:block;overflow-x:auto}.controller-input-content-section p,.controller-input-content-section li,.controller-input-content-section td,.controller-input-content-section th{font-size:.95rem}}@media (max-width:440px){.controller-input-hero,.controller-input-stage,.controller-input-feature-grid,.controller-input-tool-footer{padding-left:.9rem;padding-right:.9rem}.controller-input-hero h1{font-size:clamp(1.9rem,11vw,2.7rem)}.controller-input-art{margin-top:1rem}.controller-input-feature-grid{grid-template-columns:1fr}.controller-input-raw-details{margin-left:.9rem;margin-right:.9rem}.controller-input-content-section{padding:1.15rem}.controller-input-content-section h2{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.controller-input-button,.controller-input-stick-pointer,.controller-input-trigger-track span,.controller-input-player-switcher button{transition:none}}