.mode-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mode-settings label{display:block;font-size:14px;font-weight:700}.mode-settings select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #b9c9da;border-radius:4px;font:inherit;color:#183b68;background:white}.mode-hint{color:#52677f;line-height:1.65}.mode-body{padding:26px;text-align:center}.mode-body h2{font-size:clamp(25px,4vw,36px)}.mode-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:22px auto;max-width:800px}.mode-answer{min-height:52px;padding:12px;border:1px solid #aebfd2;border-radius:4px;background:white;color:#183b68;font:700 17px system-ui;cursor:pointer}.mode-answer[aria-pressed=true]{border:2px solid #183b68;background:#eaf1fa}.mode-answer.correct{border:2px solid #19734b;background:#eaf7f0}.mode-answer.wrong{border:2px solid #aa3434;background:#fff0f0}.mode-answer:disabled{opacity:1;cursor:default}.mode-answer:focus-visible,.mode-degrees button:focus-visible{outline:3px solid #c18a29;outline-offset:3px}.mode-toolbar{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.mode-degrees{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:20px 0}.mode-degrees button{padding:14px 2px;background:#edf2f8;border:1px solid #c3d0df;border-radius:4px;color:#183b68;font:700 17px system-ui;cursor:pointer}.mode-degrees small{display:block;margin-top:6px;font-size:12px}.mode-degrees .colour{background:#fff1d4;border-color:#c69a46}.mode-learn{background:white;border:1px solid #dfe6ee;padding:20px;border-radius:4px;margin-bottom:22px}.mode-learn summary{cursor:pointer;font-size:20px;font-weight:750;color:#183b68}.mode-learn p{line-height:1.65;color:#52677f}.mode-pattern{font-weight:750;color:#183b68}.mode-notation{max-width:900px;margin:18px auto}.mode-notation .result-notation{margin:0!important}.mode-reference{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.mode-reference th,.mode-reference td{padding:12px 8px;border-bottom:1px solid #dfe6ee;vertical-align:top}.mode-scroll{overflow-x:auto}.mode-reference th:first-child{min-width:100px}#learnStatus,#status{min-height:24px;line-height:1.5;color:#52677f}#explain{line-height:1.65;max-width:760px;margin:12px auto}.actions{flex-wrap:wrap}button:disabled{opacity:.55}.question-stage #modeLearner{display:none}body.present .mode-body{flex:1;display:flex;flex-direction:column;justify-content:center}body.present .mode-learn{display:none}@media(max-width:700px){.mode-settings{grid-template-columns:1fr 1fr}.mode-body{padding:20px 12px}.mode-learn{padding:16px}.mode-degrees{gap:3px}.mode-degrees button{font-size:14px}.mode-degrees small{font-size:10px}.mode-reference{font-size:13px}.mode-answers{grid-template-columns:1fr 1fr}.mode-notation .result-notation{padding:4px!important}}@media(max-width:380px){.mode-settings{grid-template-columns:1fr}}

body.present.present-learning #modeLearner{display:block!important}body.present.present-learning #game{display:none!important}