.focus-signal,.focus-rule,.focus-search{width:min(100%,560px);margin:0 auto;text-align:center}.focus-help{color:var(--muted,#b9bac8);font-size:13px;line-height:1.7;max-width:48ch;margin:18px auto 0}.focus-reference{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted,#b9bac8);font-size:13px;line-height:1.6}.focus-reference strong{color:var(--text,#f5f2ed);font-weight:500}.focus-reference-symbol{display:block;width:43px;min-width:43px;height:43px;color:var(--mint,#b9eedb)}.focus-reference-symbol svg,.focus-signal-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round}.focus-reference-symbol svg .focus-target-center,.focus-signal-symbol svg .focus-target-center{fill:currentColor;stroke:none}.focus-signal-stage{min-height:228px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.focus-signal-symbol{height:150px;width:150px;display:block;color:var(--lavender,#c1b3eb)}.focus-signal-symbol.focus-symbol-blank{visibility:hidden}.focus-stream-status{font-size:12px;color:var(--muted,#b9bac8);min-height:20px;margin:0}.focus-response-button{min-width:200px;min-height:54px;padding:13px 24px;border-radius:12px;color:#15231e;background:var(--mint,#b9eedb);border:2px solid transparent;font:inherit;font-size:16px;font-weight:500;cursor:pointer}.focus-response-button kbd{margin-left:20px;font-size:10px;letter-spacing:.03em;opacity:.75;padding:3px 5px;border:1px solid currentColor;border-radius:4px}.focus-response-button:hover{background:#d4ffed}.focus-response-button:active,.focus-response-button.focus-caught{border-color:#fff;transform:translateY(1px)}.focus-response-button.focus-false{background:#e8c5b9;color:#241715}.focus-signal-progress{display:flex;justify-content:center;gap:7px;margin-top:25px}.focus-signal-progress i{display:block;height:4px;width:22px;background:#414553;border-radius:4px}.focus-signal-progress .focus-current{background:var(--text,#f5f2ed)}.focus-signal-progress .focus-completed{background:var(--mint,#b9eedb)}.focus-rule-cue{font-size:16px;color:var(--muted,#b9bac8);line-height:1.4}.focus-rule-cue strong{display:block;color:var(--mint,#b9eedb);font-family:var(--serif,Georgia,serif);font-size:43px;font-weight:400;margin-top:6px}.focus-rule-stimulus{display:grid;place-items:center;width:142px;height:142px;margin:33px auto;color:var(--text,#f5f2ed);border:2px solid var(--lavender,#c1b3eb);box-shadow:0 14px 35px #0002}.focus-rule-stimulus.circle{border-radius:50%}.focus-rule-stimulus.square{border-radius:12px}.focus-rule-stimulus span{font-size:50px;line-height:1;font-variant-numeric:tabular-nums}.focus-choice-row{display:flex;align-items:stretch;justify-content:center;gap:14px}.focus-choice{display:flex;min-width:150px;min-height:76px;align-items:center;justify-content:center;gap:10px;flex-direction:column;padding:12px 22px;background:var(--panel,#191c25);border:1px solid #555766;border-radius:10px;color:var(--text,#f5f2ed);font:inherit;font-size:19px;cursor:pointer}.focus-choice:hover{background:#2a3039;border-color:var(--mint,#b9eedb)}.focus-choice kbd{font-size:10px;line-height:1.5;color:var(--muted,#b9bac8)}.focus-search-prompt{font-size:18px;color:var(--muted,#b9bac8);margin:0 0 25px}.focus-search-prompt strong{font-size:28px;color:var(--mint,#b9eedb);font-weight:600;margin:0 5px}.focus-search-grid{display:grid;grid-template-columns:repeat(var(--focus-columns),1fr);gap:9px;max-width:410px;margin:auto}.focus-search-grid button{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--panel,#191c25);border:1px solid #4c5060;border-radius:8px;color:var(--text,#f5f2ed);font-family:var(--sans,Arial,sans-serif);font-size:clamp(24px,4vw,38px);font-weight:500;cursor:pointer;min-width:42px;min-height:42px}.focus-search-grid button:hover{background:#29313b;border-color:var(--mint,#b9eedb)}.focus-search-grid button:focus-visible,.focus-choice:focus-visible,.focus-response-button:focus-visible{outline:2px solid var(--mint,#b9eedb);outline-offset:4px}.focus-search-grid button small{position:absolute;left:5px;bottom:3px;font-size:8px;color:var(--muted,#b9bac8);line-height:1}.focus-search-grid button>span{display:block;line-height:1;pointer-events:none}.focus-search-grid[style*="5"]{gap:7px}.focus-search-grid[style*="5"] button{font-size:29px}@media(max-width:540px){.focus-help,.focus-reference{font-size:11px}.focus-signal-stage{min-height:200px}.focus-signal-symbol{height:130px;width:130px}.focus-rule-cue strong{font-size:36px}.focus-rule-stimulus{width:120px;height:120px;margin:26px auto}.focus-rule-stimulus span{font-size:43px}.focus-choice-row{gap:10px}.focus-choice{min-width:0;flex:1;padding:12px;min-height:70px;font-size:17px}.focus-search-grid{gap:7px}.focus-search-grid[style*="5"]{gap:5px}.focus-search-grid[style*="5"] button{font-size:24px;min-width:38px;min-height:44px}.focus-search-grid button small{left:4px;font-size:7px}.focus-search-prompt{font-size:15px;margin-bottom:20px}.focus-response-button{min-height:52px}}
@media(prefers-reduced-motion:reduce){.focus-response-button:active,.focus-response-button.focus-caught{transform:none}}