.feedback-controls{display:flex;gap:6px;align-items:center}.feedback-controls button{font:inherit;font-size:11px;color:#456d59;border:1px solid #d8e5dc;background:#f4f8f5;border-radius:20px;padding:7px 11px;min-height:34px;cursor:pointer;white-space:nowrap}.feedback-controls button[aria-pressed=false]{color:#75827b;background:#fff}.feedback-controls button:focus-visible{outline:2px solid #397b5a;outline-offset:3px}
.world,.mission-card,.cta,.nav-item,.chapter-nav button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.mission-card-bottom b{transition:transform .2s ease}.hero .cta{position:relative;overflow:hidden}.hero .cta:after{content:'';position:absolute;top:-30%;left:-80%;width:45%;height:160%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff80,transparent);pointer-events:none}.hero .cta:hover:after{animation:cta-light .65s ease-out}.world[aria-pressed=true] .world-check{box-shadow:0 0 0 4px #397b5a13}.answer-progress{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;margin-bottom:16px;border:1px solid var(--line,#dde6df);border-radius:12px;background:var(--surface,#f4f8f5);font-size:13px;font-weight:600;color:var(--ink,#346249)}.answer-progress progress{width:45%;height:7px;accent-color:#3d9874;border:0;border-radius:8px;overflow:hidden}.answer-progress progress::-webkit-progress-bar{background:#dceae2}.answer-progress progress::-webkit-progress-value{background:#3d9874;transition:width .2s}.review .qcard.show[data-ok="1"]{animation:answer-success .4s ease-out}.review .qcard.show[data-ok="0"]{animation:answer-review .3s ease-out}
@keyframes cta-light{to{left:145%}}@keyframes answer-success{0%{box-shadow:0 0 0 0 #4aa77d55;transform:translateY(5px)}100%{box-shadow:0 0 0 9px #4aa77d00;transform:translateY(0)}}@keyframes answer-review{0%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}70%{transform:translateX(3px)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not(.effects-off) .world:hover{transform:translateY(-3px);box-shadow:0 7px 20px #2d624511}html:not(.effects-off) .mission-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #2d62450c}html:not(.effects-off) .mission-card:hover .mission-card-bottom b{transform:translateX(3px)}}
.effects-off .world,.effects-off .mission-card,.effects-off .cta,.effects-off .nav-item,.effects-off .chapter-nav button,.effects-off .mission-card-bottom b,.effects-off .answer-progress progress{transition:none!important}.effects-off .review .qcard,.effects-off .hero .cta:after,.effects-off .combo-pop,.effects-off .shine{animation:none!important}
@media(max-width:620px){.feedback-controls{gap:4px}.feedback-controls button{padding:6px 8px;font-size:10px;min-height:36px}.topbar .status{display:none!important}.topbar{height:auto;min-height:65px;flex-wrap:wrap;gap:9px;padding-top:10px;padding-bottom:10px}.top-actions{flex-wrap:wrap;gap:7px}}
@media(prefers-reduced-motion:reduce){.world,.mission-card,.cta,.nav-item,.chapter-nav button,.mission-card-bottom b,.answer-progress progress{transition:none!important}.review .qcard.show,.hero .cta:after{animation:none!important}}
.feedback-replay{font:inherit;font-size:13px;padding:9px 14px;border:1px solid var(--line,#dce7df);border-radius:9px;color:var(--ink,#346249);background:var(--surface,#f4f8f5);cursor:pointer;margin:14px 0}