.wow-choices button.wow-wrong:disabled{opacity:1;color:#9b1c29;background:#fff0f1;border:2px solid #b42336}.wow-choices button small{display:block;font-size:12px;margin-top:8px;font-weight:700}.wow-verdict.is-incorrect{color:#a51e30;background:#fff0f1;border-left:4px solid #b42336;padding:12px 14px;border-radius:8px}.wow-verdict.is-correct{color:#17643c}.wow-answer{font-size:16px}.activity-instrument{display:block;object-fit:contain;max-width:100%;background:#fff;border-radius:14px}.sort-source:has(.activity-instrument){display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:14px;background:#fff9ee;border-color:#dfcfae}.task-page .sort-source .sort-piece:has(.activity-instrument){flex-direction:column;max-width:none;min-width:0;text-align:center;gap:6px;border-color:#dfd9e9;box-shadow:0 3px #e3dce9;padding:10px}.sort-source .activity-instrument{width:100%;height:126px}.sort-placed .activity-instrument{width:66px;height:66px;flex-shrink:0}.sort-piece:focus-visible,.sort-piece[aria-pressed=true]{outline:3px solid var(--world-accent,#7846a2);outline-offset:2px}.timbre-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.timbre-comparison button{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff9e9;border:1px solid #e3c784;border-radius:16px;padding:16px 10px;color:#24394a;min-width:0;box-shadow:0 3px #e4d5b4}.timbre-comparison button:hover,.timbre-comparison button.playing{background:#f0e6ff;border-color:#8c53ba}.timbre-icon{font-size:38px}.timbre-comparison small{font-weight:700;color:#663394}.timbre-caption,.timbre-status{font-size:13px;line-height:1.4;margin:6px 0}.timbre-status{min-height:2.8em;color:#536375}.rhythm-stage{display:flex;align-items:center;flex-direction:column;gap:12px;padding:12px;margin:8px 0;border-radius:22px;background:radial-gradient(ellipse at center,#fff0d3,transparent 70%)}.task-page .rhythm-tap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:auto;max-width:100%;margin:0;padding:10px;border:2px solid #e5c38b;border-radius:28px;background:#fff;box-shadow:0 6px #e6d4b4;touch-action:manipulation;transition:transform .12s,box-shadow .12s}.rhythm-tap img{width:180px;height:166px;object-fit:contain;pointer-events:none;border-radius:20px}.rhythm-tap span{font-size:14px;color:#704724}.rhythm-tap.struck,.rhythm-tap:active{transform:translateY(4px) scale(.97);box-shadow:0 1px #e6d4b4}.rhythm-beats{display:flex;gap:12px}.rhythm-beats i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-style:normal;background:#fff;border:2px solid #d1bfdf;color:#664180}.rhythm-beats i.played{color:#fff;background:#7842a5;border-color:#7842a5}#page.final-page{background:color-mix(in srgb,var(--world-accent,#7842a5) 5%,#fff);padding:24px clamp(16px,4vw,48px)}#page.final-page>h1{font-size:clamp(25px,3vw,36px);margin:10px auto 16px;max-width:780px}#page.final-page>.eyebrow{max-width:780px;margin:auto;font-size:12px}.final-page .task-body{width:100%;max-width:780px;margin:0 auto}.final-page .task-body>p{font-size:14px;line-height:1.6}.quiz-progress{list-style:none;display:flex;gap:8px;padding:0;max-width:780px;margin:0 auto 18px}.quiz-progress li{flex:1;border-radius:10px;background:#e6e0ed;height:6px}.quiz-progress li span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.quiz-progress .answered{background:#83987c}.quiz-progress .current{background:var(--world-accent,#7842a5)}.final-quiz fieldset{display:grid;gap:12px;margin:18px 0;padding:22px;border:1px solid #e1dbe9;border-radius:22px;background:#fff;min-width:0;box-shadow:0 8px 24px #322a4710}.final-quiz legend{font-size:clamp(18px,2vw,22px);font-weight:750;line-height:1.4;padding:0 8px;max-width:100%}.final-quiz label{display:grid;grid-template-columns:22px 60px minmax(0,1fr);align-items:center;gap:14px;padding:14px;min-height:82px;border:2px solid #e4deec;border-radius:16px;background:#fdfbff;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.45}.final-quiz label:hover{background:#f6f0ff;border-color:#bd9ed9}.final-quiz label:has(input:checked){background:#f0e4fb;border-color:#8143a9;box-shadow:inset 3px 0 #8143a9}.final-quiz label:focus-within{outline:3px solid #a64c00;outline-offset:2px}.final-quiz input[type=radio]{width:20px;height:20px;margin:0;accent-color:#8143a9;flex:none}.quiz-option-picture{display:grid;place-items:center;width:60px;min-width:0}.quiz-option-picture .activity-instrument,.quiz-option-picture .piece-image{width:60px;height:60px;object-fit:contain}.quiz-option-picture .atlas-picture,.quiz-option-picture .road-sign{width:60px;height:60px}.quiz-meaning-icon{font-size:32px}.quiz-letter{display:grid;place-items:center;width:38px;height:38px;background:#ece5f5;border-radius:12px;color:#70558b;font-weight:750;font-size:17px}#quiz-result>ol{padding-left:24px}#quiz-result li{margin:12px 0;padding:12px;background:#fff;border-radius:12px}.track-options button{border-radius:16px;padding:16px;min-height:56px}.track-round .studio-hint{font-size:13px;line-height:1.5}@media(max-width:560px){.sort-source .activity-instrument{height:96px}.sort-source:has(.activity-instrument){grid-template-columns:repeat(2,minmax(0,1fr))}.final-quiz fieldset{padding:16px 10px}.final-quiz label{grid-template-columns:20px 44px minmax(0,1fr);gap:10px;padding:12px 10px;font-size:15px}.quiz-option-picture{width:44px}.quiz-option-picture .activity-instrument,.quiz-option-picture .piece-image{width:44px;height:50px}.quiz-meaning-icon{font-size:28px}.quiz-letter{width:32px;height:32px}.final-quiz .primary{width:100%}}@media(prefers-reduced-motion:reduce){.rhythm-tap,.final-quiz label{transition:none}}#page h1[tabindex="-1"]:focus,#page h2[tabindex="-1"]:focus{outline:none}.answer-retry{border-color:#b42336!important;background:#fff0f1!important;color:#9b1c29!important}.mission-rounds #round-feedback.is-incorrect{color:#9b1c29;background:#fff0f1;border-left-color:#b42336}#quiz-result li.is-incorrect{border-left:4px solid #b42336}#quiz-result li.is-incorrect>b{color:#9b1c29}#quiz-result li.is-correct{border-left:4px solid #287846}.navigation-back{display:flex;align-items:center;gap:8px}.navigation #chapter-start{min-width:88px;white-space:nowrap}.navigation .page-status{flex:0 1 270px;min-width:70px}.navigation #prev,.navigation #next{flex-shrink:0}.sound-comparisons{display:grid;gap:16px}.sound-comparisons h4{margin:12px 0 8px;font-size:16px}.sound-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sound-pair button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px;border:1px solid #d4bddf;border-radius:16px;background:#fbf6ff;color:#62318c}.sound-pair button small{font-size:14px}.sound-wave{width:100%;max-width:120px;height:52px}.sound-comparisons p,.pulse-caption{font-size:14px;line-height:1.5;margin:8px 0}.pulse-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pulse-controls button{flex:1 1 150px;min-height:44px;font-size:14px;padding:10px;border-radius:12px}.pulse-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pulse-steps button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 3px;background:#fff7e8;border:2px solid transparent;border-radius:14px;min-width:0;box-shadow:none}.pulse-steps b{display:grid;place-items:center;background:#fac56c;width:32px;height:32px;border-radius:50%;font-size:16px}.pulse-steps span{font-size:26px}.pulse-steps small{font-size:14px}.sound-pair .playing,.pulse-controls .playing,.pulse-steps .playing{background:#efe1fa;border-color:#8443b0;box-shadow:0 0 0 2px #b48ace}.pulse-steps .playing b{background:#8443b0;color:#fff}@media(max-width:600px){.navigation{gap:8px}.navigation-back{gap:5px}.navigation #chapter-start{min-width:64px;padding:10px 8px;font-size:14px}.navigation #prev,.navigation #next{min-width:44px}.navigation .page-status{width:auto;flex:1}.navigation .page-status small{display:none}}.sound-comparisons{gap:10px;grid-template-columns:1fr 1fr}.sound-comparisons h4{margin:4px 0 7px}.sound-pair{gap:6px}.sound-pair button{padding:8px 4px;gap:3px}.knowledge-diagram .sound-wave{height:35px}.sound-comparisons p{font-size:14px;line-height:1.3}.timbre-status{min-height:0;font-size:14px}.timbre-comparison button{padding:10px}.pulse-controls{margin:8px 0}.pulse-steps button{padding:7px 3px;gap:3px}.pulse-steps span{font-size:23px}@media(min-width:701px)and (max-width:950px){.sound-comparisons{grid-template-columns:1fr}.sound-pair button{display:grid;grid-template-columns:1fr 1fr;column-gap:6px}.sound-pair .sound-wave{grid-row:span 2}.sound-pair small{font-size:14px}}
