body{background:#fffaf0}body:before{content:'';position:fixed;inset:0;z-index:-1;background:url('assets/learning-v15/site-pattern.webp') repeat;background-size:520px auto;opacity:.18;pointer-events:none}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.stage-top h3{margin:.5em 0}.stage-badge{background:#ddecdf;padding:8px 14px;border-radius:100px;white-space:nowrap}.stage-select{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:24px 0}.stage-select label{display:grid;gap:8px}.stage-select select{min-width:100px;border:1px solid #183c4b;border-radius:12px;padding:12px;font:inherit;background:white}.stage-download{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.game-board{position:relative;overflow:hidden;min-height:340px}.game-board progress{width:100%;height:10px;accent-color:#398a80;margin:20px 0}.date-count{display:flex;gap:12px;flex-wrap:wrap;max-width:550px;margin:20px auto;color:#8e4b29;font-size:22px}.ordered-answer{background:#fff2cd;border:1px dashed #b98a23;border-radius:14px;padding:20px;min-height:72px;margin:20px 0}.question-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:20px 0}.puzzle-pair{display:flex;gap:20px;align-items:start;flex-wrap:wrap}.puzzle-model{width:180px;border-radius:12px}.stage-puzzle{display:grid;width:min(420px,100%);aspect-ratio:1.5;gap:3px}.stage-puzzle button{border:1px solid white;padding:0;min-height:55px;border-radius:2px}.stage-puzzle button[aria-pressed=true]{outline:4px solid #ffc84f;z-index:1}.memory-study{display:flex;gap:14px;flex-wrap:wrap}.memory-study figure{margin:0;text-align:center}.memory-study img{width:90px;height:110px;object-fit:cover;border-radius:12px}.result-card{text-align:center;background:#fcf5df;border-radius:22px;padding:28px}.score-number{font-size:78px;font-weight:bold;line-height:1.3;color:#176e68}.score-number small{font-size:24px}.score-stars{font-size:38px;color:#bc830d}.result-card .question-actions{justify-content:center}.publish-score,.answer-review{margin-top:24px;padding:24px;border:1px solid #c7d9d5;border-radius:16px;background:white}.consent-line{display:flex;align-items:flex-start;gap:10px;margin:18px 0}.consent-line input{width:20px;height:20px;flex-shrink:0}.private-panel,.honours-panel{background:#fff;border:2px solid #173b4d;border-radius:24px;padding:30px}.records-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.record-table{overflow-x:auto;max-height:420px}.record-table table{border-collapse:collapse;width:100%;min-width:360px;text-align:start}.record-table th,.record-table td{padding:14px 8px;border-bottom:1px solid #dbe5e1;text-align:start}.record-table small{font-size:11px}.honour-entry{display:flex;gap:16px;align-items:center;background:#f8f4e8;padding:15px;margin:10px 0;border-radius:14px}.honour-entry>b{font-size:28px;min-width:36px;color:#ae7425}.honour-entry>span{flex:1}.honour-entry small{display:block;color:#987214;font-size:13px}.honour-entry strong{font-size:26px}.level-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.level-confetti i{position:absolute;left:var(--x);top:40%;font-size:25px;color:#d89b10;animation:star-burst 2.8s var(--delay) both;font-style:normal}.level-confetti i:nth-child(3n){color:#e9684b}.level-confetti i:nth-child(3n+1){color:#338f85}@keyframes star-burst{0%{transform:translateY(30px) rotate(0);opacity:0}20%{opacity:1}100%{transform:translateY(-240px) rotate(var(--r));opacity:0}}@media(max-width:760px){.records-grid{grid-template-columns:1fr}.private-panel,.honours-panel{padding:20px}.stage-top{align-items:start}.stage-puzzle{width:100%}.score-number{font-size:60px}}@media(prefers-reduced-motion:reduce){.level-confetti{display:none}}

[hidden]{display:none!important}body{isolation:isolate}.learning-path:before{background-image:url(assets/learning-v15/site-pattern.webp)}

.guided-lessons{padding:26px;margin:24px 0;border:1px solid #c7d8ce;background:#fffdf7;border-radius:20px}.guided-lessons select{font:inherit;padding:9px;border-radius:9px}.guided-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-inline-start:24px}.guided-steps li{padding:14px 12px;background:#f4f6ee;border-radius:10px}.guided-steps p,.guided-steps blockquote{font-size:14px;margin:8px 0}.guided-steps li:first-child{grid-column:1/-1}.guided-steps blockquote{font-size:20px;color:#155e58}@media(max-width:650px){.guided-steps{grid-template-columns:1fr}}
