:root{font-family:Arial,Helvetica,sans-serif;color:#202a3b;background:#f7f9fb;font-synthesis:none;--blue:#086f9d;--muted:#63748c}*{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 #087fac;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 4px}.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:1.0625rem}.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}.calculator-note{display:flex;align-items:center;gap:9px;border:1px solid #f3df96;background:#fffbed;color:#925724;border-radius:12px;padding:10px 13px;font-size:.8125rem;font-weight:700;line-height:1.5;margin:16px 0}.calculator-note svg{width:16px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;flex-shrink:0}.play-panel{position:relative;background:linear-gradient(#f8fafc,#f0f5f8);border:1px solid #e2e8ef;border-radius:24px;padding:27px 25px 25px;box-shadow:0 8px 14px #293c5110;min-height:470px}.eyebrow{font-size:.6875rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:2.2px;margin:0 0 9px;line-height:1.5}.data-panel{background:white;border:1px solid #e1e7ef;border-radius:12px;padding:16px 13px 10px;box-shadow:0 2px 3px #3c52630b;min-width:0}.data-panel h3{font-size:.875rem;margin:0 0 12px;line-height:1.5;color:#253045}.chart{display:block;width:100%;height:auto;font-family:Arial,Helvetica,sans-serif;overflow:visible}.grid-line{stroke:#e2e7ed;stroke-width:1.2}.axis-label{fill:#63748c;font-size:17px}.value-label{fill:#1c2537;font-size:20px;font-weight:700}.chart-table{margin-top:3px;color:#61738a}.chart-table summary{font-size:.6875rem;cursor:pointer;padding:8px 0}.chart-table .table-wrap{margin-top:8px}.data-note{font-size:.8125rem;color:#596d86;margin:12px 0 4px;line-height:1.6}.table-wrap{overflow-x:auto;overscroll-behavior-x:contain}table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.5;font-variant-numeric:tabular-nums;text-align:right}thead{background:#eaf2f7;color:#355872}th,td{padding:14px 12px;border-bottom:1px solid #e5ecf2}th{font-weight:700}th:first-child{text-align:left}tbody tr:last-child>*{border-bottom:0}tbody tr:nth-child(even){background:#f8fafc}tbody th{font-weight:400;color:#42566e}.pie-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;max-width:570px;margin:auto}.pie-layout .chart{max-width:280px;margin:auto}.legend{list-style:none;margin:0;padding:0}.legend li{display:flex;align-items:center;gap:9px;font-size:.875rem;margin:15px 0}.legend b{margin-left:auto;font-variant-numeric:tabular-nums}.swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.question{font-size:1rem;line-height:1.7;margin:17px 0 14px;font-weight:700}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.option{position:relative;background:white;border:2px solid #e1e7ee;border-radius:12px;box-shadow:0 2px 3px #3c52630b;min-height:67px;padding:16px 30px;color:#263448;display:flex;align-items:center;justify-content:center;min-width:0}.option .number{position:absolute;left:9px;top:10px;font-size:.6875rem;color:#74869c;background:#eef3f8;border-radius:4px;padding:4px 5px}.option .answer{font-weight:700;font-size:1.125rem;line-height:1.5;overflow-wrap:anywhere}.option:hover:enabled{border-color:#76a7be;background:#f5fbff}.option[aria-pressed=true]{border-color:var(--blue);background:#eef8ff;box-shadow:0 0 0 2px #086f9d15}.option[aria-pressed=true] .number{background:var(--blue);color:white}.option:disabled{opacity:.8}.answer-actions{text-align:center;margin-top:24px}.answer-actions>p:first-child{margin:0 0 12px;color:#576a84;font-size:.875rem;line-height:1.5}.primary{background:var(--blue);color:white;border:0;border-radius:9px;padding:13px 24px;font-weight:700;min-height:46px}.primary:hover:enabled{background:#075b82}.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:24px}.ready p{font-size:.8125rem;line-height:1.6;color:#5d7289}.paused{text-align:center;padding:45px 0;min-height:390px}.pause-icon{display:block;font-size:48px;letter-spacing:3px;color:var(--blue);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 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:#eef5fa;border-radius:10px;padding:18px 13px}.stat strong{font-size:27px;display:block;color:var(--blue)}.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 .data-panel{margin-top:14px;box-shadow:none}.review .data-panel h3{font:700 .875rem Arial;margin:0 0 12px}.review .data-note{font-size:.8125rem}.review .review-question{font-weight:700;color:#263448}.review-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-answers p{background:#f4f6fa;padding:12px;border-radius:8px;font-size:.8125rem;margin:5px 0 15px}.review-answers span{display:block;font-size:.75rem;margin-bottom:5px}.review-answers .correct{background:#ecf8f2;color:#277158}.review-answers .incorrect{background:#fff2ef;color:#9c4b39}.review ol{padding-left:20px;font-size:.875rem;color:#52677e;line-height:1.7}.review li+li{margin-top:8px}.practice-note{font-size:.8125rem!important;background:#eef5fa;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 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 8px}.topbar{padding:13px 15px}.topbar h1{font-size:23px}.progress{gap:10px}.play-panel{padding:24px;border-radius:24px}.calculator-note{padding:8px 12px}.data-panel{padding:13px 12px 8px}.question{font-size:.9375rem}.options{gap:12px}.option{min-height:65px;padding:16px 27px}.option .answer{font-size:1rem}.results{padding:24px 18px}.stats{gap:8px}.stat{padding:16px 10px}.stat strong{font-size:23px}.review summary span{float:none;display:block;margin-top:4px}th,td{padding:12px 9px}.pie-layout{gap:12px}.legend li{font-size:.8125rem;margin:13px 0}}
@media(max-width:390px){.topbar{gap:8px}.topbar p{font-size:.75rem}.clock{padding:6px}.clock b{font-size:15px}.clock svg{display:none}.progress>strong{font-size:.875rem}.play-panel{padding:22px 13px}.calculator-note{font-size:.75rem}.data-panel{padding:12px 9px 6px}.data-panel h3{font-size:.8125rem}.option .answer{font-size:.9375rem}.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 10px 14px}.pie-layout{grid-template-columns:1fr}.pie-layout .chart{max-width:200px}.legend{max-width:200px;width:100%;margin:auto}.legend li{margin:9px 0}table{font-size:.8125rem}th,td{padding:12px 7px}.primary kbd{display:none}}