.picnic-scene{isolation:isolate;background:#d4dbb3;border-radius:28px;flex-direction:column;height:min(820px,100svh - 294px);min-height:400px;padding:26px 4% 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #dfe5d3}.picnic-background{z-index:-2;background:-webkit-image-set(url(/art/forest-scene.avif) 1x type("image/avif"),url(/art/forest-scene.png) 1x type("image/png")) 50%/cover;background:image-set("/art/forest-scene.avif" 1x type("image/avif"),"/art/forest-scene.png" 1x type("image/png")) 50%/cover;position:absolute;inset:0}.picnic-caption{background:#fffbedf2;border:1px solid #e8d5ad;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:auto;padding:11px 18px;font-size:17px;font-weight:750;line-height:1.5;display:flex}.picnic-caption svg{color:#9f6846;flex-shrink:0}.picnic-stage{isolation:isolate;flex:1;grid-template-columns:minmax(180px,300px) minmax(0,400px);justify-content:center;align-items:center;gap:32px;width:min(100%,820px);margin:8px auto 20px;display:grid;position:relative}.picnic-blanket{z-index:-1;background-color:#fff1cc;background-image:repeating-linear-gradient(0deg,#0000 0 32px,#c9795c38 32px 64px),repeating-linear-gradient(90deg,#0000 0 32px,#c9795c38 32px 64px);border:7px solid #fff3d7;border-radius:40% 35% 20px 30px;position:absolute;inset:40% 0 0;transform:rotate(-2deg);box-shadow:0 9px #a9774830}.picnic-dragon-space{aspect-ratio:1;justify-self:center;width:min(100%,300px);position:relative}.picnic-dragon{background:0 0;border:0;padding:0;position:absolute;inset:0}.picnic-dragon-art{pointer-events:none;filter:drop-shadow(0 8px 7px #37533330);transform-origin:50% 90%;background:url(/art/picnic-dragon.png) 0 0/200% 200% no-repeat;position:absolute;inset:0}.picnic-pose-apple{background-position:100% 0;animation:.55s ease-in-out 3 picnic-nibble}.picnic-pose-water{background-position:0 100%;animation:1.6s ease-in-out picnic-sip}.picnic-pose-satisfied{background-position:100% 100%;animation:.7s ease-out picnic-content}.picnic-pose-wave{background-image:url(/art/forest-dragon.png);background-position:100% 100%;transform:translate(-1.12%,4.15%)}.picnic-food-space{align-self:end;align-items:flex-end;gap:24px;min-width:0;margin-bottom:8px;display:flex}.picnic-gifts{border:0;flex-shrink:0;gap:24px;min-width:0;margin:0;padding:0;display:flex}.picnic-basket{border:0;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;align-items:center;gap:24px;min-width:0;margin:0;padding:0;display:grid}.picnic-has-gift .picnic-basket{grid-template-columns:1fr;max-width:188px}.picnic-item{color:#39543e;touch-action:none;background:#fff8e6;border:3px solid #fff8e6;border-radius:45% 43% 22px 24px;flex-direction:column;align-items:stretch;padding:8px 8px 10px;transition:transform .2s;display:flex;position:relative;box-shadow:0 6px #a57f5740}.picnic-item:active{transform:translateY(3px)}.picnic-item.is-named{background-color:#ffe6bc;border-color:#bc7546}.picnic-item-art{aspect-ratio:1;pointer-events:none;background:-webkit-image-set(url(/art/picnic-items.avif) 1x type("image/avif"),url(/art/picnic-items.png) 1x type("image/png")) 0 0/200% 100% no-repeat;background:image-set("/art/picnic-items.avif" 1x type("image/avif"),"/art/picnic-items.png" 1x type("image/png")) 0 0/200% 100% no-repeat;border-radius:40%;width:100%;display:block}.picnic-item-water .picnic-item-art{background-position:100% 0}.picnic-item-name{padding:3px 0;font-size:18px;font-weight:850;line-height:1.4}.picnic-item.is-given{width:112px;min-width:64px;box-shadow:none;background:0 0;border:0;border-radius:40%;padding:0}.picnic-item.is-given .picnic-item-art{transform-origin:0 0}.picnic-item.is-given.is-named .picnic-item-art{filter:brightness(1.15)}.picnic-helped{outline-offset:6px;outline:5px solid #69844e}.picnic-clue{color:#fffdf3;background:#69844e;border-radius:50%;width:42px;height:42px;padding:6px;position:absolute;top:-15px;right:-10px}.picnic-controls{max-width:960px}@media (min-width:800px) and (min-height:601px) and (orientation:landscape){.picnic-scene{height:calc(100svh - 294px);min-height:0}.picnic-stage{min-height:0}}@keyframes picnic-nibble{50%{transform:translateY(2px)rotate(-1deg)}}@keyframes picnic-sip{35%,65%{transform:rotate(-3deg)}}@keyframes picnic-content{50%{transform:scale(1.025)}}@media (max-width:900px) and (orientation:portrait){.picnic-scene{padding:28px 5% 34px}.picnic-stage{grid-template-columns:1fr;gap:0;margin-top:0}.picnic-dragon-space{width:min(64%,340px)}.picnic-food-space{align-self:auto;width:min(82%,430px);margin:24px auto}.picnic-blanket{inset:42% 0 0}}@media (max-width:600px){.picnic-scene{border-radius:22px;min-height:calc(100svh - 126px);padding:24px 5% 28px}.picnic-caption{padding:10px 12px;font-size:14px}.picnic-stage{margin-bottom:20px}.picnic-dragon-space{width:min(69%,300px)}.picnic-food-space{width:91%}.picnic-item-name{font-size:15px}.picnic-item.is-given{width:80px}.picnic-controls{gap:10px}}@media (max-height:600px) and (orientation:landscape){.picnic-scene{border-radius:22px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(190px,.75fr) minmax(0,1.4fr);gap:10px 18px;min-height:calc(100svh - 88px);padding:14px 18px;display:grid}.picnic-caption{justify-content:flex-start;margin:0;padding:8px 10px;font-size:14px;line-height:1.35}.picnic-stage{grid-area:1/2;grid-template-columns:.75fr 1.25fr;gap:12px;margin:0}.picnic-basket{gap:12px;padding:0}.picnic-item{padding:6px}.picnic-item-name{font-size:14px}.picnic-item.is-given{width:64px}.picnic-controls{flex-wrap:nowrap;grid-column:1/-1;gap:10px}}@media (prefers-reduced-motion:reduce){.picnic-item{transition:none}.picnic-item.is-given,.picnic-dragon-art{animation:none}}