.picnic-page{background:#fbf4e7;color:#345344}.picnic-page h1 span{color:#da8e55}.picnic-page .primary{background:#466a4d;box-shadow:0 4px #2e4a33}.picnic-page button[aria-pressed=true]{background:#48694e}.picnic-scene{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#d8ece5 0 49%,#c1d9b6 50% 72%,#adc895 73%);border:1px solid #d0ddc2;border-radius:30px;min-height:450px;display:grid;grid-template-columns:1fr 1.1fr;gap:16px;padding:30px}.garden-sun{position:absolute;width:95px;height:95px;background:#ffe6a0;box-shadow:0 0 0 18px #ffeda444;left:55%;top:36px;border-radius:50%;z-index:-2}.garden-cloud{position:absolute;top:40px;width:120px;height:28px;background:#fff9e9a1;border-radius:40px;z-index:-1}.garden-cloud:before{content:"";position:absolute;width:55px;height:50px;left:25px;bottom:0;border-radius:50%;background:inherit}.cloud-one{left:30px;top:100px}.cloud-two{right:35px;top:60px;transform:scale(.8)}.garden-hills{position:absolute;inset:48% -10% -20%;background:#b8d1a4;border-radius:50% 50% 0 0;z-index:-1;transform:rotate(-5deg)}.milo-zone{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;position:relative}.milo-speech{position:relative;background:#fffcf1;border:1px solid #d1d7bb;border-radius:20px;padding:14px 20px;max-width:330px;font-size:14px;text-align:center;line-height:1.55;box-shadow:0 4px #3149300c}.milo-speech:after{content:"";position:absolute;bottom:-10px;left:50%;border-top:10px solid #fffcf1;border-right:9px solid transparent;border-left:9px solid transparent}#milo{width:min(100%,280px);overflow:visible}.milo-name{font-size:11px;color:#425f40;letter-spacing:.5px;margin-top:-5px}.milo-tail{transform-origin:208px 277px;animation:fox-wag 4s ease-in-out infinite}.milo-head{transform-origin:156px 185px;transition:transform .3s}.milo-eyes{transform-origin:center 130px;animation:fox-blink 6s infinite}.milo-tasting .milo-head{animation:fox-nibble .4s 3}.milo-playing .milo-body,.milo-playing .milo-head{animation:fox-stretch 1s 2}.milo-full .milo-head{transform:rotate(5deg)}.picnic-table{align-self:end;text-align:center;background:repeating-linear-gradient(0deg,#fff7e8aa 0 24px,#eabca766 24px 48px),repeating-linear-gradient(90deg,#fff7e8 0 24px,#e5ad92 24px 48px);padding:24px 20px;border:7px solid #fff5de;border-radius:24px;box-shadow:0 10px #9f84675e}.picnic-table .overline{color:#6b6956}.picnic-plate{margin:12px auto;min-height:160px;max-width:310px;border:13px solid #fdfbf0;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:13px;background:#f4eee0;box-shadow:inset 0 2px 10px #7c8e7026,0 4px 10px #66543a25}.picnic-plate button{border:1px dashed #b7c4a4;background:#fff5;border-radius:50%;font-size:36px;min-height:66px;padding:2px}.picnic-plate button.filled{border:0;background:transparent}.picnic-plate button:hover{background:#fff9ed}#plate-hint{font-size:12px;color:#5c684e}.picnic-care{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.picnic-care button{font-size:12px;background:#fff9ec;padding:10px}.food-panel,.discovery-panel{background:#fffdf4;border:1px solid #e1e4cc;border-radius:24px;padding:26px;margin-top:24px}#picnic-status{font-size:14px;color:#587052;min-height:24px}.food-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:20px}.food-card{padding:16px 8px 13px;border-radius:18px;display:flex;align-items:center;flex-direction:column;gap:12px;min-height:125px;background:linear-gradient(#f7f6e6,#fffdf3);box-shadow:0 4px #d7debe;font-size:12px;font-weight:600;border-color:#d5ddc0}.food-card:nth-child(4n+2){background:linear-gradient(#eee6f1,#fffaf4)}.food-card:nth-child(4n+3){background:linear-gradient(#f7e6c3,#fffaf2)}.food-card:nth-child(4n){background:linear-gradient(#dcebd7,#fffaf2)}.food-card>span{font-size:42px;line-height:1.2}.food-card:active{transform:translateY(3px);box-shadow:none}.food-card small{font-size:10px;color:#65785a;font-weight:400}.discovery-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.discovery-badges>div{border:1px dashed #b9c9a6;border-radius:17px;padding:16px 8px;text-align:center;background:#f6f5e9;font-size:12px;line-height:1.6}.discovery-badges .discovered{background:#e0edcf;border:1px solid #a5be8e}.discovery-badges span{display:block;font-size:26px;margin-bottom:5px}.food-hero{font-size:80px;display:block;text-align:center;margin:10px}.food-tags{color:#68805e;font-size:12px;text-align:center}.food-actions,.cue-choices{display:flex;flex-wrap:wrap;gap:9px}.food-actions button{flex:1;min-width:140px;font-size:13px}#food-detail h2{text-align:center}#food-feedback{min-height:45px;color:#3f683d;font-size:14px}.cue-choices{margin:16px 0}.cue-choices button{flex:1;min-width:120px;font-size:13px}#food-detail-content>p:not(.food-tags){font-size:15px}@keyframes fox-wag{50%{transform:rotate(7deg)}}@keyframes fox-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes fox-nibble{50%{transform:rotate(-5deg) translateY(3px)}}@keyframes fox-stretch{50%{transform:translateY(-12px)}}@media(max-width:700px){.picnic-scene{padding:22px 14px;grid-template-columns:1fr;gap:20px}.milo-zone{display:grid;grid-template-columns:1fr 1fr;align-items:center}.milo-speech{font-size:13px;padding:14px}.milo-speech:after{display:none}#milo{width:170px;max-width:100%}.milo-name{grid-column:1/-1;text-align:center;margin:0}.picnic-table{padding:16px 12px}.picnic-plate{min-height:130px;max-width:250px;margin:0 auto}.picnic-plate button{min-height:45px;font-size:29px}.food-panel,.discovery-panel{padding:22px 15px}.food-grid{grid-template-columns:repeat(3,1fr);gap:9px}.food-card{font-size:11px;padding:13px 5px;min-height:118px}.food-card>span{font-size:37px}.discovery-badges{grid-template-columns:repeat(2,1fr)}.food-actions button{min-width:110px}.garden-sun{left:45%}.picnic-scene{min-height:0}}@media(prefers-reduced-motion:reduce){.milo-tail,.milo-eyes,.milo-head,.milo-body{animation:none!important;transition:none!important}}.picnic-scene{overflow:clip}.milo-snack{position:absolute;font-size:34px;left:calc(50% - 27px);bottom:90px;pointer-events:none;filter:drop-shadow(0 2px 2px #392d3322)}@media(max-width:700px){.milo-snack{font-size:24px;left:75%;bottom:62px}}