.sound-toggle{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 11px;font-weight:800;color:var(--ink)}
.sound-toggle[aria-pressed="false"]{color:var(--muted);background:#f4f5f5}
.trophy-score{position:relative;min-width:130px;justify-content:center;background:linear-gradient(135deg,#fff9d9,#fff1aa);border-color:#e5b83c;box-shadow:0 5px 18px rgba(185,126,0,.12)}
.trophy-score .cup{font-size:28px;filter:drop-shadow(0 3px 3px rgba(123,76,0,.2));transform-origin:50% 80%}
.trophy-score b{display:flex;gap:4px;align-items:center}.trophy-score.win{animation:trophyGlow .65s ease}.trophy-score.win .cup{animation:trophyBounce .65s ease}
@keyframes trophyBounce{25%{transform:translateY(-7px) rotate(-9deg) scale(1.14)}55%{transform:translateY(0) rotate(8deg)}100%{transform:none}}
@keyframes trophyGlow{35%{box-shadow:0 0 0 7px rgba(255,201,38,.25),0 0 28px rgba(255,184,0,.55)}}
.stage-points{display:block;margin-top:4px;color:inherit;opacity:.8;font-size:10px}.stage-nav button.done.zero{border-color:#d7dde0;background:#f7f8f8;color:#66737b}.stage-nav button.done.partial{border-color:#f0c275;background:#fff9ef}.stage-nav button.done.full{border-color:#76b696;background:#eff9f3;color:var(--ok)}
.intro-scene{position:relative;min-height:360px;border-radius:22px;overflow:hidden;background:#fff3da}.intro-scene>.restaurant-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.88)}.intro-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(45,26,5,.42))}.intro-scene .characters{position:absolute;z-index:2;inset:auto 4% 0;display:flex;align-items:end;justify-content:space-around;gap:2%}.intro-scene .characters img{width:46%;height:285px;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(0,0,0,.3))}.intro-scene .scene-label{position:absolute;z-index:3;right:16px;bottom:14px;background:#ffffffe8;color:var(--od);font-weight:900;padding:7px 13px;border-radius:99px}
.vocab-groups{display:grid;gap:18px}.vocab-group{border:1px solid var(--line);border-radius:18px;padding:17px;background:#fff}.vocab-group h3{margin:0 0 12px;color:var(--od)}.vocab-group .vocab{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;direction:rtl}.vocab-display .vocab-filter{margin:18px 0}.vocab-audio{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:var(--op);border:1px solid #efd4ad;border-radius:16px;padding:14px}.vocab-audio small{color:var(--muted)}.vocab-card{border:1px solid var(--line);border-radius:16px;padding:10px;background:#fff;text-align:center;overflow:hidden}.vocab-card img{display:block;width:100%;height:135px;object-fit:contain;border-radius:11px;background:#fff}.vocab-card strong{display:block;font-size:20px;color:var(--ink);margin-top:9px}.separated-results>div:first-child{border-top:5px solid var(--o)}.separated-results>div:nth-child(2){border-top:5px solid var(--bd)}
.option-image{min-height:155px;display:grid;place-items:center;gap:8px}.option-image img{width:100%;height:115px;object-fit:contain;border-radius:10px}.selected-item{outline:3px solid var(--o)!important;background:var(--op)!important}.placed{opacity:.65}.reset-row{display:flex;justify-content:center;gap:8px;margin:12px 0}.answer-zone{direction:rtl}.answer-zone .chip{direction:rtl}.activity .instruction{margin-top:0}.dialogue-order button{display:flex;gap:9px;align-items:flex-start}.dialogue-order button small{color:var(--od);font-weight:900}.sort-item{min-width:110px}.sort-item img{height:85px;width:105px;object-fit:contain}.sortbox>div{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:9px}.video-check{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.completion-note{font-size:11px;color:var(--muted);text-align:center;margin-top:8px}
.wrong-soft{animation:softShake .25s ease}@keyframes softShake{50%{transform:translateX(3px)}}
@media(max-width:600px){.top-actions{gap:5px}.sound-toggle span{display:none}.sound-toggle{padding:8px}.trophy-score{min-width:102px;padding:6px 8px}.trophy-score .cup{font-size:24px}.intro-scene{min-height:290px}.intro-scene .characters img{height:220px}.vocab-group{padding:12px}.vocab-group .vocab{grid-template-columns:repeat(2,1fr)}.option-image{min-height:135px}.option-image img{height:95px}}