:root{font-family:Arial,Helvetica,sans-serif;color:#29364c;background:#f7f9fb;font-synthesis:none;--purple:#6860f5;--muted:#61748e}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6e5edd;outline-offset:4px}[hidden]{display:none!important}.app{max-width:790px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}nav a,.result-actions a{font-size:.875rem;color:#536b84;text-underline-offset:4px}.nav-actions{display:flex;align-items:center;gap:12px}.secondary,.help{border:1px solid #d8e0e9;background:white;color:#566b84;border-radius:8px;padding:8px 15px;min-height:38px}.secondary:disabled{opacity:.45}.help{border-radius:50%;width:36px;padding:0;font-weight:700}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:white;border:1px solid #e5eaf0;border-radius:0 0 14px 14px;padding:14px 18px;box-shadow:0 3px 4px #27374d13}.topbar h1{font:700 25px Georgia,serif;margin:0 0 5px}.topbar p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.5}.progress{display:flex;align-items:center;gap:13px;flex-shrink:0;color:#516078;font-variant-numeric:tabular-nums}.progress>strong{font-size:1rem}.clock{display:flex;align-items:center;gap:6px;background:#f1f5f9;padding:7px 9px;border-radius:5px}.clock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.clock b{font:700 17px ui-monospace,Consolas,monospace;letter-spacing:.4px}.clock.low{color:#b14839;background:#fff1ec}.play-panel{position:relative;background:linear-gradient(#f8fafc,#f0f5f8);border:1px solid #e2e8ef;border-radius:24px;padding:29px 30px 25px;margin-top:24px;box-shadow:0 8px 14px #293c5110;min-height:375px}.eyebrow{font-size:.6875rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:2.2px;text-align:center;margin:0 0 10px;line-height:1.5}.sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.frame{aspect-ratio:1;background:white;border:2px solid #e1e8f0;border-radius:12px;box-shadow:0 2px 2px #3c52630b;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0}.frame svg{display:block;width:100%;height:100%}.unknown{border:2px dashed #9297ff;background:#efefff;color:var(--purple);box-shadow:none}.unknown span{font-size:44px;font-weight:700}.answer-heading{margin:24px 0 10px}.options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.option{position:relative;padding:0;background:white;color:#587086;border:2px solid #e1e8f0;border-radius:11px;aspect-ratio:1;box-shadow:0 2px 3px #3c52630b;min-width:0;overflow:hidden}.option svg{width:100%;height:100%;display:block}.option .number{position:absolute;top:5px;left:5px;background:#eef3f8;border-radius:3px;font:700 .6875rem Arial;padding:2px 4px;z-index:1}.option:hover:enabled{border-color:#aaa8f5;transform:translateY(-2px)}.option[aria-pressed=true]{border-color:var(--purple);box-shadow:0 0 0 2px #6860f520}.option[aria-pressed=true] .number{background:var(--purple);color:white}.option:disabled{opacity:.8}.answer-actions{text-align:center;margin-top:25px}.answer-actions>p:first-child{margin:0 0 12px;color:#576a84;font-size:.875rem;line-height:1.5}.primary{background:var(--purple);color:white;border:0;border-radius:9px;padding:13px 22px;font-weight:700;min-height:46px}.primary:hover:enabled{background:#554ed6}.primary:disabled{opacity:.45}.primary kbd{font:400 .6875rem Arial;border:1px solid #ffffff65;background:#ffffff14;border-radius:4px;padding:3px 5px;margin-left:8px}.hint{font-size:.75rem;color:var(--muted);margin:12px 0 0;line-height:1.6}.ready{text-align:center;margin-top:23px}.ready p{font-size:.8125rem;line-height:1.6;color:#5d7289}.paused{text-align:center;padding:15px 0 35px;min-height:315px}.pause-icon{display:block;font-size:48px;letter-spacing:3px;color:var(--purple);margin:20px}.paused h2{font:700 25px Georgia,serif}.paused p{color:var(--muted);line-height:1.6;font-size:.9375rem}.practice-label,footer{text-align:center;color:var(--muted);font-size:.75rem;line-height:1.7;margin:20px 0}footer{border-top:1px solid #e5eaf1;padding-top:20px;margin-top:35px}.results{padding:30px;background:white;border:1px solid #e2e8ef;border-radius:20px;margin-top:24px}.results>.eyebrow{text-align:left}.results h2{font:700 30px Georgia,serif;margin:12px 0}.results h3{font:700 22px Georgia,serif;margin:30px 0 10px}.results p{color:var(--muted);line-height:1.6;font-size:.9375rem}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0}.stat{background:#f1f4fa;border-radius:10px;padding:18px 13px}.stat strong{font-size:27px;display:block;color:#5149c6}.stat span{display:block;font-size:.8125rem;color:#596f86;margin-top:7px;line-height:1.5}.result-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:24px 0}.review details{border:1px solid #e1e7ef;border-radius:12px;margin-top:12px;overflow:hidden}.review summary{padding:15px;cursor:pointer;font-size:.875rem;color:#4c6079;font-weight:700;line-height:1.5}.review summary span{font-weight:400;float:right}.review-body{padding:8px 16px 18px}.review .sequence{gap:10px;max-width:490px;margin:12px auto 20px}.review .frame{border-radius:8px}.review-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:330px;margin:0 auto 20px}.review-answers p{font-size:.75rem;text-align:center;margin:0 0 8px}.review-answers .frame{max-width:130px;margin:auto}.review-answers .correct-frame{border-color:#54b797}.review-answers .incorrect-frame{border-color:#e8a093}.review-answers .unanswered{font-size:.875rem;color:#75869a;text-align:center}.review ul{padding-left:20px;font-size:.8755rem;color:#52677e;line-height:1.7}.review li+li{margin-top:7px}.practice-note{font-size:.8125rem!important;background:#f3f1fb;padding:14px;border-radius:9px;line-height:1.6;color:#5e6e88}dialog{width:calc(100% - 32px);max-width:610px;max-height:calc(100% - 32px);overflow:auto;border:0;border-radius:20px;padding:32px;color:#29364c;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#24314b70}dialog>.eyebrow{text-align:left}dialog h2{font:700 27px Georgia,serif;margin:15px 0}dialog p,dialog li{font-size:.9375rem;line-height:1.7;color:#596e88}dialog ol{padding-left:22px}dialog li{margin:9px 0}.close-help{position:absolute;right:12px;top:10px;border:0;background:none;color:#5e7086;font-size:28px;width:36px;height:36px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#puzzle{outline:none}@media(max-width:600px){.app{padding:16px}.topbar{padding:13px}.topbar h1{font-size:23px}.topbar p{font-size:.75rem}.progress{gap:8px}.progress>strong{font-size:.875rem}.clock{padding:6px}.clock b{font-size:15px}.play-panel{padding:24px 20px;border-radius:20px;min-height:320px}.sequence{gap:11px}.options{gap:9px}.frame{border-radius:10px}.answer-heading{margin-top:20px}.unknown span{font-size:33px}.results{padding:24px}.stats{gap:8px}.stat{padding:16px 10px}.stat strong{font-size:23px}.review summary span{float:none;display:block;margin-top:4px}}@media(max-width:390px){.app{padding:12px}.topbar{gap:8px}.clock svg{display:none}.play-panel{padding:22px 12px}.sequence{gap:8px}.options{gap:6px}.option{border-radius:8px}.option .number{top:3px;left:3px;font-size:.625rem;padding:1px 3px}.eyebrow{letter-spacing:1.5px}.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;gap:15px}.stat span{margin:0}.review-body{padding:8px 12px 14px}.primary kbd{display:none}}@media(prefers-reduced-motion:reduce){.option:hover:enabled{transform:none}}