/* A paper album in a warm listening room. The scenery never covers controls. */
#zmp-game.zmp-zv-game{background:#eedcba;color:#43311e;overflow-y:auto;isolation:isolate}
.zmp-zv-game [hidden]{display:none!important}
.zmp-zv-room{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.72}
.zmp-zv-room svg{width:100%;height:100%;display:block}
.zmp-zv-room--mobile{display:none}
.zmp-zv-game .zmp-g-top{max-width:44rem;flex-shrink:0}
.zmp-zv-game .zmp-g-exit,.zmp-zv-game [data-game-audio-mute]{color:#49311f;background:#fff8e9;border:1px solid #af8155;box-shadow:0 3px 0 #ba926a}
.zmp-zv-game .zmp-g-exit svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}
.zmp-zv-game .zmp-g-stage{position:relative;max-width:44rem;min-height:440px;flex:1 0 auto;gap:1rem;padding:1rem 1rem .5rem}
.zmp-zv-game .zmp-g-start,.zmp-zv-game .zmp-g-done{position:relative;inset:auto;width:100%;max-width:40rem;flex:1 0 auto;justify-content:center;gap:1rem;background:rgba(255,249,232,.88);border:1px solid #c2a17b;border-radius:1.7rem;margin:1rem 0;padding:1.5rem;color:#43311e}
.zmp-zv-game h2{margin:0;text-align:center;font-size:clamp(1.4rem,5vw,2rem);font-family:Georgia,serif}
.zmp-zv-game .zmp-mascot{width:min(25vw,6rem);filter:drop-shadow(0 6px 8px #b88d6050)}
.zmp-zv-note{max-width:30rem;margin:0;text-align:center;line-height:1.5}
.zmp-zv-note--small{font-size:.85rem}
.zmp-zv-setting{border:0;padding:0;margin:0;width:min(100%,32rem);display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.zmp-zv-setting legend{padding:0;margin-bottom:.5rem;text-align:center;font-size:.94rem;font-weight:700;width:100%}
.zmp-zv-setting label{cursor:pointer;position:relative}
.zmp-zv-setting input{position:absolute;opacity:0;width:1px;height:1px}
.zmp-zv-setting span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem .9rem;border:2px solid #ba9670;border-radius:.8rem;background:#fffdf5;font-size:.9rem}
.zmp-zv-setting input:checked+span{border-color:#7c5529;background:#f4d999;box-shadow:inset 0 0 0 1px #7c5529}
.zmp-zv-setting input:focus-visible+span{outline:3px solid #38655e;outline-offset:3px}
.zmp-zv-primary,.zmp-zv-game .zmp-adult{border:2px solid #744d28;border-radius:.9rem;min-height:48px;padding:.7rem 1.2rem;font:inherit;font-weight:700;cursor:pointer;color:#3f2b18;background:#edc76f;box-shadow:0 4px 0 #b58a50}
.zmp-zv-game .zmp-adult{background:#fff9ec;box-shadow:none;font-weight:400}
.zmp-zv-game .zmp-repeat{position:relative;flex-shrink:0;min-height:44px;width:auto;max-width:calc(100% - 2rem);margin:1rem;padding:.65rem 1rem;border:1px solid #a57b52;background:#fff8e9;color:#49311f;font-size:.9rem;border-radius:2rem;box-shadow:0 3px 0 #b89369}
.zmp-zv-game :focus-visible{outline:3px solid #38655e!important;outline-offset:4px}
.zmp-zv{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.2rem}
.zmp-zv-question{font-family:Georgia,serif;font-size:clamp(1.15rem,4vw,1.5rem);font-weight:700;margin:0;padding:.55rem 1rem;background:#fff9ec;border:1px solid #d1b288;border-radius:2rem;text-align:center}
.zmp-zv-card,.zmp-zv-opt{position:relative;display:grid;place-items:center;margin:0;border:2px solid #b98e5b;border-radius:1.2rem;padding:8%;background:radial-gradient(ellipse at 35% 25%,#fffdf5,#f3e0b8);box-shadow:0 6px 0 #ba966d,0 10px 18px #8a68452b;cursor:pointer;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.zmp-zv-card--ref{width:min(42vw,23vh,10rem);aspect-ratio:1;animation:zv-card-in .4s ease-out backwards}
.zmp-zv-card__pic{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 5px 5px #8a68452b);min-width:0;min-height:0}
.zmp-zv-listen{position:absolute;bottom:-.7rem;font-size:.78rem;font-weight:700;padding:.3rem .65rem;border-radius:1rem;background:#fffaf0;border:1px solid #a67b4b;white-space:nowrap}
.zmp-zv__opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,2.5vw,1rem);width:min(100%,37rem)}
.zmp-zv[data-choices="2"] .zmp-zv__opts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:27rem}
.zmp-zv-opt{aspect-ratio:1;animation:zv-card-in .4s ease-out backwards}
.zmp-zv-opt:nth-child(2){animation-delay:.06s}.zmp-zv-opt:nth-child(3){animation-delay:.12s}
.zmp-zv-speaking{box-shadow:0 0 0 4px #d39632,0 8px 0 #ba966d,0 12px 22px #8a684530;transform:translateY(-4px)}
.zmp-zv-opt--won,.zmp-zv--match .zmp-zv-card--ref{border-color:#517b59;box-shadow:0 0 0 4px #a1bc86,0 6px 0 #789164}
.zmp-zv-opt--retry{border-color:#d69856}
.zmp-zv-opt--hint{outline:4px solid #a7833a;outline-offset:2px}
.zmp-zv-game button:disabled{cursor:default}
.zmp-zv-game .zmp-g-prog{min-width:0;gap:.22rem;flex-wrap:wrap}
.zmp-zv-progress-page{width:clamp(24px,6vw,39px);height:30px;background:#fff7e4;border:1px dashed #ad865e;border-radius:4px;display:flex;gap:0;align-items:center;justify-content:center}
.zmp-zv-progress-page.zmp-on{border-style:solid;background:#fffdf6}
.zmp-zv-progress-page img{max-width:48%;height:90%;object-fit:contain;filter:none}
.zmp-zv-album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;width:min(100%,30rem)}
.zmp-zv-album-page{background:#fffef8;border:1px solid #b89a72;border-radius:.5rem;display:flex;align-items:center;justify-content:center;height:clamp(76px,20vw,120px);padding:.6rem;box-shadow:3px 3px 0 #d5be9a}
.zmp-zv-album-page img{max-width:50%;height:100%;object-fit:contain}
@keyframes zv-card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (hover:hover){.zmp-zv-game button:not(:disabled):hover{transform:translateY(-2px)}}
@media (max-width:600px) and (orientation:portrait){.zmp-zv-room{display:none}.zmp-zv-room--mobile{display:block}}
@media (max-width:440px){.zmp-zv-game .zmp-g-start,.zmp-zv-game .zmp-g-done{width:calc(100% - 1rem);padding:1.1rem .8rem;margin:.6rem 0}.zmp-zv-game .zmp-g-top{padding:.7rem}.zmp-zv{gap:1.1rem}.zmp-zv-setting span{padding:.55rem .65rem;font-size:.85rem}}
@media (orientation:landscape) and (max-height:520px){.zmp-zv-game .zmp-g-stage{min-height:300px}.zmp-zv{display:grid;grid-template-columns:1fr 2fr;justify-items:center;gap:1rem}.zmp-zv-question{grid-column:1/-1}.zmp-zv-card--ref{width:min(22vw,35vh)}.zmp-zv__opts{width:100%;max-width:30rem}.zmp-zv-game .zmp-g-start{margin:.5rem 0}.zmp-zv-room{position:fixed}}
@media (prefers-reduced-motion:reduce){.zmp-zv-game *,.zmp-zv-game *::before,.zmp-zv-game *::after{animation:none!important;transition:none!important}.zmp-zv-game button:hover,.zmp-zv-speaking{transform:none!important}}
.zmp-zv-game[data-motion="reduced"] *,.zmp-zv-game[data-motion="reduced"] *::before,.zmp-zv-game[data-motion="reduced"] *::after{animation:none!important;transition:none!important;transform:none!important}
@media (forced-colors:active){.zmp-zv-room{display:none}.zmp-zv-game .zmp-g-start,.zmp-zv-game .zmp-g-done,.zmp-zv-game button,.zmp-zv-album-page,.zmp-zv-progress-page{background:Canvas;color:CanvasText;box-shadow:none;border:2px solid ButtonText}.zmp-zv-setting input:checked+span,.zmp-zv-opt--won,.zmp-zv-speaking{outline:3px solid Highlight!important}.zmp-zv-game :focus-visible{outline-color:Highlight!important}.zmp-zv-card__pic{filter:none}}
@media print{
  .zmp-print,.zmp-print__page{background:#fff}
  #zmp-zv-grid{display:flex;flex-direction:column;gap:3mm;margin-top:4mm}
  .zmp-pz__row{display:grid;grid-template-columns:6mm 29mm 7mm repeat(3,minmax(0,1fr));align-items:center;gap:3mm;border:.9pt solid #000;border-radius:2mm;padding:2mm;background:#fff;break-inside:avoid}
  .zmp-pz__row[data-choices="2"]{grid-template-columns:6mm 29mm 7mm repeat(2,minmax(0,1fr))}
  .zmp-pz__ref,.zmp-pz__opt{height:27mm;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .zmp-pz__ref{border:1pt solid #000;border-radius:2mm;padding:1mm}
  .zmp-pz__arrow{font-size:18pt;text-align:center}
  .zmp-pz__number{font-size:11pt;font-weight:700}
  .zmp-pz__ref img,.zmp-pz__opt img{display:block;max-height:100%;max-width:100%;min-height:0;object-fit:contain;filter:grayscale(1) contrast(1.15)}
  #zmp-zv-print-answers{font-size:10pt;line-height:1.5;padding-left:6mm}
}