.joystick-deadzone-page-shell{width:min(100% - 2rem,76rem);margin:1.6rem auto 0}.joystick-deadzone-tool,.deadzone-guide{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card));box-shadow:var(--shadow-card);border-radius:1.5rem}.joystick-deadzone-tool{overflow:hidden}.deadzone-tool-header{background:radial-gradient(circle at 85% 15%,rgba(var(--color-accent),.16),transparent 30%),linear-gradient(135deg,rgba(var(--color-card-muted),.62),rgba(var(--color-card),.96));justify-content:space-between;align-items:flex-start;gap:2rem;padding:clamp(1.4rem,4vw,2.5rem);display:flex}.deadzone-kicker,.deadzone-panel-kicker{color:rgb(var(--color-accent));font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.66rem;font-weight:700}.deadzone-heading h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.2rem,6vw,4.8rem);line-height:.98}.deadzone-lead{color:rgb(var(--color-text-muted));max-width:34rem;margin:1rem 0 0;font-size:clamp(1rem,2vw,1.15rem)}.deadzone-connection{border:1px solid rgba(var(--color-accent),.35);background:rgba(var(--color-fill),.58);border-radius:.9rem;align-items:center;gap:.75rem;min-width:14rem;padding:.75rem .9rem;display:flex}.deadzone-connection strong,.deadzone-connection span:last-child{display:block}.deadzone-connection strong{color:rgb(var(--color-text-base));font-family:var(--font-mono);text-transform:uppercase;font-size:.76rem}.deadzone-connection span:last-child{color:rgb(var(--color-text-muted));text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.78rem;overflow:hidden}.deadzone-status-dot{background:rgb(var(--color-warning));box-shadow:0 0 0 .25rem rgba(var(--color-warning),.12);border-radius:50%;flex:none;width:.65rem;height:.65rem}.deadzone-step-list{border-top:1px solid rgb(var(--color-border));border-bottom:1px solid rgb(var(--color-border));background:rgba(var(--color-fill),.36);grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin:0;padding:.9rem;list-style:none;display:grid}.deadzone-step-list li{border:1px solid rgb(var(--color-border));background:rgba(var(--color-card),.6);border-radius:.8rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;padding:.75rem;display:grid}.deadzone-step-list li.is-ready{border-color:rgba(var(--color-positive),.42)}.deadzone-step-list div,.deadzone-step-list strong,.deadzone-step-list span:not(.deadzone-step-number),.deadzone-step-list em{display:block}.deadzone-step-number{background:rgb(var(--color-card-muted));color:rgb(var(--color-accent));font-family:var(--font-mono);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.75rem;font-weight:700;display:grid}.deadzone-step-list strong{color:rgb(var(--color-text-base));font-size:.78rem}.deadzone-step-list span:not(.deadzone-step-number){color:rgb(var(--color-text-muted));margin-top:.15rem;font-size:.67rem;line-height:1.35}.deadzone-step-list em{color:rgb(var(--color-text-muted));font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-column:2;font-size:.58rem;font-style:normal}.deadzone-step-list li.is-ready em{color:rgb(var(--color-positive))}.deadzone-overview-grid{background:rgb(var(--color-border));grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:1px;display:grid}.deadzone-visual-card,.deadzone-controls-card{background:rgb(var(--color-card));min-width:0;padding:clamp(1rem,3vw,1.6rem)}.deadzone-visual-card{flex-direction:column;align-items:center;display:flex}.deadzone-card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.deadzone-card-heading h2{letter-spacing:-.04em;margin:0;font-size:1.2rem}.deadzone-value-badge,.deadzone-local-badge{border:1px solid rgba(var(--color-accent),.34);color:rgb(var(--color-accent));font-family:var(--font-mono);border-radius:999px;padding:.35rem .55rem;font-size:.68rem}.deadzone-canvas{border:1px solid rgba(var(--color-accent),.27);background:radial-gradient(circle at center,rgba(var(--color-accent),.11),transparent 42%),repeating-radial-gradient(circle at center,transparent 0 18%,rgba(var(--color-border),.28)18.5% 19%);border-radius:50%;width:min(100%,21rem);height:auto;margin:1.2rem auto;display:block}.deadzone-legend{color:rgb(var(--color-text-muted));font-family:var(--font-mono);flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;width:100%;font-size:.64rem;display:flex}.deadzone-legend span{align-items:center;gap:.35rem;display:inline-flex}.legend-swatch{background:rgb(var(--color-accent));border-radius:50%;width:.55rem;height:.55rem}.legend-swatch.is-inside{background:rgb(var(--color-positive))}.legend-swatch.is-outside{background:rgb(var(--color-warning))}.legend-swatch.is-raw{background:rgb(var(--color-text-muted))}.deadzone-suggestion{border:1px solid rgba(var(--color-warning),.3);background:rgba(var(--color-warning),.08);border-radius:.85rem;align-items:flex-start;gap:.65rem;width:100%;margin-top:1rem;padding:.8rem;display:flex}.deadzone-suggestion strong,.deadzone-suggestion p{margin:0;display:block}.deadzone-suggestion strong{color:rgb(var(--color-text-base));font-size:.8rem}.deadzone-suggestion p{color:rgb(var(--color-text-muted));margin-top:.25rem;font-size:.75rem}.deadzone-controls-card{align-content:start;gap:.8rem;display:grid}.deadzone-controller-row,.deadzone-action-row,.deadzone-number-control,.deadzone-checkbox-control{align-items:center;gap:.55rem;display:flex}.deadzone-controller-row{color:rgb(var(--color-text-muted));font-family:var(--font-mono);justify-content:space-between;font-size:.68rem}.deadzone-controller-row strong{color:rgb(var(--color-text-base))}.deadzone-controls-card button,.deadzone-log-actions button{border:1px solid rgb(var(--color-border));background:rgb(var(--color-card-muted));color:rgb(var(--color-text-base));cursor:pointer;border-radius:.55rem;min-height:2.35rem;padding:.45rem .7rem;font-size:.72rem;font-weight:700}.deadzone-controls-card button:hover,.deadzone-log-actions button:hover{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent))}.deadzone-controls-card button:disabled,.deadzone-log-actions button:disabled{cursor:not-allowed;opacity:.4}.deadzone-action-row{flex-wrap:wrap}.deadzone-action-row button{flex:8rem}.deadzone-action-row .deadzone-primary-button,.deadzone-suggest-button{border-color:rgb(var(--color-accent));background:rgb(var(--color-accent));color:rgb(var(--color-fill))}.deadzone-action-row .deadzone-primary-button:hover,.deadzone-suggest-button:hover{color:rgb(var(--color-fill));filter:brightness(1.08)}.deadzone-mode-fieldset{border:1px solid rgb(var(--color-border));border-radius:.75rem;flex-wrap:wrap;gap:.55rem;margin:0;padding:.8rem;display:flex}.deadzone-mode-fieldset legend{color:rgb(var(--color-text-base));width:100%;font-size:.82rem;font-weight:700}.deadzone-mode-fieldset label{border:1px solid rgb(var(--color-border));color:rgb(var(--color-text-muted));cursor:pointer;border-radius:.55rem;flex:8rem;padding:.55rem;font-size:.75rem}.deadzone-mode-fieldset label:has(input:checked){border-color:rgba(var(--color-accent),.6);background:rgba(var(--color-accent),.11);color:rgb(var(--color-accent))}.deadzone-mode-fieldset input{accent-color:rgb(var(--color-accent))}.deadzone-mode-fieldset p{color:rgb(var(--color-text-muted));width:100%;margin:0;font-size:.72rem}.deadzone-range-control,.deadzone-number-control,.deadzone-checkbox-control{color:rgb(var(--color-text-muted));font-size:.78rem}.deadzone-range-control{gap:.35rem;display:grid}.deadzone-range-control>span{justify-content:space-between;gap:.8rem;display:flex}.deadzone-range-control strong{color:rgb(var(--color-text-base))}.deadzone-range-control output{color:rgb(var(--color-accent));font-family:var(--font-mono)}.deadzone-range-control small{color:rgb(var(--color-text-muted));font-family:var(--font-mono);font-size:.62rem}.deadzone-range-control input[type=range]{accent-color:rgb(var(--color-accent));width:100%}.deadzone-number-control{justify-content:space-between}.deadzone-number-control input{border:1px solid rgb(var(--color-border));background:rgb(var(--color-fill));color:rgb(var(--color-text-base));font-family:var(--font-mono);border-radius:.5rem;width:5rem;padding:.45rem;font-size:.75rem}.deadzone-checkbox-control{align-items:flex-start}.deadzone-checkbox-control input{accent-color:rgb(var(--color-accent));margin-top:.25rem}.deadzone-checkbox-control small{color:rgb(var(--color-text-muted))}.deadzone-tool-footer{border-top:1px solid rgb(var(--color-border));color:rgb(var(--color-text-muted));font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:.7rem 1rem;padding:.9rem 1.2rem;font-size:.66rem;display:flex}.deadzone-tool-footer strong{color:rgb(var(--color-text-base))}@media (max-width:980px){.deadzone-step-list{grid-template-columns:repeat(3,minmax(0,1fr))}.deadzone-overview-grid{grid-template-columns:1fr}}.deadzone-stick-grid{background:rgba(var(--color-fill),.3);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:clamp(1rem,3vw,1.6rem);display:grid}.deadzone-stick-card{border:1px solid rgba(var(--color-accent),.3);background:linear-gradient(145deg,rgba(var(--color-accent),.08),rgba(var(--color-fill),.5)),rgb(var(--color-fill));border-radius:1.1rem;min-width:0;padding:1rem}.deadzone-stick-card.is-coral{background:linear-gradient(145deg,#fb718514,rgba(var(--color-fill),.5)),rgb(var(--color-fill));border-color:#fb718559}.deadzone-stick-card header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.deadzone-stick-card h3{letter-spacing:-.04em;margin:0;font-size:1.1rem}.deadzone-stick-card header>span{color:rgb(var(--color-accent));font-family:var(--font-mono);letter-spacing:.08em;font-size:.6rem}.deadzone-stick-card.is-coral header>span{color:#fb7185}.deadzone-mini-plot{aspect-ratio:1;border:1px solid rgb(var(--color-border));background:repeating-radial-gradient(circle at center,transparent 0 18%,rgba(var(--color-border),.3)18.5% 19%);border-radius:50%;width:min(100%,16rem);margin:1rem auto;position:relative;overflow:hidden}.deadzone-mini-plot:before,.deadzone-mini-plot:after{background:rgba(var(--color-border),.8);content:"";position:absolute}.deadzone-mini-plot:before{height:1px;top:50%;left:5%;right:5%}.deadzone-mini-plot:after{width:1px;top:5%;bottom:5%;left:50%}.deadzone-mini-plot>i{border:1px solid rgba(var(--color-positive),.5);border-radius:50%;width:24%;height:24%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deadzone-mini-pointer{top:var(--pointer-y,50%);left:var(--pointer-x,50%);z-index:1;border:2px solid rgb(var(--color-card));background:rgb(var(--color-positive));box-shadow:0 0 0 .25rem rgba(var(--color-positive),.15);border-radius:50%;width:.75rem;height:.75rem;transition:top .1s,left .1s;position:absolute;transform:translate(-50%,-50%)}.is-coral .deadzone-mini-pointer{background:#fb7185;box-shadow:0 0 0 .25rem #fb718526}.deadzone-metric-grid{color:rgb(var(--color-text-muted));font-family:var(--font-mono);grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;font-size:.68rem;display:grid}.deadzone-metric-grid span{border:1px solid rgba(var(--color-border),.85);background:rgba(var(--color-card),.55);border-radius:.5rem;padding:.45rem}.deadzone-metric-grid output{color:rgb(var(--color-text-base));font-weight:700}.deadzone-log-card{border-top:1px solid rgb(var(--color-border));padding:clamp(1rem,3vw,1.6rem)}.deadzone-log-actions{flex-wrap:wrap;gap:.45rem;display:flex}.deadzone-log-card pre{border:1px solid rgb(var(--color-border));background:rgba(var(--color-fill),.7);color:rgb(var(--color-text-muted));font-family:var(--font-mono);white-space:pre-wrap;border-radius:.75rem;min-height:8rem;max-height:15rem;margin:1rem 0 0;padding:.8rem;font-size:.66rem;line-height:1.65;overflow:auto}@media (max-width:720px){.deadzone-stick-grid{grid-template-columns:1fr}.deadzone-log-actions{width:100%}.deadzone-log-actions button{flex:9rem}}@media (max-width:420px){.deadzone-metric-grid{grid-template-columns:1fr}}.deadzone-guide{margin-top:1.4rem;padding:clamp(1.2rem,4vw,2.5rem)}.deadzone-guide-header{max-width:50rem;padding-bottom:1rem}.deadzone-guide-header h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.6rem)}.deadzone-guide-header p:last-child{color:rgb(var(--color-text-muted));margin:1rem 0 0;font-size:1.05rem}.deadzone-guide h2{color:rgb(var(--color-text-base));letter-spacing:-.045em;margin:0 0 1rem;font-size:clamp(1.45rem,3vw,2.2rem)}.deadzone-guide h3{color:rgb(var(--color-text-base));margin:1.5rem 0 .6rem;font-size:1.1rem}.deadzone-guide p,.deadzone-guide li,.deadzone-guide td,.deadzone-guide th,.deadzone-guide summary{color:rgb(var(--color-text-muted));font-size:1rem}.deadzone-guide p{max-width:68rem}.deadzone-guide a{color:rgb(var(--color-accent));font-weight:700}.deadzone-guide strong{color:rgb(var(--color-text-base))}.deadzone-guide-steps,.deadzone-guide-list{padding-left:1.3rem}.deadzone-guide-steps li,.deadzone-guide-list li{margin:.65rem 0}.deadzone-guide-table{border-collapse:collapse;width:100%;margin:1.2rem 0}.deadzone-guide-table th,.deadzone-guide-table td{border:1px solid rgb(var(--color-border));text-align:left;vertical-align:top;padding:.7rem}.deadzone-guide-table th{color:rgb(var(--color-text-base));background:rgba(var(--color-card-muted),.5);font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem}.deadzone-guide-figure img{border:1px solid rgb(var(--color-border));box-shadow:var(--shadow-card);border-radius:1rem;width:100%;height:auto;display:block}.deadzone-guide-figure figcaption{color:rgb(var(--color-text-muted));font-family:var(--font-mono);margin-top:.55rem;font-size:.68rem}.deadzone-guide-callout,.deadzone-guide-quote{border-left:3px solid rgb(var(--color-accent));background:rgba(var(--color-accent),.08);margin:1.2rem 0;padding:1rem 1.1rem}.deadzone-guide-callout{gap:.25rem;display:grid}.deadzone-guide-callout span{color:rgb(var(--color-text-muted))}.deadzone-guide-quote{color:rgb(var(--color-text-base));font-size:1.05rem;font-style:italic}.deadzone-faq details{border:1px solid rgb(var(--color-border));background:rgba(var(--color-fill),.28);border-radius:.8rem;margin-top:.7rem;padding:.9rem 1rem}.deadzone-faq summary{cursor:pointer;color:rgb(var(--color-text-base));font-weight:700}.deadzone-faq summary::marker{color:rgb(var(--color-accent))}.deadzone-faq details p{margin:.75rem 0 0}.deadzone-guide{counter-reset:guide-section}.deadzone-guide section{margin-top:clamp(2.25rem,4vw,3.25rem)}.deadzone-guide>section{counter-increment:guide-section}.deadzone-guide>section+section{border-top:1px solid rgba(var(--color-border),.78);padding-top:clamp(1.5rem,3vw,2.25rem)}.deadzone-guide>section>h2{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.deadzone-guide>section>h2:before{content:counter(guide-section,decimal-leading-zero);border:1px solid rgba(var(--color-accent),.45);background:rgba(var(--color-accent),.1);color:rgb(var(--color-accent));font-family:var(--font-mono);letter-spacing:.04em;border-radius:.65rem;place-items:center;width:2rem;height:2rem;margin-top:.15rem;font-size:.68rem;display:inline-grid}.deadzone-guide p{max-width:min(100%,96ch);margin:0;line-height:1.82}.deadzone-guide p+p{margin-top:1.25rem}.deadzone-guide h2+p,.deadzone-guide h3+p,.deadzone-guide table+p,.deadzone-guide figure+p,.deadzone-guide ul+p,.deadzone-guide ol+p{margin-top:1.2rem}.deadzone-guide h3{border-left:2px solid rgba(var(--color-accent),.65);margin-top:2rem;margin-bottom:.8rem;padding-left:.8rem}.deadzone-guide-steps{counter-reset:guide-step;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.deadzone-guide-steps li{border:1px solid rgba(var(--color-border),.9);background:linear-gradient(100deg,rgba(var(--color-card-muted),.52),rgba(var(--color-fill),.22));border-radius:.8rem;min-height:3.3rem;margin:0;padding:.85rem 1rem .85rem 3.25rem;line-height:1.55;position:relative}.deadzone-guide-steps li:before{content:counter(guide-step,decimal-leading-zero);counter-increment:guide-step;background:rgb(var(--color-accent));color:rgb(var(--color-fill));font-family:var(--font-mono);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.64rem;font-weight:700;display:grid;position:absolute;top:.7rem;left:.8rem}.deadzone-guide-steps li:hover{border-color:rgba(var(--color-accent),.55);background:linear-gradient(100deg,rgba(var(--color-accent),.1),rgba(var(--color-fill),.24))}.deadzone-guide-list{gap:.65rem;margin:1.45rem 0 0;padding:0;list-style:none;display:grid}.deadzone-guide-list li{border-left:2px solid rgba(var(--color-accent),.55);background:rgba(var(--color-fill),.32);border-radius:0 .65rem .65rem 0;margin:0;padding:.75rem 1rem .75rem 2.35rem;line-height:1.6;position:relative}.deadzone-guide-list li:before{color:rgb(var(--color-accent));content:"→";font-family:var(--font-mono);font-weight:700;position:absolute;top:.75rem;left:.8rem}.deadzone-guide-table{border:1px solid rgba(var(--color-border),.9);background:rgba(var(--color-fill),.25);border-radius:.9rem;margin-top:1.5rem;box-shadow:0 12px 30px #0000001f}.deadzone-guide-table th,.deadzone-guide-table td{border-color:rgba(var(--color-border),.82);line-height:1.55}.deadzone-guide-table th{background:linear-gradient(100deg,rgba(var(--color-accent),.14),rgba(var(--color-card-muted),.52))}.deadzone-guide-table tbody tr:nth-child(2n){background:rgba(var(--color-card-muted),.22)}.deadzone-guide-figure{margin:1.8rem 0 0}.deadzone-guide-callout,.deadzone-guide-quote{border-radius:0 .9rem .9rem 0;margin:1.7rem 0 0;padding:1.15rem 1.25rem}.deadzone-faq{padding-bottom:.5rem}.deadzone-faq details{border-radius:.9rem;margin-top:.85rem;padding:1rem 1.1rem;transition:border-color .16s,background .16s}.deadzone-faq details[open]{border-color:rgba(var(--color-accent),.5);background:linear-gradient(100deg,rgba(var(--color-accent),.08),rgba(var(--color-fill),.28))}.deadzone-faq summary{align-items:center;gap:.65rem;line-height:1.45;display:flex}.deadzone-faq summary:before{color:rgb(var(--color-accent));content:"?";font-family:var(--font-mono);font-size:.75rem;font-weight:700}.deadzone-faq summary::marker{content:""}.deadzone-faq details p{margin-top:1rem;padding-left:1.35rem;line-height:1.75}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.joystick-deadzone-page-shell{width:calc(100% - 1rem);margin-top:1rem}.joystick-deadzone-tool,.deadzone-guide{border-radius:1.15rem}.deadzone-tool-header{flex-direction:column;gap:1rem;padding:1.15rem}.deadzone-connection{width:100%;min-width:0}.deadzone-step-list{grid-template-columns:1fr;padding:.7rem}.deadzone-step-list li{grid-template-columns:auto minmax(0,1fr) auto}.deadzone-step-list em{grid-column:auto}.deadzone-visual-card,.deadzone-controls-card,.deadzone-log-card,.deadzone-guide{padding:1rem}.deadzone-controller-row{flex-direction:column;align-items:stretch}.deadzone-controller-row button{width:100%}.deadzone-action-row{grid-template-columns:1fr;display:grid}.deadzone-action-row button{width:100%}.deadzone-tool-footer{flex-direction:column;align-items:flex-start;padding-inline:1rem}.deadzone-guide-table{display:block;overflow-x:auto}.deadzone-guide>section{margin-top:2.4rem;padding-top:1.45rem}.deadzone-guide>section>h2{gap:.55rem}.deadzone-guide>section>h2:before{width:1.75rem;height:1.75rem;font-size:.6rem}.deadzone-guide p{line-height:1.72}.deadzone-guide-steps li{padding-left:3rem}}@media (max-width:420px){.deadzone-heading h1{font-size:2.2rem}.deadzone-connection span:last-child{max-width:10rem}.deadzone-guide p,.deadzone-guide li,.deadzone-guide td,.deadzone-guide th,.deadzone-guide summary{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.deadzone-mini-pointer{transition:none}}