:root{--ink: #111111;--paper: #ffffff;--rule: #cccccc;--quiet: #666666;--serif: Georgia, "Times New Roman", Times, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;background:var(--paper);border:1px solid var(--ink);cursor:pointer}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem}.chrome{width:100%;max-width:34rem;display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem;color:var(--quiet);border-bottom:1px solid var(--rule);padding-bottom:.5rem;margin-bottom:2rem}.chrome-action{border:none;background:none;color:var(--quiet);font:inherit;font-size:.8125rem;padding:0;text-decoration:underline}.item-area{width:100%;max-width:34rem;font-family:var(--serif);margin:0 auto}.prompt{font-size:clamp(1.5rem,6vw,2rem);line-height:1.5;margin:0 0 2rem;min-height:5rem}.answer-display{font-size:clamp(1.75rem,7vw,2.25rem);border-bottom:2px solid var(--ink);min-height:3rem;padding:.25rem .5rem;margin-bottom:1.5rem;letter-spacing:.05em}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.keypad button,.option button{font-family:var(--serif);padding:1rem;font-size:1.25rem}.keypad button:active,.option button:active,.continue:active{background:var(--ink);color:var(--paper)}.options{display:grid;gap:.75rem}.option button{width:100%;text-align:left;padding:1rem 1.25rem;display:flex;align-items:baseline;gap:1rem}.option-letter{font-variant-numeric:tabular-nums;min-width:1.25em;color:var(--quiet)}.option button[disabled] .option-letter{color:var(--rule)}.option button[disabled]{cursor:default;border-color:var(--rule);color:var(--quiet)}.option button[data-chosen=true][disabled]{border-color:var(--ink);color:var(--ink)}.feedback{font-family:var(--serif);font-size:1.125rem;line-height:1.6;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.continue{margin-top:1.5rem;padding:.875rem 2rem;font-family:var(--sans);font-size:1rem}.continue--secondary{border-color:var(--rule);color:var(--quiet);margin-left:.75rem}.interstitial{width:100%;max-width:34rem;margin-top:4rem;font-family:var(--serif);font-size:1.25rem;line-height:1.7}.interstitial p{margin:0 0 1.5rem}.quiet{color:var(--quiet);font-size:.9375rem;font-family:var(--sans)}.choices{display:grid;gap:.75rem;max-width:22rem}.choice{margin-top:0;margin-left:0;text-align:left}.setup-input{width:100%;font-family:var(--sans);font-size:1rem;padding:.75rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink);margin-bottom:1rem}.map{--map-maths: #10705a;--map-english: #4a41a8;--map-dim: #8a8a8a;--map-rule: #cfcfcf;width:100%;max-width:34rem;margin:0 auto;font-family:var(--sans)}.map-subject{margin-bottom:2rem}.map-subject-name{font-size:.875rem;font-weight:600;margin:0 0 1rem}.map-strand{margin-bottom:1.25rem}.map-strand-name{font-size:.75rem;color:#666;margin:0 0 .5rem}.map-row{display:flex;align-items:stretch;gap:0}.map-link{align-self:center;width:.75rem;height:1px;background:var(--map-dim);flex:0 0 auto}.map-gap{width:.75rem;flex:0 0 auto}.map-node{position:relative;flex:1 1 0;min-width:0;min-height:3.25rem;border:1.5px solid currentColor;border-radius:3px;padding:.5rem .625rem;overflow:hidden}.map-node--maths{color:var(--map-maths);--map-lit: #bcded3}.map-node--english{color:var(--map-english);--map-lit: #cbc8ee}.map-node--silhouette{color:var(--map-dim);border-style:dashed;border-width:1px;opacity:.55}.map-node-label{position:relative;font-size:.8125rem;line-height:1.3;color:#111;word-break:break-word}.map-node-lit{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--map-lit)}.map-node-fill{position:absolute;left:0;bottom:0;height:.25rem;background:currentColor;opacity:.5}.map-cap{border:1px dashed var(--map-rule);border-radius:3px;padding:.625rem .75rem;font-size:.75rem;color:#666}.map-closed{margin-bottom:.5rem}.map-note{font-size:.8125rem;color:#666;margin:0 0 1.5rem}