/* Elf quiz: a small card over the farm (a bottom sheet on phones). Language and music buttons stay usable. */
.quiz{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:90px 16px 16px;background:rgba(59,42,26,.32)}
.quiz-card{position:relative;width:min(440px,100%);max-height:100%;overflow:auto;padding:14px 18px 18px;display:flex;flex-direction:column;gap:12px}
.quiz-head{display:flex;align-items:center;gap:10px;padding-right:44px}
.quiz-head canvas{width:54px;height:64px;flex:none}
.quiz-who{margin:0;font-family:var(--display);font-style:italic;font-weight:600;font-size:21px;line-height:1.1}
.quiz-count{margin:3px 0 0;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.quiz-dots{display:flex;gap:5px;margin-top:6px}
.quiz-dots i{width:11px;height:11px;border-radius:50%;border:2px solid var(--outline);background:var(--paper)}
.quiz-dots i.cur{background:#F6D37A}.quiz-dots i.ok{background:#6E9A45}.quiz-dots i.no{background:#C2643A}
.quiz-x{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:13px;border:2.5px solid var(--outline);background:var(--paper-2);font-size:26px;font-weight:900;line-height:1;padding:0 0 3px;touch-action:manipulation}
.quiz-q{margin:0;font-size:18px;font-weight:900;line-height:1.35;text-wrap:balance}
.quiz-opts{display:flex;flex-direction:column;gap:8px}
.quiz-opts button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:14px;border:2.5px solid #E1CDA6;background:#fff;font-weight:800;font-size:15px;line-height:1.3;color:var(--ink);touch-action:manipulation}
.quiz-opts .mk{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;background:var(--paper-2);border:2px solid #E1CDA6}
.quiz-opts button.right{border-color:#6E9A45;background:#EEF5DC}
.quiz-opts button.right .mk{background:#6E9A45;border-color:#6E9A45;color:#fff}
.quiz-opts button.wrong{border-color:#C2643A;background:#FBEAD9}
.quiz-opts button.wrong .mk{background:#C2643A;border-color:#C2643A;color:#fff}
.quiz-opts button:disabled{cursor:default}
.quiz-opts button.dim{opacity:.5}
.quiz-fb{margin:0;font-size:15px;font-weight:800;line-height:1.4;text-wrap:pretty}
.quiz-fb.ok{color:#4F7A2C}.quiz-fb.no{color:#A9502B}
.quiz-actions{display:flex;gap:10px;flex-wrap:wrap}
.quiz-actions button{flex:1 1 auto;border-radius:16px;padding:11px 18px;font-weight:900;font-size:15px;border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);background:#E9A35A;color:#3B2A1A;touch-action:manipulation}
.quiz-actions button.alt{background:var(--paper)}
.quiz-actions button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}
.quiz-end{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.quiz-end svg{width:112px;height:112px}
.quiz-score{margin:0;font-family:var(--display);font-style:italic;font-weight:600;font-size:36px;line-height:1}
.quiz-badge{margin:0;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.quiz-end .quiz-fb{margin-top:4px;max-width:34ch}
body.quiz-open #helpBtn,body.quiz-open #moodsToggle,body.quiz-open .moods,body.quiz-open .hint{display:none!important}
html[lang^="zh"] .quiz-who{font-weight:700}
@media (max-width:760px){
  .quiz{align-items:flex-end;padding:76px 12px calc(12px + env(safe-area-inset-bottom,0px))}
  .quiz-q{font-size:17px}
}

.room-head{border:2px solid color-mix(in srgb,var(--roof) 45%,#7A5535);border-radius:18px;padding:18px;box-shadow:0 4px 0 #7A553526;background:linear-gradient(145deg,#FFFCF2 55%,var(--tint-1))}
@media(min-width:761px){.room-head .room-step{font-size:clamp(36px,4.2vw,56px);line-height:1.05}}
@media(max-width:760px){
  .room-head{top:52px;padding:12px;left:calc(42vw + 6px);right:10px}
  .room-head::before{display:none}
  .room-scene{--avtop:12cqh}
  .rb-rug,.rb-window,.rb-herbs,.rb-shelf,.rb-crate,.rb-bunting{display:none}
  .rb-harvest{bottom:2cqh}
  .rb-garden-arch{top:4cqh;height:66cqh}
}