/* Warm forest paper; basket contents are equal-sized original SVG objects. */
#zmp-game.zmp-ug-game{background:#f6efdb;color:#293b2d;overflow:auto;overscroll-behavior:contain;padding-bottom:max(18px,env(safe-area-inset-bottom));font-family:inherit}
.zmp-ug-game *{box-sizing:border-box}
.zmp-ug-game [hidden]{display:none!important}
.zmp-ug-game .zmp-g-top{max-width:960px;padding:14px 20px;flex:0 0 auto;position:sticky;top:0;background:#f6efdb}
.zmp-ug-game .zmp-g-exit{background:#e4e4ce;color:#293b2d;border:1px solid #788370}
.zmp-ug-game .zmp-g-exit svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.zmp-ug-game .zmp-g-prog i{width:10px;height:10px;background:#fffdf6;border:1px solid #617054}
.zmp-ug-game .zmp-g-prog i.zmp-on{background:#47683d;box-shadow:none}
.zmp-ug-repeat{font:inherit;font-size:13px;min-height:44px;border:1px solid #617054;border-radius:8px;background:#fffdf6;color:#293b2d;padding:7px 10px;cursor:pointer}
.zmp-ug-game [data-game-audio-mute]{flex:0 0 auto;width:44px;height:44px;border:1px solid #617054;border-radius:8px;background:#fffdf6;color:#293b2d}
.zmp-ug-game .zmp-g-start,.zmp-ug-game .zmp-g-done{position:static;inset:auto;flex:1;width:100%;max-width:650px;gap:20px;background:none;padding:20px 24px 32px;text-align:center}
.zmp-ug-game h2{font-size:clamp(24px,4vw,36px);font-weight:750;line-height:1.2;margin:0;color:#293b2d}
.zmp-ug-note{max-width:40ch;font-size:17px;line-height:1.6;margin:0;color:#455242}
.zmp-ug-note--small{font-size:13px}
.zmp-ug-start-art{width:104px;height:94px}
.zmp-ug-start-art svg{width:100%;height:100%;fill:#263d2c}
.zmp-ug-art-tail{fill:#b96e38;stroke:#784825;stroke-width:2}
.zmp-ug-art-body{fill:#d38a46;stroke:#784825;stroke-width:2}
.zmp-ug-art-belly{fill:#f3d5a4}
.zmp-ug-art-line{fill:none;stroke:#784825;stroke-width:2;stroke-linecap:round}
.zmp-ug-setting{width:100%;margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
.zmp-ug-setting legend{font-size:14px;font-weight:600;width:100%;text-align:center;padding:0 0 10px;color:#455242}
.zmp-ug-setting label{display:flex;gap:10px;align-items:center;min-height:52px;padding:12px 15px;background:#fffdf5;border:1px solid #738165;border-radius:10px;font-size:16px;cursor:pointer}
.zmp-ug-setting label:has(input:checked){background:#e7ecd8;border:2px solid #47683d;padding:11px 14px}
.zmp-ug-setting input{width:19px;height:19px;accent-color:#47683d;flex:0 0 auto;margin:0}
.zmp-ug-primary,.zmp-ug-secondary{font:inherit;min-height:52px;border-radius:10px;padding:13px 24px;cursor:pointer}
.zmp-ug-primary{background:#375c35;color:#fff;border:2px solid #375c35;font-weight:700;font-size:17px}
.zmp-ug-secondary{background:#fffdf5;color:#293b2d;border:1px solid #738165;font-size:15px}
.zmp-ug-game .zmp-g-stage{max-width:930px;justify-content:center;padding:24px 24px 32px;gap:0}
.zmp-ug-round{width:100%;text-align:center}
.zmp-ug-prompt{font-size:16px;line-height:1.5;color:#455242;margin:12px 0 24px}
.zmp-ug-choices{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:center;gap:16px}
.zmp-ug-basket{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;min-width:0;min-height:235px;border:2px solid #9b784f;border-radius:18px;background:#fffdf6;padding:20px 14px;color:#293b2d;font:inherit;cursor:pointer}
.zmp-ug-bowl{display:flex;width:100%;min-height:132px;align-items:center;border:3px solid #a77a42;border-radius:14px 14px 46px 46px;padding:13px 12px 24px;background:repeating-linear-gradient(0deg,#f1dec0,#f1dec0 9px,#e2c9a2 10px,#e2c9a2 12px)}
.zmp-ug-items{display:grid;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-items:center}
.zmp-ug-acorn{display:block;width:100%;max-width:43px;height:auto;aspect-ratio:5/6;overflow:visible}
.zmp-ug-acorn-body{fill:#b87639;stroke:#5d3d22;stroke-width:1.6}
.zmp-ug-acorn-cap{fill:#6c542f;stroke:#4b3a23;stroke-width:1.6}
.zmp-ug-acorn-line{fill:none;stroke:#e1bd7c;stroke-width:2;stroke-linecap:round}
.zmp-ug-basket-caption{font-size:15px;font-weight:650}
.zmp-ug-equal{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:90px;width:100%;border:2px solid #617054;border-radius:14px;background:#e8edda;color:#293b2d;font:inherit;font-size:13px;cursor:pointer;padding:12px 4px}
.zmp-ug-equal-sign{font-size:36px;line-height:1;font-weight:700}
.zmp-ug-correct{border:5px double #315b30;background:#e7efdd;padding:17px 11px}
.zmp-ug-equal.zmp-ug-correct{padding:9px 1px}
.zmp-ug-game button:disabled{cursor:default;opacity:1}
.zmp-ug-repeat:disabled{opacity:.55!important}
.zmp-ug-feedback{min-height:3.2em;margin:24px auto 0;max-width:48ch;color:#354f32;font-size:17px;line-height:1.6}
.zmp-ug-done-art{margin:0;width:98px;height:98px}
.zmp-ug-done-art svg{width:100%;height:100%;fill:#e0c194;stroke:#75522c;stroke-width:3;stroke-linecap:round}
#zmp-game.zmp-ug-game :focus-visible{outline:3px solid #006fa0;outline-offset:5px}
.zmp-ug-game button:hover:not(:disabled){filter:brightness(.97)}
@media(max-width:540px){
  .zmp-ug-game .zmp-g-top{padding:10px 14px;gap:8px}
  .zmp-ug-repeat{max-width:105px;font-size:12px;padding:5px 7px}
  .zmp-ug-game .zmp-g-start,.zmp-ug-game .zmp-g-done{padding:14px 20px 26px;gap:17px}
  .zmp-ug-setting{gap:9px}
  .zmp-ug-setting label{font-size:14px;padding:10px;gap:8px}
  .zmp-ug-setting label:has(input:checked){padding:9px}
  .zmp-ug-game .zmp-g-stage{padding:20px 14px 26px}
  .zmp-ug-choices{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:7px}
  .zmp-ug-basket{min-height:180px;padding:12px 6px;gap:12px;border-radius:12px}
  .zmp-ug-bowl{min-height:108px;border-width:2px;padding:10px 5px 20px;border-radius:9px 9px 29px 29px}
  .zmp-ug-items{gap:2px}
  .zmp-ug-basket-caption{font-size:13px}
  .zmp-ug-equal{font-size:11px;padding:11px 1px;min-height:82px}
  .zmp-ug-equal-sign{font-size:30px}
  .zmp-ug-correct{padding:9px 3px}
  .zmp-ug-equal.zmp-ug-correct{padding:8px 0}
  .zmp-ug-feedback{font-size:15px;min-height:4.8em;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.zmp-ug-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){
  .zmp-ug-basket,.zmp-ug-equal,.zmp-ug-bowl,.zmp-ug-setting label{background:Canvas;color:CanvasText;border-color:CanvasText}
  .zmp-ug-correct{border:5px double Highlight}
  .zmp-ug-acorn-body,.zmp-ug-acorn-cap{fill:Canvas;stroke:CanvasText}
  .zmp-ug-acorn-line{stroke:CanvasText}
  .zmp-ug-game .zmp-g-prog i.zmp-on{background:Highlight}
}
@media print{
  #zmp-ug-print-grid{display:grid;gap:4mm;margin-top:6mm}
  .zmp-ug-print-row{display:grid;grid-template-columns:6mm 1fr 12mm 1fr;gap:3mm;align-items:center;break-inside:avoid;page-break-inside:avoid}
  .zmp-ug-print-number{font-size:10pt}
  .zmp-ug-print-row .zmp-ug-basket{min-height:29mm;padding:2mm 3mm;gap:1mm;border:1pt solid #000;border-radius:2mm;background:#fff;cursor:default}
  .zmp-ug-print-row .zmp-ug-bowl{min-height:21mm;padding:1mm 2mm 3mm;border:1pt solid #000;border-radius:1mm 1mm 6mm 6mm;background:#fff}
  .zmp-ug-print-row .zmp-ug-items{grid-template-columns:repeat(5,8mm);justify-content:center;gap:1mm}
  .zmp-ug-print-row .zmp-ug-acorn{width:8mm;max-width:none;height:9mm}
  .zmp-ug-print-row .zmp-ug-basket-caption{font-size:8pt;color:#000}
  .zmp-ug-print-equal{font-size:22pt;text-align:center}
  .zmp-ug-print .zmp-ug-acorn-body,.zmp-ug-print .zmp-ug-acorn-cap{fill:#fff;stroke:#000}
  .zmp-ug-print .zmp-ug-acorn-line{stroke:#000;stroke-width:1.2}
  #zmp-ug-print-answers{font-size:10pt;line-height:1.6;padding-left:6mm}
}