.picnic-card{max-width:1250px;margin:0 auto 25px;border:3px solid #586e4c;border-radius:9px;background:#fff2d4;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1fr);overflow:hidden;box-shadow:4px 5px 0 #bbc7a0}.picnic-card>canvas{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;image-rendering:pixelated;background:#c7d8b3}.picnic-card>div{padding:18px 23px}.picnic-card h2{font:500 30px/1.12 var(--pixel);color:#35543c;margin:4px 0 10px}.picnic-card p:not(.eyebrow){font:14px/1.5 'Trebuchet MS',sans-serif;color:#4a613f}.picnic-card .picnic-status{font-size:12px!important;margin-top:8px}.picnic-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.picnic-controls{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px;padding:10px;background:#e5e9c5;border:1px solid #a1b082;border-radius:6px}.picnic-controls .secondary{flex:1;min-width:120px;font-size:13px}.picnic-controls button[aria-pressed=true]{background:#bed59d;border-color:#4b7841}.picnic-controls button:disabled{opacity:.57}.picnic-controls p{flex-basis:100%;font:700 12px/1.4 'Trebuchet MS',sans-serif;color:#3f6240;margin:0}.story-screen[data-adventure=true] .story-bubble{top:18%;left:51%}.story-screen[data-catch=true] .story-bubble{display:none}.story-screen[data-catch=true] .story-view canvas{cursor:pointer;touch-action:manipulation}.story-screen[data-adventure=true] .story-line{min-height:0}.picnic-postcard{width:100%;height:auto;aspect-ratio:16/9;display:block;image-rendering:pixelated;border:5px solid #fbefcc;outline:2px solid #90a271;margin:14px 0}
@media(max-width:680px){.picnic-card{grid-template-columns:115px minmax(0,1fr);margin-bottom:20px}.picnic-card>canvas{min-height:185px}.picnic-card>div{padding:12px}.picnic-card h2{font-size:24px}.picnic-card p:not(.eyebrow){font-size:12px}.picnic-card .eyebrow{font-size:8px;letter-spacing:.7px}.picnic-card .picnic-status{font-size:10px!important}.picnic-links{gap:6px;margin-top:9px}.picnic-links button{font-size:11px;min-height:38px}.picnic-controls{padding:7px;gap:6px}.picnic-controls .secondary{font-size:11px;min-width:90px;min-height:39px}.story-screen[data-adventure=true] .story-dialogue{max-height:55dvh}.story-screen[data-adventure=true] .story-face{padding:2px}.story-screen[data-adventure=true] .story-bubble{top:24%;font-size:12px}}
@media(max-height:520px) and (min-width:600px){.picnic-controls{padding:4px;margin:6px 0;gap:5px}.picnic-controls .secondary{min-height:32px;font-size:11px}.picnic-controls p{font-size:10px}.story-screen[data-adventure=true] .story-dialogue{max-height:48dvh}}
.lesson-picker+.picnic-card{margin-top:25px}.picnic-card[data-locked=true]{border-color:#9ba789;background:#e5e8d4;box-shadow:4px 5px 0 #c5ccaf}.picnic-card[data-locked=true]>canvas{filter:grayscale(.65);opacity:.65}.picnic-card[data-locked=true] .primary{opacity:.6;cursor:not-allowed}