.stick-mode-settings{margin:0 0 20px;padding:0;border:0;min-width:0}
.stick-mode-settings legend{padding:0;margin-bottom:10px;color:#dbe7e8;font-size:14px;font-weight:650}
.stick-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stick-mode-options label{display:flex;align-items:flex-start;gap:10px;padding:15px 13px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff03;cursor:pointer}
.stick-mode-options label:has(input:checked){border-color:#7bd0b5;background:#7bd0b510}
.stick-mode-options label:has(input:focus-visible){outline:2px solid #a4e8d4;outline-offset:3px}
.stick-mode-options input{margin:3px 0 0;accent-color:#8ed8bd;flex:none}
.stick-mode-options b{display:block;margin-bottom:7px;font-size:15px;color:#eff6f2}
.stick-mode-options em{display:inline-block;padding:1px 5px;margin-left:4px;border-radius:4px;background:#ffffff12;color:#a4d9c8;font-size:10px;font-style:normal;vertical-align:middle}
.stick-mode-options small{display:block;font-size:12px;line-height:1.65;color:#a9babd}
@media(max-width:480px){.stick-mode-options{grid-template-columns:1fr}.stick-mode-options label{padding:12px 13px}}

.mapping-stick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mapping-stick-card{min-width:0;padding:14px 12px;border:1px solid #405b64;border-radius:13px;background:#10232b}.mapping-stick-card h3{margin:0 0 12px;text-align:center;font-size:13px;font-weight:600;color:#d8eae4}.mapping-stick-view{position:relative;width:min(140px,100%);aspect-ratio:1;margin:0 auto;border:1px solid #536e76;border-radius:18px;background:radial-gradient(circle,#244249,#132b34 70%);box-shadow:inset 0 2px 10px #0005}.mapping-stick-rings{position:absolute;inset:10%;border:1px solid #6b939350;border-radius:50%}.mapping-stick-rings:before,.mapping-stick-rings:after{content:'';position:absolute;background:#85aea85c}.mapping-stick-rings:before{left:50%;top:0;bottom:0;width:1px}.mapping-stick-rings:after{top:50%;left:0;right:0;height:1px}.mapping-up,.mapping-right{position:absolute;font-size:12px;color:#90b3b8}.mapping-up{top:1px;left:calc(50% - 4px)}.mapping-right{right:2px;top:calc(50% - 8px)}.mapping-stick-dot{position:absolute;left:50%;top:50%;width:19px;height:19px;transform:translate(-50%,-50%);border:2px solid #daf8ec;border-radius:50%;background:#8ddcbb;box-shadow:0 0 12px #8ddcbb55;pointer-events:none}.mapping-stick-values{display:flex;justify-content:center;gap:18px;margin:9px 0 12px;color:#819ea8;font-size:10px;font-variant-numeric:tabular-nums}.mapping-stick-values output{color:#c7e8dc;margin-left:3px}.mapping-stick-card .axis-row{grid-template-columns:minmax(0,1fr) 70px auto;gap:7px;font-size:10px}.mapping-stick-card .axis-row>span{overflow-wrap:anywhere}.mapping-stick-card select{width:100%;font-size:10px;padding:7px 3px}.mapping-stick-card .axis-row>label{gap:2px;font-size:10px;white-space:nowrap}.mapping-stick-card.disconnected .mapping-stick-dot{background:#60777b;border-color:#a0b1b3;box-shadow:none}@media(max-width:480px){.mapping-stick-grid{gap:8px}.mapping-stick-card{padding:10px 7px}.mapping-stick-card .axis-row{grid-template-columns:1fr auto;gap:5px}.mapping-stick-card .axis-row>span{grid-column:1/-1}.mapping-stick-card select{min-width:62px}}