.picnic-shell{display:flex;min-height:100svh;align-items:center;justify-content:center;padding:72px 12px 22px;color:#493459;background:radial-gradient(circle at 12% 18%,rgba(107,220,255,.34),transparent 27%),radial-gradient(circle at 88% 72%,rgba(255,174,210,.28),transparent 29%),linear-gradient(180deg,#c9f2ff,#f1ecff 56%,#d8f3b7);font-family:var(--font-nunito),ui-rounded,"Arial Rounded MT Bold",sans-serif}.picnic-shell,.picnic-window{position:relative;overflow:hidden}.picnic-window{width:min(1180px,100%);height:clamp(620px,calc(100svh - 128px),790px);border:6px solid rgba(255,255,255,.96);border-radius:38px;isolation:isolate;background:#bcecff;box-shadow:0 12px 0 #76ad88,0 26px 58px rgba(45,86,75,.28)}.picnic-window .g1-parallax{z-index:-5}.picnic-lighting{position:absolute;z-index:-3;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(56,124,184,.12),transparent 29%),radial-gradient(ellipse at 50% 72%,rgba(255,248,191,.28),transparent 54%)}.picnic-game{position:relative;z-index:5;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:14px 18px 13px}.picnic-hud{display:grid;grid-template-columns:minmax(0,1fr) auto 58px;align-items:center;gap:clamp(12px,2vw,24px);min-height:76px;padding:9px 13px 9px 17px;border-radius:27px;color:#fff;background:linear-gradient(105deg,rgba(58,140,150,.88),rgba(197,91,145,.82));box-shadow:0 13px 28px rgba(49,83,89,.24),inset 0 1px rgba(255,255,255,.47);backdrop-filter:blur(13px) saturate(1.16)}.picnic-title{display:flex;min-width:0;align-items:center;gap:12px}.picnic-title>span{display:grid;width:49px;height:49px;flex:0 0 auto;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ffe787,#f38a8f);box-shadow:inset 0 3px 4px rgba(255,255,255,.67),0 6px 12px rgba(85,47,69,.3);font-size:29px}.picnic-title h1,.picnic-title p{margin:0}.picnic-title p{color:#fff1aa;font-size:12px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase}.picnic-title h1{overflow:hidden;margin-top:1px;font-size:clamp(17px,2vw,24px);font-weight:1000;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px rgba(54,45,77,.53)}.picnic-progress{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.4)}.picnic-progress svg{width:clamp(20px,2.3vw,27px);height:clamp(20px,2.3vw,27px);filter:drop-shadow(0 3px 2px rgba(66,45,79,.3))}.picnic-progress svg.is-filled{color:#ffe56d;fill:currentColor;animation:picnic-star-pop .42s ease both}.picnic-progress strong{min-width:42px;margin-left:3px;font-size:14px;font-weight:1000}.picnic-sound{display:grid;width:54px;height:54px;cursor:pointer;place-items:center;border:0;border-radius:19px;color:#fff;background:linear-gradient(145deg,#7ee7f3,#4da9bd);box-shadow:inset 0 3px 3px rgba(255,255,255,.62),0 6px 0 #307a8c,0 10px 18px rgba(47,70,88,.25);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;touch-action:manipulation}.picnic-sound:hover{filter:brightness(1.08);transform:translateY(-2px)}.picnic-sound:active{transform:translateY(4px);box-shadow:inset 0 3px 3px rgba(255,255,255,.5),0 2px 0 #307a8c}.picnic-sound svg{width:27px;height:27px;stroke-width:3}.picnic-stage{position:relative;display:grid;grid-template-rows:minmax(90px,.62fr) minmax(260px,2.2fr) minmax(122px,.95fr);min-height:0;padding:7px clamp(22px,4.5vw,58px) 0}.picnic-equation{z-index:4;display:grid;align-self:center;justify-items:center;color:#fff;text-align:center;filter:drop-shadow(0 5px 6px rgba(55,62,89,.34))}.picnic-equation strong{color:#fff8a7;font-size:clamp(42px,6vw,67px);font-weight:1000;line-height:1;letter-spacing:.025em;text-shadow:0 4px 0 #a76465,0 0 18px rgba(255,246,167,.9),0 8px 20px rgba(53,51,91,.28)}.picnic-equation span{margin-top:5px;font-size:clamp(17px,2vw,23px);font-weight:1000;text-shadow:0 3px 0 #527278,0 0 12px rgba(53,99,105,.68)}.picnic-basket-scene{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;align-items:end;gap:clamp(18px,3vw,42px);padding:8px clamp(28px,5vw,68px) 2px}.picnic-basket{position:relative;width:min(100%,250px);aspect-ratio:1;justify-self:center;filter:drop-shadow(0 15px 11px rgba(78,59,43,.27));transform-origin:50% 92%}.picnic-basket-back,.picnic-basket-front{position:absolute!important;inset:0;width:100%;height:100%}.picnic-basket-back{z-index:1}.picnic-basket-front{z-index:3;transform:translateY(9%)}.picnic-fruit-layer{position:absolute;z-index:2;inset:0}.picnic-fruit{position:absolute!important;width:clamp(56px,6.7vw,84px);aspect-ratio:1;filter:drop-shadow(0 7px 4px rgba(83,49,35,.34))}.picnic-fruit.is-front-row{z-index:2}.picnic-fruit.is-back-row{z-index:1}.picnic-basket-count{position:absolute;z-index:5;top:2%;left:4%;display:grid;width:clamp(46px,5.2vw,62px);aspect-ratio:1;place-items:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 32% 25%,#ffbdcd,#e65d86 58%,#a53662);box-shadow:inset 0 4px rgba(255,255,255,.6),0 5px 0 #8e3356,0 10px 13px rgba(68,42,53,.24);font-size:clamp(25px,3.2vw,38px);font-weight:1000;text-shadow:0 3px 0 #983857}.picnic-answer-area{position:relative;z-index:5;display:grid;grid-template-rows:auto minmax(0,1fr);align-items:center;padding:3px clamp(70px,10vw,135px) 0}.picnic-feedback{min-height:25px;margin:0 0 6px;color:#fff;font-size:clamp(14px,1.7vw,19px);font-weight:1000;text-align:center;text-shadow:0 3px 0 #4e6e74,0 0 10px rgba(42,81,83,.65)}.picnic-feedback.is-correct{color:#d4ffe4}.picnic-feedback.is-wrong{color:#ffe0e8}.picnic-choices{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:clamp(12px,2vw,24px)}.picnic-choice{display:grid;min-height:78px;cursor:pointer;place-items:center;border:0;border-radius:24px;color:#4f416c;background:linear-gradient(155deg,#fffef7,#f2e9ff);box-shadow:inset 0 3px rgba(255,255,255,.95),0 7px 0 #9d8ac4,0 12px 16px rgba(69,54,76,.2);font-size:clamp(31px,4.5vw,46px);font-weight:1000;line-height:1;text-shadow:0 2px rgba(255,255,255,.72);transition:filter .16s ease,box-shadow .16s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.picnic-choice:hover:not(:disabled){filter:brightness(1.04);box-shadow:inset 0 3px rgba(255,255,255,.95),0 7px 0 #9d8ac4,0 0 0 5px rgba(255,238,125,.78),0 13px 17px rgba(69,54,76,.2)}.picnic-choice:disabled{cursor:default}.picnic-choice.is-right{color:#fff;background:linear-gradient(155deg,#6ee0a2,#31ad71);box-shadow:inset 0 3px rgba(255,255,255,.62),0 7px 0 #1b7049,0 0 23px rgba(82,255,170,.92);text-shadow:0 3px 0 #1b7049}.picnic-choice.is-wrong{color:#fff;background:linear-gradient(155deg,#ff9bb0,#dd5c7c);box-shadow:inset 0 3px rgba(255,255,255,.6),0 7px 0 #8c3452;text-shadow:0 3px 0 #8c3452}.picnic-choice:focus-visible,.picnic-sound:focus-visible{outline:5px solid #ffe66d;outline-offset:4px}@keyframes picnic-star-pop{0%{transform:scale(.45) rotate(-20deg)}70%{transform:scale(1.24) rotate(8deg)}}@media (max-width:900px){.picnic-shell{padding:66px 8px 14px}.picnic-window{height:clamp(610px,calc(100svh - 90px),770px);border-width:5px;border-radius:32px}.picnic-game{padding:10px}.picnic-stage{grid-template-rows:minmax(84px,.62fr) minmax(250px,2.1fr) minmax(116px,.92fr);padding-right:10px;padding-left:10px}.picnic-basket-scene{gap:9px;padding-right:20px;padding-left:20px}.picnic-answer-area{padding-right:45px;padding-left:45px}}@media (max-width:700px){.picnic-shell{padding:58px 4px 8px}.picnic-window{height:calc(100svh - 70px);min-height:600px;border-width:4px;border-radius:25px}.picnic-game{padding:7px}.picnic-hud{grid-template-columns:minmax(0,1fr) auto 47px;min-height:64px;gap:7px;padding:7px 8px;border-radius:21px}.picnic-title{gap:7px}.picnic-title>span{width:42px;height:42px;border-radius:15px;font-size:24px}.picnic-title p{font-size:9px;letter-spacing:.08em}.picnic-title h1{font-size:14px}.picnic-progress{gap:1px}.picnic-progress svg{width:15px;height:15px}.picnic-progress strong{display:none}.picnic-sound{width:44px;height:44px;border-radius:15px}.picnic-sound svg{width:23px;height:23px}.picnic-stage{grid-template-rows:minmax(76px,.64fr) minmax(230px,2fr) minmax(175px,1.25fr);padding:3px 3px 0}.picnic-equation strong{font-size:clamp(34px,10.7vw,47px)}.picnic-equation span{margin-top:3px;font-size:14px}.picnic-basket-scene{gap:0;padding:2px 0 3px}.picnic-basket{width:min(100%,180px)}.picnic-fruit{width:clamp(38px,11.5vw,55px)}.picnic-basket-count{width:clamp(38px,10vw,48px);font-size:clamp(22px,7vw,30px)}.picnic-answer-area{padding:1px 12px 0}.picnic-feedback{margin-bottom:5px;font-size:13px}.picnic-choices{grid-template-columns:repeat(2,minmax(82px,1fr));gap:9px 13px}.picnic-choice{min-height:65px;font-size:clamp(29px,9vw,38px)}}@media (max-width:430px){.picnic-title>span{display:none}.picnic-progress svg{width:14px;height:14px}.picnic-basket-count{top:0;left:1%}.picnic-answer-area{padding-right:6px;padding-left:6px}}@media (max-height:690px) and (min-width:701px){.picnic-window{height:calc(100svh - 86px);min-height:540px}.picnic-hud{min-height:66px}.picnic-stage{grid-template-rows:74px minmax(220px,1fr) 108px}.picnic-basket{width:min(100%,205px)}.picnic-equation strong{font-size:clamp(38px,5.5vw,58px)}.picnic-fruit{width:clamp(38px,4.7vw,54px)}.picnic-choice{min-height:68px}}@media (prefers-reduced-motion:reduce){.picnic-progress svg.is-filled,.picnic-window .g1-parallax-layer{animation:none!important}}