.picnic-game{background:#fffbef;border:1px solid #d9dfca;border-radius:24px;overflow:hidden;color:#34584c;box-shadow:0 10px 32px #375f4810}
.picnic-game .arcade-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#f0f4e6;border-bottom:1px solid #dce4d1;position:sticky;top:0;z-index:3}
.picnic-game .arcade-bar>div{display:flex;gap:6px;flex-wrap:wrap}.picnic-game .round-label{font-weight:800;font-size:12px}.picnic-game .control{min-height:44px;font-size:12px;padding:8px 12px}.picnic-game button:focus-visible,.picnic-scene:focus-visible,.picnic-scene [tabindex]:focus-visible{outline:3px solid #2c77b8;outline-offset:3px}.picnic-game button:disabled{opacity:.45;cursor:default}.picnic-game button[hidden]{display:none}
.picnic-game .play-companion{margin:8px 12px}.picnic-title{font-size:22px;letter-spacing:-.5px;margin:12px 18px 3px}.picnic-hint{font-size:12px;margin:0 18px 9px;color:#627969}.picnic-stage{padding:0 8px;touch-action:pan-y;user-select:none}.picnic-scene{width:100%;height:auto;display:block;overflow:hidden;border-radius:20px;touch-action:none}.picnic-name{font:700 15px system-ui;fill:#3f6450;paint-order:stroke;stroke:#f2f6e5;stroke-width:6px}
.coverage-footprint{fill:#658e9e;fill-opacity:.09;stroke:#537f83;stroke-width:2.5;stroke-dasharray:6 5}.roof-top{fill-opacity:.42;stroke-linejoin:round}.roof-supports{pointer-events:none}.picnic-roof{cursor:grab}.picnic-roof:active{cursor:grabbing}.roof-handle{fill:#fff9df;stroke:#6e7e64;stroke-width:2}.roof-number{font:800 17px system-ui;fill:#426653;pointer-events:none}.selected-roof .coverage-footprint{stroke:#276e9d;stroke-width:4}.selected-roof .roof-handle{fill:#dff3fb;stroke:#276e9d;stroke-width:3}.placement-preview{pointer-events:none;opacity:.45}.placement-preview .roof-top{stroke-dasharray:7 5}.food-verdict{font:900 28px system-ui;fill:#518b67;paint-order:stroke;stroke:#fffae8;stroke-width:6px}.picnic-food.wet .food-verdict,.picnic-food.partial .food-verdict{fill:#3685bb}.picnic-food.wet rect,.picnic-food.partial rect{fill:#dceef4}.picnic-food[role=button]{cursor:pointer}.picnic-payoff text{font:800 25px system-ui;fill:#3f6850;paint-order:stroke;stroke:#fbfae4;stroke-width:8px}
.picnic-tools{display:flex;gap:8px;justify-content:center;margin:4px 14px 8px}.cover-choice{flex:1;max-width:180px;min-width:0;border:2px solid #d2dbc4;border-radius:15px;padding:6px 5px;background:#fffdf5;cursor:pointer;color:#496753;font:700 12px system-ui;min-height:70px}.cover-choice svg{display:block;width:65px;height:34px;margin:auto;fill:#c7d6ac;stroke:#58765c;stroke-width:3}.cover-choice[data-tool=umbrella] svg{fill:#f1ce70}.cover-choice[data-tool=canopy] svg{fill:#d1abc9}.cover-choice.chosen{background:#e2f0ef;border-color:#387d83;box-shadow:0 0 0 2px #fff inset}.picnic-slots{display:flex;justify-content:center;gap:7px;margin:5px 10px}.picnic-slots [aria-pressed=true]{background:#dbeef2;border-color:#3c7c97;color:#305e77}
.picnic-placement{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:4px 12px}.picnic-placement .movement-buttons{display:flex;gap:4px}.picnic-game .movement-buttons button{font-size:18px;min-width:44px;padding:6px}.picnic-main-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 12px}.picnic-main-actions .btn{min-height:48px;font-size:15px;padding:12px 22px}.picnic-status{min-height:56px;margin:8px 14px;padding:12px 15px;border-radius:13px;background:#eef3e4;font-size:14px;line-height:1.5}.picnic-won .picnic-status{background:#dcefdc}.picnic-bottom{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 12px 14px}.picnic-bottom .btn{font-size:13px;min-height:44px;padding:10px 16px}.picnic-game .picnic-free-tools{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:7px}.picnic-free-tools[hidden]{display:none}.picnic-help{margin:10px 16px;font-size:12px;line-height:1.6}.picnic-help summary{min-height:36px;cursor:pointer;font-weight:700}.picnic-help p{margin:5px 0}.picnic-subnote{font-size:11px;text-align:center;color:#76816b;padding:0 12px 12px;margin:0}
.rain-drop{stroke:#568db5;stroke-width:3;stroke-linecap:round;animation:picnic-rain .65s ease-in 1 both}.rain-splash{fill:#85afc4;animation:picnic-splash .35s ease-out 1 both}.is-raining .picnic-clouds{fill:#c7d6d8}.picnic-won .actor-pip{animation:picnic-happy .55s ease-in-out 2;transform-origin:140px 187px}.picnic-won .actor-dot{animation:picnic-happy .55s .15s ease-in-out 2;transform-origin:659px 187px}
@keyframes picnic-rain{from{transform:translateY(calc(-1 * var(--fall)));opacity:0}20%{opacity:.8}95%{opacity:.7}to{transform:translateY(0);opacity:0}}
@keyframes picnic-splash{from{opacity:0;transform:translateY(-3px)}40%{opacity:.7}to{opacity:0;transform:translateY(2px)}}
@keyframes picnic-happy{0%,100%{transform:rotate(0)}50%{transform:rotate(-3deg)}}
@media(max-width:760px){.picnic-game .play-companion{margin:6px}.picnic-title{font-size:20px;margin-left:12px}.picnic-hint{margin-left:12px;font-size:11px}.picnic-game .arcade-bar{padding:8px 10px}.picnic-game .arcade-bar .control{font-size:11px}.picnic-status{font-size:13px;margin:8px 10px}.picnic-tools{gap:5px;margin:5px 8px}.cover-choice{font-size:11px}.picnic-stage{padding:0 3px}.picnic-placement{padding:4px 6px;gap:4px}.picnic-game .control{padding:7px 9px}.picnic-game .movement-buttons button{padding:5px;min-width:44px}.picnic-bottom .control{font-size:11px}}
@media(prefers-reduced-motion:reduce){.picnic-game *{animation:none!important;transition:none!important}.rain-drop{opacity:.7}.rain-splash{display:none}}

/* Keep the scene and its controls close together on a wide hub. */
.picnic-stage{max-width:670px;margin-inline:auto}.picnic-game .play-companion{grid-template-columns:34px minmax(0,1fr) auto;padding:8px 10px;gap:7px}.picnic-game .companion-avatar img{width:30px;height:44px}.picnic-game .companion-actions{display:flex;flex-direction:row;gap:5px;grid-column:auto}.picnic-game .companion-actions .control{font-size:11px;padding:7px 9px}.picnic-game .companion-copy strong{font-size:11px}.picnic-game .voice-caption{font-size:11px;line-height:1.4}.picnic-game .audio-note{font-size:9px}.picnic-game .audio-settings{grid-column:2 / -1}.picnic-free-tools button[aria-pressed=true]{background:#dbeef2;border-color:#3c7c97}
@media(max-width:480px){.picnic-game .play-companion{grid-template-columns:30px minmax(0,1fr)}.picnic-game .companion-actions{grid-column:1 / -1;justify-content:flex-end}.picnic-game .audio-settings{grid-column:1 / -1}.picnic-title{font-size:18px}.picnic-status{min-height:50px}}
.picnic-game .voice-waves{right:0;bottom:-2px;width:30px;max-width:30px;padding:0 2px;font-size:7px;letter-spacing:0;line-height:10px;text-align:center}