:root{font-family:Arial,Helvetica,sans-serif;background:#f6f8fb;color:#243047;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7653d1;outline-offset:4px}[hidden]{display:none!important}.app{max-width:1060px;margin:auto;padding:20px}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}nav a,.result-actions a{font-size:1rem;color:#61748d;text-underline-offset:4px}.nav-buttons{display:flex;gap:12px;align-items:center}.help{width:34px;height:34px;border-radius:50%;border:1px solid #d5dfea;background:white;color:#61748d;font-weight:700}.secondary{border:1px solid #d5dfea;background:white;color:#61748d;border-radius:8px;padding:8px 14px;font-size:.875rem;min-height:38px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border:1px solid #e0e7ee;border-radius:12px;padding:18px 22px;box-shadow:0 3px 4px #25334d10}.topbar h1{font:700 26px Georgia,serif;margin:0 0 7px}.topbar p{font-size:.875rem;line-height:1.6;color:#657991;margin:0}.round{text-align:right;flex-shrink:0}.round strong{display:block;color:#52637b;font-size:20px}.round span{display:block;font-size:.875rem;color:#75859a;margin-top:5px}.progress{height:4px;background:#e2e8f1;border-radius:5px;overflow:hidden;margin:18px 0 14px}.progress>div{height:100%;width:0;background:#7965ce;transition:width .2s}.play-panel{background:#f0f5fa;border:1px solid #dfe7ee;border-radius:20px;padding:24px}.window-meter{height:4px;background:#e4eaf2;border-radius:4px;margin-bottom:12px;overflow:hidden}.window-meter>div{height:100%;background:#7a67d2;width:100%}.stage{height:clamp(310px,45vh,470px);min-height:310px;background:#fff;border:1px solid #d8e1ee;border-radius:14px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:25px}.arrow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 29px;width:min(620px,100%)}.arrow-grid.single-row{gap:29px}.symbol{display:flex;justify-content:center;align-items:center}.symbol svg{display:block;width:100%;max-width:72px;aspect-ratio:1;fill:none;stroke:#202a39;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.symbol .solid{fill:#202a39;stroke:none}.stage-message{position:absolute;font-size:32px;line-height:1.4;font-weight:700;color:#64758e;text-align:center;padding:20px}.stage-message.fixation{font-size:48px;font-weight:400;color:#8390a3}.response-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:620px;margin:20px auto 15px}.response-button{display:flex;justify-content:center;align-items:center;gap:14px;min-height:68px;border:1px solid #d5dfeb;background:white;border-radius:12px;color:#2a374c;font-weight:700;font-size:1rem}.response-button kbd{font:700 1rem Arial;border:1px solid #a7b4c5;color:#566980;border-radius:5px;padding:4px 9px}.response-button:hover:enabled{background:#f5f0ff;border-color:#a78de3}.response-button.pressed{background:#eee7ff;border-color:#8664ce}.hint,.feedback{text-align:center;font-size:.875rem;color:#667991;line-height:1.6;margin:8px 0}.feedback{min-height:25px;font-size:1rem;color:#5e7088}.feedback.good{color:#08775e}.feedback.error{color:#b33357}.start-actions{text-align:center;margin:20px 0}.primary{background:#7660ca;color:white;border:0;border-radius:10px;font-weight:700;padding:13px 23px;min-height:46px}.primary:hover{background:#624bb4}.pause-panel{background:#eee8fc;border-radius:12px;padding:20px;text-align:center;margin:20px 0}.pause-panel p{font-size:1rem;color:#596b84;line-height:1.6}.results{margin-top:20px;border:1px solid #dfe6ee;background:white;border-radius:20px;padding:28px}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:1px;color:#687b94}.results h2{font:700 30px Georgia,serif;margin:12px 0}.results h3{font:700 23px Georgia,serif;margin:26px 0 16px}.results p{color:#5d728b;font-size:1rem;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.stat{background:#f3effb;border-radius:12px;padding:20px}.stat strong{font-size:28px;display:block;color:#493565}.stat span{font-size:.875rem;color:#67788f}.outcome-counts{display:flex;gap:10px;flex-wrap:wrap}.outcome-counts span{font-size:.875rem;background:#f1f5fa;color:#536981;padding:10px 13px;border-radius:8px}.table-wrap{overflow:auto;margin:24px 0}table{width:100%;text-align:left;font-size:.875rem;border-collapse:collapse}caption{text-align:left;font:700 22px Georgia,serif;margin-bottom:15px}th,td{border-bottom:1px solid #e1e8f0;padding:13px 10px;white-space:nowrap}th{color:#647790}td.good{color:#08775e}td.error{color:#b33357}.practice-note{font-size:.875rem!important;background:#f5f2fc;border-radius:10px;padding:14px}.filter{display:flex;align-items:center;gap:10px;font-size:1rem}.filter input{width:18px;height:18px;accent-color:#7660ca}.result-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px}footer{text-align:center;color:#75859a;font-size:.875rem;line-height:1.6;margin:25px 0}dialog{width:calc(100% - 32px);max-width:620px;border:0;border-radius:20px;padding:32px;color:#263449;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#202b4770}dialog h2{font:700 27px Georgia,serif;margin:15px 0}dialog p,dialog li{font-size:1rem;line-height:1.6;color:#5d6e84}dialog ol{padding-left:22px}dialog li{margin:8px 0}.close-help{position:absolute;top:12px;right:14px;background:none;border:0;color:#62748b;font-size:28px}
@media(max-width:650px){.app{padding:14px}.play-panel{padding:15px}.topbar{padding:16px;align-items:flex-start;gap:12px}.stage{height:36vh;min-height:280px;padding:15px}.arrow-grid{gap:17px 10px}.arrow-grid.single-row{gap:10px}.symbol svg{max-width:58px}.response-controls{gap:12px}.stats{grid-template-columns:1fr;gap:10px}.stat{padding:16px}.results{padding:20px}.round span{max-width:90px}.topbar p{max-width:230px}.stage-message{font-size:26px}}
@media(prefers-reduced-motion:reduce){.progress>div{transition:none}}