*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--fg:#e0e0e0;--fg-dim:#555;--fg-hint:#6d6d6d;--green:#4ade80;--red:#f87171;--font-mono:"SF Mono", "Fira Code", "JetBrains Mono", monospace}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--fg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased}.app{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.back-button{color:var(--fg-dim);font-family:var(--font-mono);cursor:pointer;z-index:50;background:0 0;border:none;padding:.5rem .75rem;font-size:1.2rem;position:fixed;top:1rem;left:1rem}.back-button:hover{color:var(--fg)}.picker{flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;display:flex}.picker-title{color:var(--fg-dim);letter-spacing:.05em;font-size:1.2rem}.picker-list{flex-direction:column;gap:.4rem;min-width:320px;display:flex}.picker-item{cursor:pointer;font-family:var(--font-mono);color:var(--fg-dim);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:1.5ch auto 1fr;align-items:baseline;gap:1rem;padding:.55rem .9rem;font-size:.95rem;transition:color .12s ease-out,background-color .12s ease-out,border-color .12s ease-out;display:grid}.picker-item-cursor{color:var(--fg);background:#ffffff0a}.picker-item-active{color:var(--fg);border-color:var(--fg-dim)}.picker-item-num{color:var(--fg-hint);font-size:.8rem}.picker-item-label{letter-spacing:.05em}.picker-item-desc{color:var(--fg-hint);letter-spacing:.03em;font-size:.78rem}.picker-hint{color:var(--fg-hint);letter-spacing:.05em;margin-top:.25rem;font-size:.75rem}.empty-quiz{flex-direction:column;align-items:center;gap:.75rem;display:flex}.empty-quiz-title{color:var(--fg);letter-spacing:.05em;font-size:1.5rem}.empty-quiz-subtitle{color:var(--fg-dim);letter-spacing:.05em;font-size:.85rem}:root{--map-fill:#1f1f1f;--map-stroke:#3a3a3a;--map-active-fill:#2a2a2a;--map-active-stroke:#e0e0e0;--map-correct-fill:#1c4a2a;--map-correct-stroke:#4ade80;--map-revealed-fill:#8b1c1c;--map-revealed-stroke:#f55}.country-quiz{width:100vw;height:100vh;position:fixed;inset:0}.map-svg{background:var(--bg);width:100vw;height:100vh;display:block;position:fixed;inset:0}.country{fill:var(--map-fill);stroke:var(--map-stroke);stroke-width:.6px;transition:fill .14s ease-out,stroke .14s ease-out}.country-active{fill:var(--map-active-fill);stroke:var(--map-active-stroke);stroke-width:1.2px}.country-revealed{fill:var(--map-revealed-fill);stroke:var(--map-revealed-stroke);stroke-width:1.4px}.country-flash{stroke-width:1.4px;pointer-events:none}.country-flash-wrong{fill:var(--map-revealed-stroke);stroke:var(--map-revealed-stroke)}.country-flash-correct{fill:var(--map-correct-stroke);stroke:var(--map-correct-stroke)}.country-flash-circle{fill:none;stroke-width:1.6px;pointer-events:none}.country-flash-circle-wrong{stroke:var(--map-revealed-stroke)}.country-flash-circle-correct{stroke:var(--map-correct-stroke)}.search-wrap{z-index:10;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.search-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--fg-dim);background:#0f0f0fd9;border-radius:4px;width:min(560px,80vw);padding:.75rem 1rem;transition:border-color .16s ease-out,background-color .16s ease-out;position:relative}.search-bar-wrong{border-color:var(--red);background:#3c1212d9}.search-ghost-layer{font-family:var(--font-mono);pointer-events:none;white-space:pre;align-items:center;padding:.75rem 1rem;font-size:1rem;display:flex;position:absolute;inset:0;overflow:hidden}.search-ghost-typed{color:#0000}.search-ghost-rest{color:var(--fg-hint);opacity:.5}.search-ghost-pill{border:1px solid var(--fg-hint);color:var(--fg-hint);opacity:.6;letter-spacing:.05em;white-space:nowrap;border-radius:3px;align-self:center;margin-left:.6rem;padding:.1rem .4rem;font-size:.7rem;line-height:1}.search-input{width:100%;font-family:var(--font-mono);color:var(--fg);caret-color:var(--fg);letter-spacing:0;background:0 0;border:none;outline:none;font-size:1rem;position:relative}.search-input::selection{background:#e0e0e033}.search-input:disabled{color:var(--map-revealed-stroke)}.search-hint{color:var(--fg-hint);letter-spacing:.05em;gap:1.25rem;font-size:.7rem;display:flex}.search-hint-action{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;text-underline-offset:.15em;background:0 0;border:none;padding:0;text-decoration:underline}.search-hint-action:hover{color:var(--fg-dim)}.country-quiz .pause-screen{-webkit-backdrop-filter:blur(3px);z-index:20;background:#0a0a0a8c;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100vw;max-width:none;height:100vh;padding:2rem;position:fixed;inset:0}.minimap{border:1px solid var(--fg-dim);z-index:30;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ab3;border-radius:4px;padding:4px;position:fixed;bottom:1rem;right:1rem}.minimap svg{display:block}.minimap-country{fill:#1a1a1a;stroke:#333;stroke-width:.6px}.minimap-window{fill:#e0e0e014;stroke:var(--map-active-stroke);stroke-width:1.2px}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{border:1px solid var(--fg-dim);width:min(560px,90vw);max-height:80vh;font-family:var(--font-mono);color:var(--fg);background:#0f0f0ff5;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.settings-header{border-bottom:1px solid var(--fg-dim);letter-spacing:.05em;color:var(--fg-dim);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;display:flex}.settings-close{color:var(--fg-dim);cursor:pointer;background:0 0;border:none;padding:0 .4rem;font-size:1.2rem;line-height:1}.settings-close:hover{color:var(--fg)}.settings-body{flex:1;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem;padding:.75rem 1rem .5rem;display:grid;overflow-y:auto}.settings-section{flex-direction:column;gap:.35rem;display:flex}.settings-section-title{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.2rem;font-size:.7rem}.settings-field{justify-content:space-between;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.settings-field-label{color:var(--fg);opacity:.85}.settings-field-input{width:6.5rem;font-family:var(--font-mono);color:var(--fg);text-align:right;font-variant-numeric:tabular-nums;background:#ffffff0a;border:1px solid #0000;border-radius:3px;padding:.25rem .5rem;font-size:.8rem}.settings-field-input:focus{border-color:var(--fg-dim);background:#ffffff12;outline:none}.settings-footer{border-top:1px solid var(--fg-dim);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.75rem;display:flex}.settings-footer-actions{gap:.5rem;display:flex}.settings-revert,.settings-clear{border:1px solid var(--fg-dim);color:var(--red);font-family:var(--font-mono);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:3px;padding:.35rem .75rem;font-size:.75rem}.settings-revert:hover,.settings-clear:hover{border-color:var(--red)}.clear-data-btn{border:1px solid var(--fg-dim);color:var(--fg-hint);font-family:var(--font-mono);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:3px;padding:.35rem .75rem;font-size:.75rem;transition:color .12s ease-out,border-color .12s ease-out}.clear-data-btn:hover{color:var(--red);border-color:var(--red)}.settings-hint{color:var(--fg-hint);letter-spacing:.05em}.pause-hint-toast{border:1px solid var(--fg-dim);font-family:var(--font-mono);color:var(--fg);letter-spacing:.04em;pointer-events:none;z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0f0fd9;border-radius:4px;padding:.45rem .9rem;font-size:.8rem;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.pause-screen{flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:600px;padding:2rem;display:flex}.pause-hint{color:var(--fg-dim);letter-spacing:.05em;font-size:1.2rem}.stats-container{justify-content:center;gap:3rem;width:100%;display:flex}.stats-column{flex-direction:column;gap:.3rem;min-width:160px;display:flex}.stats-title{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem}.stats-row{justify-content:space-between;font-size:.85rem;line-height:1.6;display:flex}.stats-combo{color:var(--fg)}.stats-time{color:var(--fg-dim);font-variant-numeric:tabular-nums}.quiz{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.question{letter-spacing:.05em;-webkit-user-select:none;user-select:none;font-size:2.5rem;font-weight:500;transition:opacity .1s}.question-dim{opacity:.5}.answer-feedback{font-family:var(--font-mono);color:var(--green);text-align:center;width:8ch;font-size:2.5rem;font-weight:500}.answer-input{font-family:var(--font-mono);color:var(--fg);text-align:center;width:8ch;caret-color:var(--fg);background:0 0;border:none;outline:none;font-size:2.5rem;font-weight:500}.answer-input::placeholder{color:var(--fg-dim);opacity:.5}.answer-input::selection{background:0 0}.answer-input:focus{box-shadow:none;outline:none}.quiz-pause-hint{text-align:center;flex-direction:column;align-items:center;gap:.35rem;margin-top:4rem;display:flex}.quiz-pause-hint-title{color:var(--fg-hint);letter-spacing:.05em;font-size:1.2rem}.quiz-pause-hint-subtitle{color:var(--fg-hint);opacity:.78;letter-spacing:.03em;font-size:.75rem}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 3rem;display:flex}.modal-text{color:var(--fg);font-size:1.1rem}.modal-actions{gap:1.5rem;display:flex}.modal-btn{font-family:var(--font-mono);cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding:.5rem 1.2rem;font-size:.85rem}.modal-btn-cancel{color:var(--fg-dim)}.modal-btn-cancel:hover{color:var(--fg)}.modal-btn-confirm{color:var(--red)}.modal-btn-confirm:hover{color:#fca5a5}.marathon-extra{flex-direction:column;gap:.25rem;min-width:320px;font-size:.85rem;display:flex}.marathon-extra-row{justify-content:space-between;gap:1.5rem;display:flex}.marathon-extra-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.marathon-extra-value{color:var(--fg);font-variant-numeric:tabular-nums}.marathon-continents{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.marathon-continents-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.marathon-continents-list{flex-wrap:wrap;gap:.4rem;display:flex}.marathon-continent{border:1px solid var(--fg-dim);color:var(--fg);cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;background:0 0;border-radius:4px;align-items:center;gap:.45rem;padding:.25rem .6rem .25rem .45rem;font-size:.78rem;transition:color .12s ease-out,background-color .12s ease-out,border-color .12s ease-out,opacity .12s ease-out;display:inline-flex}.marathon-continent-check{color:#0000;justify-content:center;align-items:center;width:.95rem;height:.95rem;transition:color .12s ease-out;display:inline-flex}.marathon-continent-check svg{display:block}.marathon-continent-label{display:inline-block}.marathon-continent:hover{border-color:var(--fg)}.marathon-continent-excluded{color:var(--fg-hint);opacity:.55;background:#ffffff0a;border-color:#0000}.marathon-continent:not(.marathon-continent-excluded) .marathon-continent-check{color:var(--fg)}.end-screen-wrap{-webkit-backdrop-filter:blur(3px);z-index:20;background:#0a0a0a8c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.marathon-end{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;display:flex}.marathon-end-title{letter-spacing:.08em;color:var(--fg);text-transform:uppercase;font-size:1.6rem}.marathon-end-best-tag{letter-spacing:.12em;color:var(--green);text-transform:uppercase;font-size:.8rem}.marathon-end-stats{gap:4rem;margin-top:.5rem;display:flex}.marathon-end-stat{flex-direction:column;align-items:center;gap:.4rem;display:flex}.marathon-end-stat-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.marathon-end-stat-value{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:2.4rem}.marathon-end-best{color:var(--fg-hint);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.85rem}.marathon-end-actions{gap:2rem;margin-top:.5rem;display:flex}.marathon-end-action{font-family:var(--font-mono);color:var(--fg-hint);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:.4rem .6rem;font-size:.78rem}.marathon-end-action:hover{color:var(--fg)}.marathon-hud{z-index:30;pointer-events:none;flex-direction:column;gap:.4rem;display:flex;position:fixed;top:0;left:0;right:0}.marathon-hud-bar{background:#ffffff0f;width:100%;height:2px;overflow:hidden}.marathon-hud-fill{background:var(--fg-dim);height:100%;transition:width .22s ease-out}.marathon-hud-row{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.4rem .95rem 0;display:flex}.marathon-hud-continents{pointer-events:auto}.marathon-hud-text{letter-spacing:.08em;color:var(--fg-hint);font-variant-numeric:tabular-nums;gap:1.25rem;font-size:.72rem;display:flex}.marathon-hud-skipped{color:var(--fg-dim)}.marathon-end-tested{flex-direction:column;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.marathon-end-tested-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.marathon-end-tested-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.marathon-end-tested-item{color:var(--fg);letter-spacing:.04em;border:1px solid var(--fg-dim);border-radius:4px;padding:.2rem .55rem;font-size:.78rem}.vector-quiz{width:100vw;height:100vh;position:fixed;inset:0}.vector-canvas{background:var(--bg);cursor:crosshair;display:block;position:fixed;inset:0}.vector-origin{fill:var(--fg-dim)}.vector-label{fill:var(--fg);font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.85rem;font-style:italic}.vector-formula{fill:var(--fg-hint);font-family:var(--font-mono);letter-spacing:.08em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.78rem}.vector-quiz .pause-screen{-webkit-backdrop-filter:blur(3px);z-index:20;background:#0a0a0a8c;justify-content:center;align-items:center;width:100vw;max-width:none;height:100vh;padding:2rem;position:fixed;inset:0}.vector-mode-grid{flex-direction:column;gap:.5rem;min-width:280px;display:flex}.vector-mode-row{grid-template-columns:7rem auto;align-items:center;gap:1rem;display:grid}.vector-mode-row-label{color:var(--fg-dim);letter-spacing:.05em;font-size:.95rem}.vector-mode-row-buttons{gap:.4rem;display:flex}.vector-mode-button{color:var(--fg-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;min-width:2.2rem;padding:.3rem .7rem;font-size:.85rem;transition:color .12s ease-out,border-color .12s ease-out,background-color .12s ease-out}.vector-mode-button:hover{color:var(--fg);border-color:var(--fg-dim)}.vector-mode-button-active{color:var(--fg);border-color:var(--fg-dim);background:#ffffff0a}.settings-field-toggle{width:1rem;height:1rem;accent-color:var(--fg);cursor:pointer}.dnb-quiz{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.dnb-play{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dnb-stage{flex-direction:column;align-items:center;gap:2rem;display:flex}.dnb-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:.6rem;width:min(360px,60vmin);height:min(360px,60vmin);display:grid}.dnb-cell{background:var(--map-fill);border:1px solid var(--map-stroke);border-radius:6px;transition:background-color 80ms ease-out,border-color 80ms ease-out}.dnb-cell-active{background:#4ade80;border-color:#4ade80;box-shadow:0 0 24px #4ade8059}.dnb-keys{gap:1.5rem;display:flex}.dnb-key{border:1px solid var(--fg-dim);background:#0f0f0fb3;border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;min-width:6rem;padding:.6rem 1.2rem;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out;display:flex}.dnb-key-char{letter-spacing:.06em;color:var(--fg);font-size:1.5rem}.dnb-key-label{color:var(--fg-hint);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.dnb-key-pressed{border-color:var(--fg);background:#ffffff12}.dnb-key-correct{border-color:var(--green)}.dnb-key-correct .dnb-key-char,.dnb-key-correct .dnb-key-label{color:var(--green)}.dnb-key-wrong{border-color:var(--red)}.dnb-key-wrong .dnb-key-char,.dnb-key-wrong .dnb-key-label{color:var(--red)}.dnb-shift-hint{color:var(--fg-hint);letter-spacing:.06em;font-size:.7rem}.dnb-hud{z-index:30;pointer-events:none;flex-direction:column;gap:.4rem;display:flex;position:fixed;top:0;left:0;right:0}.dnb-hud-bar{background:#ffffff0f;width:100%;height:2px;overflow:hidden}.dnb-hud-fill{background:var(--fg-dim);height:100%;transition:width .22s ease-out}.dnb-hud-row{letter-spacing:.08em;color:var(--fg-hint);font-variant-numeric:tabular-nums;justify-content:space-between;padding:.4rem .95rem 0;font-size:.72rem;display:flex}.dnb-hud-cell{text-transform:uppercase}.dnb-pause{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:560px;padding:2rem;display:flex}.dnb-pause-hint{color:var(--fg-dim);letter-spacing:.05em;font-size:1.2rem}.dnb-pause-meta{gap:3rem;display:flex}.dnb-pause-meta-cell{flex-direction:column;align-items:center;gap:.3rem;display:flex}.dnb-pause-meta-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.dnb-pause-meta-value{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:1.6rem}.dnb-instructions{flex-direction:column;gap:.5rem;display:flex}.dnb-instructions-row{color:var(--fg-dim);letter-spacing:.03em;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.dnb-key-mini{border:1px solid var(--fg-dim);min-width:1.4rem;height:1.4rem;color:var(--fg);letter-spacing:.04em;border-radius:3px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.8rem;display:inline-flex}.dnb-history{flex-direction:column;align-items:center;gap:.6rem;min-width:320px;display:flex}.dnb-history-title{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.dnb-history-grid{font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,1fr);gap:.3rem 1.2rem;font-size:.82rem;display:grid}.dnb-history-h{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.08em;text-align:right;font-size:.68rem}.dnb-history-cell{color:var(--fg);text-align:right}.dnb-end{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;padding:2rem;display:flex}.dnb-end-title{letter-spacing:.08em;color:var(--fg);text-transform:uppercase;font-size:1.6rem}.dnb-end-best-tag{letter-spacing:.12em;color:var(--green);text-transform:uppercase;font-size:.8rem}.dnb-end-stats{gap:4rem;margin-top:.5rem;display:flex}.dnb-end-stat{flex-direction:column;align-items:center;gap:.4rem;display:flex}.dnb-end-stat-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.dnb-end-stat-value{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:2.4rem}.dnb-end-channels{gap:3rem;margin-top:.5rem;display:flex}.dnb-channel{flex-direction:column;gap:.4rem;min-width:160px;display:flex}.dnb-channel-title{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.2rem;font-size:.72rem}.dnb-channel-row{justify-content:space-between;gap:1rem;font-size:.82rem;display:flex}.dnb-channel-label{color:var(--fg-hint)}.dnb-channel-value{color:var(--fg);font-variant-numeric:tabular-nums}.dnb-end-actions{gap:2rem;margin-top:.5rem;display:flex}.dnb-end-action{font-family:var(--font-mono);color:var(--fg-hint);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:.4rem .6rem;font-size:.78rem}.dnb-end-action:hover{color:var(--fg)}.stroop-quiz{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stroop-play{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.stroop-progress{color:var(--fg-hint);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:.78rem}.stroop-stimulus-block{flex-direction:column;align-items:center;gap:1rem;display:flex}.stroop-task{color:var(--fg-hint);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.stroop-stimulus{letter-spacing:.08em;-webkit-user-select:none;user-select:none;font-size:5rem;font-weight:700;transition:opacity 80ms ease-out}.stroop-stimulus-wrong{opacity:.35}.stroop-legend{gap:.6rem;display:flex}.stroop-legend-item{border:1px solid var(--fg-dim);border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .75rem;display:flex}.stroop-legend-key{border:1px solid var(--fg-dim);width:1.3rem;height:1.3rem;color:var(--fg);border-radius:3px;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.stroop-legend-swatch{border-radius:2px;width:.8rem;height:.8rem}.stroop-legend-label{letter-spacing:.06em;font-size:.78rem}.stroop-shift-hint{color:var(--fg-hint);letter-spacing:.06em;font-size:.7rem}.stroop-pause{flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex}.stroop-pause-hint{color:var(--fg-dim);letter-spacing:.05em;font-size:1.2rem}.stroop-pause-meta{gap:3rem;display:flex}.stroop-pause-meta-cell{flex-direction:column;align-items:center;gap:.3rem;display:flex}.stroop-pause-meta-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.stroop-pause-meta-value{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:1.6rem}.stroop-instructions{color:var(--fg-dim);letter-spacing:.04em;text-align:center;max-width:28rem;font-size:.85rem}.stroop-instructions em{color:var(--fg);font-style:normal}.stroop-end{flex-direction:column;align-items:center;gap:1.5rem;width:min(640px,92vw);padding:2rem;display:flex}.stroop-end-title{letter-spacing:.08em;color:var(--fg);text-transform:uppercase;font-size:1.6rem}.stroop-end-best-tag{letter-spacing:.12em;color:var(--green);text-transform:uppercase;font-size:.8rem}.stroop-end-total{flex-direction:column;align-items:center;gap:.3rem;display:flex}.stroop-end-total-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.stroop-end-total-value{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:2.4rem}.stroop-bars{flex-direction:column;gap:.75rem;width:100%;display:flex}.stroop-bar-row{grid-template-columns:4rem 1fr 4rem;align-items:center;gap:.75rem;display:grid}.stroop-bar-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;text-align:right;font-size:.8rem}.stroop-bar-track{background:#ffffff0d;border-radius:3px;height:1.4rem;position:relative;overflow:hidden}.stroop-bar-fill{background:var(--fg-dim);border-radius:3px;height:100%}.stroop-bar-value{color:var(--fg);font-variant-numeric:tabular-nums;font-size:.75rem;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.stroop-bar-errors{color:var(--red);font-variant-numeric:tabular-nums;font-size:.72rem}.stroop-interference{color:var(--fg-dim);letter-spacing:.04em;flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.stroop-interference-row{grid-template-columns:7rem 7rem 1fr;align-items:baseline;gap:.75rem;display:grid}.stroop-interference-row strong{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:500}.stroop-interference-sub{color:var(--fg-hint);font-size:.78rem}.stroop-transition{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.stroop-transition-label{color:var(--fg-hint);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.stroop-transition-title{color:var(--fg);letter-spacing:.04em;font-size:2.2rem}.stroop-transition-hint{color:var(--fg-dim);letter-spacing:.05em;font-size:1rem}.stroop-end-actions{gap:2rem;margin-top:.5rem;display:flex}.stroop-end-action{font-family:var(--font-mono);color:var(--fg-hint);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:.4rem .6rem;font-size:.78rem}.stroop-end-action:hover{color:var(--fg)}.mr-quiz{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mr-play{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mr-stage{-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;gap:2rem;padding-top:1rem;display:flex}.mr-shape-canvas{width:100%;height:100%;display:block}.mr-shape-cell{border:1px solid var(--map-stroke,#1a1a1a);cursor:grab;border-radius:6px;width:min(34vmin,360px);height:min(34vmin,360px);overflow:hidden}.mr-shape-cell:active{cursor:grabbing}.mr-shape-cell-small{width:min(20vmin,220px);height:min(20vmin,220px)}.mr-pair-stage{justify-content:center;align-items:center;gap:2.5rem;display:flex}.mr-candidates-stage{flex-direction:column;align-items:center;gap:1.6rem;display:flex}.mr-target{flex-direction:column;align-items:center;gap:.5rem;display:flex}.mr-target-label{color:var(--fg-hint);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.mr-candidates-row{gap:1.2rem;display:flex}.mr-candidate{flex-direction:column;align-items:center;gap:.4rem;display:flex}.mr-candidate-key{border:1px solid var(--fg-dim);width:1.6rem;height:1.6rem;color:var(--fg);letter-spacing:.04em;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.mr-keys{gap:1rem;display:flex}.mr-key{border:1px solid var(--fg-dim);background:#0f0f0fb3;border-radius:6px;flex-direction:column;align-items:center;gap:.35rem;min-width:4.2rem;padding:.55rem 1rem;transition:border-color .12s ease-out,color .12s ease-out;display:flex}.mr-key-char{letter-spacing:.06em;color:var(--fg);font-size:1.25rem}.mr-key-label{color:var(--fg-hint);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.mr-key-correct{border-color:var(--green)}.mr-key-correct .mr-key-char,.mr-key-correct .mr-key-label{color:var(--green)}.mr-key-wrong{border-color:var(--red)}.mr-key-wrong .mr-key-char,.mr-key-wrong .mr-key-label{color:var(--red)}.mr-shift-hint{color:var(--fg-hint);letter-spacing:.06em;font-size:.7rem}.mr-hud{z-index:30;pointer-events:none;flex-direction:column;gap:.4rem;display:flex;position:fixed;top:0;left:0;right:0}.mr-hud-bar{background:#ffffff0f;width:100%;height:2px;overflow:hidden}.mr-hud-fill{background:var(--fg-dim);height:100%;transition:width .22s ease-out}.mr-hud-row{letter-spacing:.08em;color:var(--fg-hint);font-variant-numeric:tabular-nums;justify-content:space-between;padding:.4rem .95rem 0;font-size:.72rem;display:flex}.mr-hud-cell{text-transform:uppercase}.mr-pause{flex-direction:column;align-items:center;gap:1.6rem;width:100%;max-width:600px;padding:2rem;display:flex}.mr-pause-hint{color:var(--fg-dim);letter-spacing:.05em;font-size:1.2rem}.mr-pause-hint-small{color:var(--fg-hint);letter-spacing:.08em;font-size:.7rem}.mr-pause-meta{flex-wrap:wrap;justify-content:center;gap:2.25rem;display:flex}.mr-pause-meta-cell{flex-direction:column;align-items:center;gap:.3rem;display:flex}.mr-pause-meta-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.mr-pause-meta-value{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:1.6rem}.mr-pause-meta-value-sm{letter-spacing:.04em;font-size:1rem}.mr-instructions{flex-direction:column;gap:.5rem;display:flex}.mr-instructions-row{color:var(--fg-dim);letter-spacing:.03em;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.mr-key-mini{border:1px solid var(--fg-dim);min-width:1.4rem;height:1.4rem;color:var(--fg);letter-spacing:.04em;border-radius:3px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.8rem;display:inline-flex}.mr-history{flex-direction:column;align-items:center;gap:.6rem;min-width:320px;display:flex}.mr-history-title{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.mr-history-grid{font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,1fr);gap:.3rem 1.2rem;font-size:.82rem;display:grid}.mr-history-h{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.08em;text-align:right;font-size:.68rem}.mr-history-cell{color:var(--fg);text-align:right}.mr-end{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:640px;padding:2rem;display:flex}.mr-end-title{letter-spacing:.08em;color:var(--fg);text-transform:uppercase;font-size:1.6rem}.mr-end-best-tag{letter-spacing:.12em;color:var(--green);text-transform:uppercase;font-size:.8rem}.mr-end-stats{flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:.5rem;display:flex}.mr-end-stat{flex-direction:column;align-items:center;gap:.4rem;min-width:5rem;display:flex}.mr-end-stat-label{color:var(--fg-hint);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.mr-end-stat-value{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:2rem}.mr-end-actions{gap:2rem;margin-top:.5rem;display:flex}.mr-end-action{font-family:var(--font-mono);color:var(--fg-hint);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:.4rem .6rem;font-size:.78rem}.mr-end-action:hover{color:var(--fg)}.mr-variant-row{gap:.5rem;padding:.4rem 0;display:flex}.mr-variant-button{border:1px solid var(--fg-dim);color:var(--fg-dim);font-family:var(--font-mono);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:4px;padding:.4rem .75rem;font-size:.82rem;transition:border-color .12s ease-out,color .12s ease-out,background-color .12s ease-out}.mr-variant-button:hover{color:var(--fg)}.mr-variant-button-active{border-color:var(--fg);color:var(--fg);background:#ffffff0d}