.ss-cues{margin:1rem 0;border:1px solid #cbd5e1;border-radius:12px;padding:.75rem;background:#fff;text-align:left}
.ss-cues [hidden]{display:none}
.ss-cues-button{min-height:44px;min-width:44px;padding:.55rem .75rem;border:1px solid #334155;border-radius:8px;background:#f8fafc;color:#1e293b;font:700 .85rem/1.3 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.ss-cues-button:focus-visible,.ss-cues input:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.ss-cues-status,.ss-cues-panel p{font-size:.8rem;line-height:1.5;color:#475569;margin:.6rem 0;overflow-wrap:anywhere}
.ss-cues-panel{margin-top:.75rem;border-top:1px solid #e2e8f0;padding-top:.75rem}
.ss-cues-panel h2{font-size:1rem;margin:0}
.ss-cues-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.75rem 0}
.ss-cues-fields label{font-size:.78rem;font-weight:700;color:#334155}
.ss-cues-fields input{display:block;min-width:0;min-height:44px;width:100%;margin-top:.3rem;padding:.5rem;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#1e293b;font:inherit}
.ss-cues-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.ss-cues-actions .ss-cues-button{flex:1 1 110px}
.ss-pad-cue{position:absolute;left:18%;right:18%;top:30%;display:flex;flex-direction:column;gap:2px;align-items:center;border-radius:8px;padding:4px;background:#fff;color:#0f172a;pointer-events:none;font:800 clamp(.65rem,3vw,.9rem)/1.2 'Plus Jakarta Sans',system-ui,sans-serif;overflow-wrap:anywhere}
.simon-btn[data-pad="2"] .ss-pad-cue,.simon-btn[data-pad="3"] .ss-pad-cue{top:auto;bottom:30%}
.ss-pad-cue-key{font:600 .65rem/1 'JetBrains Mono',monospace}
@media(prefers-reduced-motion:reduce){.ss-pad-cue{animation:none;transition:none}}