.pads [data-family]{border-left:3px solid var(--family,#8caa95)}.pads [data-family=freeze]{--family:#a9b4ff}.pads [data-family=power]{--family:#eda37a}.pads [data-family=footwork]{--family:#cadd85}
.pads .has-variants{touch-action:none;position:relative}.pads .has-variants i{margin-left:auto;color:var(--family);font:700 14px/1 Arial}
.family-guide{font-size:12px;margin-top:7px;color:#c7d1bc}.family-guide summary{cursor:pointer;min-height:32px;padding:6px 0}.family-guide>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:4px 0}.family-guide b{min-width:74px;font:700 12px Arial}.family-guide button,.crew-links button{min-height:34px;border:1px solid #596258;color:#edf3dd;font-weight:650;font-size:11px;border-radius:5px;background:#272d29;padding:6px 9px}.family-guide p{font-size:11px;line-height:1.5;color:#b5b9b0}.spectating .family-guide{display:none}
#crew-panel{clear:both;margin:10px 0;padding:8px 0;border-block:1px solid #40463f}
#crew-lineups{display:grid;gap:5px}#crew-lineups>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px}
#crew-lineups b{font-size:11px;min-width:56px}.crew-member{border:1px solid #434942;color:#bbc3b6;padding:3px 7px;border-radius:20px;overflow-wrap:anywhere}
.crew-member.on-floor{border-color:#b1c77b;color:#e2f6ae;background:#293322}.crew-links{display:flex;gap:5px;flex-wrap:wrap}.crew-links:has(button:not([hidden])){margin-top:7px}
.crew-links #crew-tag{background:#d4e998;color:#1c241a}.crew-links #crew-tag:disabled{opacity:.5}.crew-room #net-cue{font-size:clamp(14px,2vw,20px)}
@media(max-width:650px){.crew-room.is-live #inside{float:none}.crew-room.is-live #inside .net-actions{justify-content:flex-end}.crew-room.is-live #crew-panel{margin:3px 0;padding:5px 0}.pads .has-variants i{font-size:10px;position:absolute;top:2px;right:3px}.family-guide>div button,.crew-links button{min-height:40px}}


.pads [data-family=power],.pads [data-family=freeze],.family-guide [data-variant]{touch-action:none}
.pads .controlled{outline:2px solid var(--family,#cbe887);outline-offset:-2px}
.gesture-state{color:#daf1a7;font-size:11px;font-weight:700;letter-spacing:.025em}
.studio-panel>.gesture-state{display:block;min-height:1.5em}
.studio-panel>.gesture-state[hidden]{visibility:hidden}
.studio-panel:has(.pads[hidden])>.gesture-state{display:none}

.quick-toggle{margin-inline-start:auto;border:1px solid #535b4d;border-radius:14px;padding:4px 10px;color:var(--cream);background:#262b25;font-family:inherit;font-size:11px;font-weight:650;cursor:pointer}
.quick-toggle[aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:#303626}
.pads.quick-open>button[data-move]{display:none}
.quick-deck{grid-column:1/-1}
.quick-keys{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;touch-action:none;user-select:none;-webkit-user-select:none}
.pads .quick-key{position:relative;min-height:61px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:7px;padding:7px;border:1px solid #4d5148;border-top:3px solid var(--family,#ddf47d);border-radius:5px;background:#252925}
.quick-key small{color:#adb5a7;font:700 10px/1 var(--mono)}.quick-key strong{font:700 12px/1.1 Arial,sans-serif}
.quick-keys .quick-key kbd{position:absolute;top:4px;right:4px;font-size:9px;height:15px;min-width:14px}
.configure-combo{display:inline-block;margin:4px 0;color:#d7ee9e;font-size:11px;text-underline-offset:3px}
.is-live .configure-combo,.studio-page .configure-combo{display:none}
.pads .quick-key.pressed{background:var(--family,#d9f495);color:#172016;box-shadow:inset 0 0 0 1px #d9eac7}
.quick-key.pressed small{color:#24311b}.quick-deck p{margin:7px 0 1px;color:#b9beb3;font-size:11px;line-height:1.5}
.deck-head:has(.quick-toggle){column-gap:7px;flex-wrap:wrap}
.deck-head .gesture-state{font-size:10px;letter-spacing:0}
.phrase-editor{margin:10px 0;padding:9px;border:1px solid #515849;border-radius:7px;background:#1c201c}
.phrase-editor legend{padding:0 5px;color:#dce9bd;font-size:11px;font-weight:650}
.phrase-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.studio-panel .phrase-slots label{position:relative;display:block;min-width:0}
.phrase-slots label span{position:absolute;top:50%;left:7px;transform:translateY(-50%);color:#d7ec96;font:700 10px var(--mono);pointer-events:none}
.studio-panel .phrase-slots select{padding-inline-start:27px;min-height:40px;font:650 12px Arial,sans-serif}
.phrase-length{display:flex;justify-content:flex-end;gap:5px;margin-top:6px}.studio-panel .phrase-length button{min-height:32px;min-width:36px;padding:3px 9px}
.phrase-length a{display:inline-flex;align-items:center;margin-right:auto;color:#d4e99b;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.practice-lane [data-mark]{position:relative}
.practice-lane [data-mark=Perfect]::after,.practice-lane [data-mark=Good]::after,.practice-lane [data-mark=Miss]::after{position:absolute;right:4px;top:2px;font:700 9px var(--mono)}
.practice-lane [data-mark=Perfect]::after{content:'✓✓'}.practice-lane [data-mark=Good]::after{content:'✓'}.practice-lane [data-mark=Miss]::after{content:'×'}
.phrase-length button:disabled{opacity:.38}.studio-page .practice-lane{display:flex;gap:4px;min-width:0;margin:0}
.practice-lane span{flex:1 1 0;min-width:0;display:grid;align-content:space-between;gap:5px;min-height:45px;padding:5px 4px;color:#cbd2c2}
.practice-lane span b{font:650 clamp(9px,2.5vw,12px)/1.1 Arial,sans-serif;overflow-wrap:anywhere}
.practice-lane [data-mark=Perfect]{border-color:#c9ee74}.practice-lane [data-mark=Good]{border-color:#7de5da}.practice-lane [data-mark=Miss]{border-color:#f0a07e}
.studio-page.is-live #phrase-fields,.studio-page.is-live .studio-panel>div:first-child,.studio-page.is-live .history,.studio-page.is-live #studio-links{display:none}
@media(pointer:coarse){.deck-head .quick-toggle{min-height:34px}.studio-panel .phrase-length button{min-height:40px}.pads .quick-key{min-height:62px}}
@media(prefers-reduced-motion:reduce){.quick-key{transition:none}}