/* Matesha's cheerful shell. Arithmetic carry/borrow colours stay in column.css. */
:root{--matesha-ink:#173f52;--matesha-teal:#087d78;--matesha-mint:#c9f5e3;--matesha-yellow:#ffe487;--matesha-coral:#ffb1a0;--matesha-blue:#d4eaff;color:var(--matesha-ink);background:#f3fbf8}
body{color:var(--matesha-ink);background:radial-gradient(ellipse at 0 0,#d3f7e8 0,transparent 48%),radial-gradient(ellipse at 100% 15%,#fff0ba 0,transparent 40%),#f3fbf8}
.matesha-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--matesha-ink);font-size:27px;font-weight:800;letter-spacing:-.8px;flex-shrink:0}
.matesha-brand img{display:block;flex-shrink:0;width:60px;height:60px;object-fit:cover;border-radius:19px;box-shadow:0 3px 0 #64cfae55;border:2px solid #fff}
body>header{background:#ffffffd9;border-bottom:2px solid #b9ebd9;gap:16px}
body>header.mobile-header{background:#fffef8;color:var(--matesha-ink);border-bottom:3px solid #a5e9d4;padding:12px 12px;gap:8px}
.mobile-header .matesha-brand{margin-right:auto;font-size:23px;gap:8px}
.mobile-header .matesha-brand img{width:46px;height:46px;border-radius:15px}
header.mobile-header .secondary{color:#245467;background:#e9f6ff;border:1px solid #b9d9ed;border-radius:13px;padding:10px 9px;font-size:12px;min-height:42px}
header.mobile-header .matesha-settings-open{background:#fff0b6;border-color:#f1d581}
.primary{background:#087d78;color:#fff;border-radius:15px;box-shadow:0 4px 0 #075b58;min-height:46px}
.primary:hover{background:#066a66}.primary:active{box-shadow:0 1px 0 #075b58;transform:translateY(2px)}
.secondary{border-radius:13px}.mode-switch.expanded{background:#ffffffd9;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}
.mode-switch.expanded button{border:2px solid transparent;border-bottom-width:4px;border-radius:16px;color:#234458;font-size:15px;min-height:50px;padding:10px 8px;line-height:1.25;overflow-wrap:anywhere}
.mode-switch.expanded button:nth-child(1){background:#c9f5e3;border-bottom-color:#8ddaba}
.mode-switch.expanded button:nth-child(2){background:#ffe58c;border-bottom-color:#ebc45e}
.mode-switch.expanded button:nth-child(3){background:#ffd3c4;border-bottom-color:#efad98}
.mode-switch.expanded button:nth-child(4){background:#d4eaff;border-bottom-color:#a5cdef}
.mode-switch.expanded button:nth-child(5){background:#e9ddff;border-bottom-color:#cdb5ef;grid-column:1/-1}
.mode-switch.expanded button[aria-pressed=true]{border-color:#087d78;box-shadow:0 0 0 2px #fff inset;color:#073f40;font-weight:800}
.mascot-home{border-radius:20px;background:#fffef8;border:1px solid #c7ebdf;box-shadow:0 5px 18px #27685409}
.mascot-select{border-radius:16px}.mascot-note{color:#315e60}.mascot-growth progress,progress{accent-color:#13a17d}progress::-webkit-progress-value{background:#13a17d}
#setup,#session{background:#fff;border:1px solid #cbe9df;border-radius:24px;padding:20px;box-shadow:0 6px 0 #d8eee5}
#setup h1{color:#126d6b}.topic-label{color:#205b64}.topic-label select,#start-card select,#start-card input{border-color:#a5daca;background:#fbfffd;border-radius:13px}
#theory-frame{border:2px solid #bce7d8;box-shadow:0 5px 0 #d8eee5;border-radius:20px;background:#fffef8}
.mobile-board{background:#f0faf4;border:1px solid #c6e6d4;border-radius:20px}.card-progress{background:#e9f8f1;border-radius:16px;padding:12px}
.task-heading{color:#375d70}.current-question{color:#173f52}.text-button{color:#126d6b}.feedback.success{color:#196942;background:#e4f8e9;border-radius:12px;padding:12px}.feedback.error{color:#a33628;background:#fff0e9;border-radius:12px;padding:12px}
.discovery-card,.workspace{background:#fffefb;border-color:#c8e5df;border-radius:22px}.discovery-intro h1{color:#126d6b}.discovery-kicker{color:#925321}
.topic{background:#fff2c7;border-color:#efdc9b;border-radius:20px}.topic:nth-child(3n+2){background:#ddf6eb;border-color:#b4e3d0}.topic:nth-child(3n){background:#e6efff;border-color:#c0d4ef}.topic.active{border-color:#087d78;box-shadow:0 4px 0 #9cdbc9}
.hero-art{background-color:#d6f5e6;border-color:#9cd9be}.sticker{background:#ffe18a;color:#71431e}.hero h1 em{color:#087d78}
#matesha-settings{border:3px solid #b4ead5;background:#fffef8;box-shadow:0 14px 60px #123b4a33}.settings-version{background:#cdf5e5}.settings-heading h2{color:#126d6b}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ac4b20;outline-offset:3px}
@media(max-width:360px){.mobile-header .matesha-brand{width:100%;font-size:25px}header.mobile-header>.secondary{flex:1}#setup,#session{padding:15px}.mode-switch.expanded button{font-size:14px}}
@media(min-width:600px){.mode-switch.expanded{grid-template-columns:repeat(5,minmax(0,1fr))}.mode-switch.expanded button:nth-child(5){grid-column:auto}}
@media print{body{background:#fff}.primary,.topic,#setup,#session{box-shadow:none}}

.dino-entry{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:18px;background:linear-gradient(120deg,#b9ed90,#ffdf78)!important;color:#244f43!important;border:2px solid #609b53;box-shadow:0 4px 0 #8caf67;font-weight:800;text-decoration:none}