/* Matematika: stopnje in vaja */
.math-levels{margin:10px 0}.math-levels h3{margin:0 0 8px}.math-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.math-level{position:relative;display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border-radius:18px;border:3px solid #a8d0ff;background:linear-gradient(160deg,#2f5fb8,#6a3fd6);color:#fff;text-align:left;font-size:15px;box-shadow:0 4px 0 #1a2f78}
.math-level.done{border-color:#ffd54a}.math-level.locked{background:#3a4658;border-color:#8a96a8;opacity:.7}.math-ico{font-size:26px}.math-star{position:absolute;top:-10px;right:-6px;font-size:22px}
.math-play{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;gap:14px;padding:max(12px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));background:linear-gradient(170deg,#1b3a6b,#4a2f8f);overflow-y:auto;text-align:center}
.mp-head{display:flex;align-items:center;gap:10px}.mp-quit{min-width:48px;min-height:48px;padding:0;border-radius:50%;font-size:20px}.mp-title{flex:1;text-align:left;font-size:16px}.mp-dots{display:flex;gap:5px}.mp-dot{width:12px;height:12px;border-radius:50%;background:#ffffff3a;border:2px solid #fff8}.mp-dot.now{background:#ffd54a}.mp-dot.done{background:#7dff9b}
.mp-q{margin:6vh 0 2vh;font-size:clamp(30px,9vw,52px);font-weight:900;letter-spacing:.02em}.mp-q:focus{outline:none}
.mp-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;width:100%;margin:0 auto}.mp-opt{min-height:76px;border-radius:20px;border:3px solid #fff;background:#ffffff26;color:#fff;font-size:clamp(22px,6vw,30px);font-weight:800;box-shadow:0 5px 0 #0004}.mp-opt.right{background:#3ddc84;color:#06301a}.mp-opt.wrong{background:#ff7a7a;color:#3a0707}.mp-opt:disabled:not(.right):not(.wrong){opacity:.5}
.mp-fb{min-height:30px;font-size:20px;font-weight:800;margin:0}.mp-fb.ok{color:#7dff9b}.mp-fb.bad{color:#ffd0d0}
.mp-result{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:420px;margin:12vh auto 0;width:100%}.mp-stars{font-size:clamp(44px,14vw,70px)}.mp-again{width:100%;min-height:64px;font-size:22px}.mp-result .secondary{width:100%}
/* učna kartica (pravilo + rešen primer) in razlaga napake po korakih */
.mp-help{min-width:48px;min-height:48px;padding:0;border-radius:50%;font-size:22px;font-weight:900}
.mp-learn{display:flex;flex-direction:column;gap:12px;max-width:560px;width:100%;margin:2vh auto 0;text-align:left;font-size:18px;line-height:1.45}
.mp-learn h2{margin:0;text-align:center}.mp-rules{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.mp-example{background:#ffffff1f;border:3px solid #ffffff55;border-radius:18px;padding:12px 14px}.mp-example p{margin:6px 0}.mp-example ol,.mp-how ol{margin:6px 0 6px;padding-left:24px;display:flex;flex-direction:column;gap:6px}
.mp-ex-title{font-weight:800}.mp-ex-q,.mp-ex-a{font-size:22px;font-weight:900}
.mp-how{max-width:560px;width:100%;margin:6px auto 0;text-align:left;background:#ffffff1f;border:3px solid #ffd54a;border-radius:18px;padding:12px 14px;font-size:18px;line-height:1.4}
.mp-next{width:100%;min-height:56px;font-size:20px;margin-top:6px}
@media (prefers-reduced-motion:reduce){.mp-how,.mp-learn{animation:none}}