.learning-path{margin:18px 0 26px;padding:clamp(16px,3vw,32px);border-radius:24px;background:linear-gradient(125deg,#fffef4,#e6f5ef);border:2px solid #dfbd61;box-shadow:0 12px 28px #002b3540;color:#124a54}.path-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.path-heading h2{font-size:clamp(24px,3vw,34px);margin:14px 0 8px}.path-heading p{margin:0 0 18px}.topic-count{background:#176e79;color:white;border-radius:20px;padding:18px;min-width:145px;font-size:28px;font-weight:800;text-align:center}.topic-count small{font-size:13px}.grade-options,.competence-options,.topic-options{display:grid;gap:10px;margin:14px 0}.grade-options{grid-template-columns:repeat(6,1fr)}.competence-options{grid-template-columns:repeat(4,1fr)}.topic-options{grid-template-columns:repeat(2,1fr)}.learning-path button{min-width:0;white-space:normal;box-shadow:0 3px 0 #174c5a30;border:2px solid #c4d9d5;color:#14505b}.learning-path button[aria-pressed=true]{border-color:#0c747c;background:#dcf6ef;box-shadow:0 0 0 2px #0d7b7d}.grade-options button{padding:12px 5px;font-weight:800}.competence-options button{display:flex;gap:8px;align-items:center;text-align:left;border-top:5px solid var(--competence)}.competence-options button span{font-size:25px;color:var(--competence)}.competence-name{font-weight:800}.topic-options button{text-align:left;padding:18px;display:grid;gap:9px}.topic-options b{font-size:18px}.topic-options span{font-size:14px;font-weight:400;line-height:1.5}.original-choice{margin-top:8px;background:transparent!important;font-size:13px}.chosen-topic{font-weight:800;color:#096d7c}.playing #learningPath{display:none}.topic-task{display:flex;flex-direction:column;min-height:0;gap:6px}.topic-task h3{margin:0;font-size:14px}.topic-task p{margin:0;font-size:clamp(10px,1vw,14px);line-height:1.25}.challenge-visual{height:clamp(60px,21vh,165px);min-height:0;background:#fffdf3;border-radius:8px;flex:0 1 auto}.challenge-visual svg{height:100%;width:100%}.challenge-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.challenge-options button{padding:8px 3px;font-size:clamp(10px,1vw,14px);min-width:0;white-space:normal;background:#e1f5ed;color:#164b54;border:1px solid #7aafa1}.student-game .dama-task:has(.topic-task) .dama-guide{display:none}.student-game .board-tile{object-fit:fill}.playing .topic-task{height:100%}.playing .dama-task:has(.topic-task){height:100%;min-height:0;overflow:hidden}.playing .student-game .original-five button img{image-rendering:auto}
@media(max-width:700px){.topic-count{display:none}.grade-options{grid-template-columns:repeat(3,1fr)}.competence-options{grid-template-columns:repeat(2,1fr)}.topic-options{grid-template-columns:1fr}.learning-path{margin-top:10px}.competence-options button{padding:10px;font-size:12px}.topic-options b{font-size:16px}.playing .topic-task h3{display:none}.playing .topic-task{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:3px}.playing .topic-task p{grid-column:1/-1;font-size:10px}.playing .challenge-visual{height:100%;max-height:90px}.playing .challenge-options{align-content:center}.challenge-options button{padding:5px 2px;font-size:10px}.playing .topic-task:not(:has(.challenge-visual)) .challenge-options{grid-column:1/-1}}
.in-room #learningPath{display:none}.student-game .challenge-options button{background:#e1f5ed;color:#164b54;border:1px solid #7aafa1}.student-game .challenge-options button:hover{background:#f8df83;color:#124a54}
@media(max-width:700px){.playing .topic-task{display:flex;flex-direction:column;gap:7px}.playing .topic-task p{font-size:12px;flex:none}.playing .challenge-visual{height:110px;max-height:110px;flex:0 1 110px}.playing .challenge-options{flex:none}.student-game .challenge-options button{font-size:12px;min-height:32px;padding:6px 2px}}
@media(max-height:550px) and (orientation:landscape){.challenge-visual{max-height:80px}.topic-task h3{display:none}.challenge-options button{padding:4px 2px;font-size:10px}}