#ppl-garden{--ink:light-dark(#203376,#e7edff);--muted:light-dark(#637293,#becee9);--paper:light-dark(#fffdf4,#202e4b);--panel:light-dark(#ffffff,#2a3b5c);--purple:light-dark(#7941dc,#c9a3ff);--purple-ink:light-dark(#ffffff,#281345);--line:light-dark(#e5dff4,#526184);--green:light-dark(#1c7755,#a5edc6);--orange:light-dark(#a64f20,#ffc295);--world:url('../images/garden-v225/garden-v2.webp');--kitten:url('../images/garden-v225/kitten-v2.webp');font:700 18px/1.4 'Nunito',ui-rounded,'Trebuchet MS',sans-serif;color:var(--ink);color-scheme:light dark;width:100%} #ppl-garden *{box-sizing:border-box} #ppl-garden [hidden]{display:none!important} #ppl-garden .pl-variant{padding:12px 8px 16px;min-height:750px} #ppl-garden .pl-app{max-width:850px;margin:auto;border-radius:30px;overflow:hidden;background:var(--paper);box-shadow:0 12px 34px #173c7026;border:3px solid var(--panel)} #ppl-garden .pl-header{height:73px;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(110deg,light-dark(#0cb9f4,#0876a7),light-dark(#058de9,#185e9a));color:#fff} #ppl-garden .pl-brand{display:flex;align-items:center;gap:12px;min-width:0} #ppl-garden .pl-avatar{width:47px;height:49px;background:#fff4b3 var(--kitten) center 3px/42px auto no-repeat;border-radius:15px;border:2px solid #ffffffc9;flex:none} #ppl-garden .pl-brand small{font-size:12px;letter-spacing:1.6px;display:block;color:#d7f7ff} #ppl-garden h2{font:900 25px/1.15 'Nunito',sans-serif;margin:2px 0 0;letter-spacing:-.6px;color:#fff} #ppl-garden button,#ppl-garden select{font:inherit} #ppl-garden button:focus-visible,#ppl-garden select:focus-visible{outline:3px solid #ffbf26;outline-offset:4px} #ppl-garden .pl-counter{display:flex;align-items:center;gap:7px;color:#fff;border-radius:16px;padding:8px 11px;border:1px solid #ffffff8c;background:#ffffff1c;font-size:14px;white-space:nowrap} #ppl-garden .pl-counter b{font-weight:900} #ppl-garden .pl-world{height:448px;position:relative;isolation:isolate;background:#a8dce7 var(--world) center 60%/cover no-repeat;overflow:hidden} #ppl-garden [data-engine=position] .pl-world{background-position:center 58%} #ppl-garden .pl-world:before{content:'';position:absolute;inset:0;background:linear-gradient(#14507e0a 5%,transparent 65%,#214f881c);z-index:-1} #ppl-garden .pl-task{position:absolute;top:18px;left:20px;right:20px;z-index:12;display:flex;align-items:center;gap:12px;justify-content:center;min-height:59px;background:light-dark(#ffffffef,#233658f2);border:2px solid light-dark(#ffffff,#9bb5d1);border-radius:19px;box-shadow:0 6px 0 #266a851c;padding:12px 17px} #ppl-garden .pl-question{font-size:27px;line-height:1.2;font-weight:900;margin:0;color:var(--ink);text-align:center} #ppl-garden .pl-mode{position:absolute;top:92px;right:22px;z-index:13;display:flex;gap:5px;align-items:center;background:var(--panel);border:2px solid var(--line);padding:3px 8px;border-radius:12px;box-shadow:0 4px 12px #25476720} #ppl-garden .pl-mode select{background:transparent;color:var(--ink);border:0;min-height:34px;font-size:14px;font-weight:800;max-width:105px} #ppl-garden .pl-dots{display:flex;gap:7px;align-items:center;justify-content:center;height:21px} #ppl-garden .pl-dot{width:8px;height:8px;border-radius:50%;background:light-dark(#dcd4ed,#596a88)} #ppl-garden .pl-dot.current{width:23px;border-radius:6px;background:var(--purple)} #ppl-garden .pl-dot.done{background:var(--green)} #ppl-garden .pl-picture{position:absolute;inset:0;pointer-events:none} #ppl-garden .pl-scene{height:100%;width:100%;position:relative;isolation:isolate} #ppl-garden .pl-art{position:absolute;width:320px;height:275px;left:calc(50% - 160px);bottom:18px;filter:drop-shadow(0 8px 4px #18445420)} #ppl-garden .pl-platform{position:absolute;left:calc(50% - 159px);bottom:12px;width:318px;height:70px;background:linear-gradient(#f9d98e,#cf914b);border:3px solid #9d6f3d;border-radius:50%;box-shadow:inset 0 -14px #bd803c,0 9px 0 #4e886d35;z-index:0} #ppl-garden .pl-platform:before{content:'';position:absolute;left:5px;right:5px;top:3px;height:46px;border-radius:50%;background:repeating-linear-gradient(0deg,#f4d093 0 12px,#e5b675 13px 15px);border:1px solid #bc8d54} #ppl-garden .pl-cat{position:absolute;width:148px;height:180px;left:86px;top:68px;z-index:3;background:var(--kitten) center bottom/contain no-repeat;transition:top .45s ease,left .45s ease,transform .3s ease} #ppl-garden .pl-box{position:absolute;width:172px;height:95px;left:74px;top:169px;z-index:4;filter:drop-shadow(0 5px 3px #79522338)} #ppl-garden .pl-box-top{position:absolute;top:-10px;left:-8px;right:-8px;height:34px;border:3px solid #936137;border-radius:50%;background:radial-gradient(ellipse,#6e4937,#a47851);box-shadow:inset 0 5px 0 #d8a36d} #ppl-garden .pl-box-front{position:absolute;inset:10px 0 0;border:3px solid #936137;border-radius:6px 6px 17px 17px;background:linear-gradient(105deg,#efc08c,#d89b63 55%,#c58a52);box-shadow:inset 5px 3px 0 #ffdda3,inset -8px 0 #b47b4533} #ppl-garden .pl-box-front:before{content:'';position:absolute;left:68px;top:0;bottom:0;width:26px;background:linear-gradient(90deg,#f3d69b,#e4ba78);border-inline:1px solid #ba915f} #ppl-garden .pl-box-front:after{content:'';position:absolute;left:18px;bottom:17px;width:23px;height:14px;border:2px solid #ad7446;border-radius:3px;transform:rotate(-6deg);opacity:.6} #ppl-garden .pl-scene[data-relation=on] .pl-cat{top:-9px;z-index:5} #ppl-garden .pl-scene[data-relation=on] .pl-box-top{z-index:5;background:linear-gradient(10deg,#d6a269,#ffe0ad);box-shadow:inset 0 3px 0 #ffe9bf} #ppl-garden .pl-scene[data-relation=under] .pl-cat{top:92px;z-index:5} #ppl-garden .pl-scene[data-object=table] .pl-box{top:77px;height:182px;z-index:4} #ppl-garden .pl-scene[data-object=table] .pl-box-front{top:4px;bottom:auto;height:27px;border-radius:5px 5px 9px 9px;background:linear-gradient(#dbab72,#aa713d)} #ppl-garden .pl-scene[data-object=table] .pl-box-top{top:-8px;height:23px;border-radius:7px;background:linear-gradient(#ffe1aa,#e8bb7c);z-index:6} #ppl-garden .pl-scene[data-object=table] .pl-box:before,#ppl-garden .pl-scene[data-object=table] .pl-box:after{content:'';position:absolute;top:22px;bottom:0;width:16px;background:linear-gradient(90deg,#a87644,#d2a66b,#956738);border:2px solid #8b6039;border-radius:0 0 6px 6px;left:7px;z-index:-1} #ppl-garden .pl-scene[data-object=table] .pl-box:after{left:auto;right:7px} #ppl-garden .pl-scene[data-object=table] .pl-box-front:before,#ppl-garden .pl-scene[data-object=table] .pl-box-front:after{display:none} #ppl-garden .pl-noun{position:absolute;bottom:-2px;left:0;right:0;text-align:center;color:#725135;font-size:14px;text-shadow:0 1px #fff4b2;font-weight:900;z-index:10} #ppl-garden .pl-scene[data-relation=waiting] .pl-cat{left:-47px;top:89px;z-index:8} #ppl-garden .pl-pickcat{position:absolute;left:-47px;top:89px;width:148px;height:180px;pointer-events:auto;background:transparent;border:2px dashed transparent;border-radius:20px;z-index:9;touch-action:none} #ppl-garden .pl-pickcat[aria-pressed=true]{border-color:#7d42dc;box-shadow:0 0 0 4px #fff8} #ppl-garden .pl-placement{position:absolute;border:2px dashed #905be4;background:var(--panel);color:var(--ink);border-radius:14px;padding:9px 15px;font-size:20px;z-index:10;pointer-events:auto;min-height:46px;box-shadow:0 4px 0 #58329530} #ppl-garden .pl-placement[data-place=on]{top:1px;left:135px} #ppl-garden .pl-placement[data-place=in]{top:148px;right:-55px} #ppl-garden .pl-placement[data-place=under]{bottom:0;left:119px} #ppl-garden .pl-answerdeck{padding:12px 22px 17px;background:var(--paper);border-top:3px solid var(--panel)} #ppl-garden .pl-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 10px} #ppl-garden .pl-word{min-height:61px;font-size:28px;font-weight:900;line-height:1.1;color:#373778;background:linear-gradient(#fff68f,#ffda3f);border:2px solid #e7b33a;border-bottom:5px solid #d39a21;border-radius:17px;box-shadow:inset 0 2px 0 #fffbc6;transition:transform .18s ease} #ppl-garden .pl-word:hover:not(:disabled){transform:translateY(-2px)} #ppl-garden .pl-word.correct{background:linear-gradient(#d6ffc7,#8fe09e);color:#145238;border-color:#4b9f6b} #ppl-garden .pl-word.wrong{border-color:#d89755} #ppl-garden .pl-word:disabled{opacity:.55} #ppl-garden .pl-word.correct:disabled{opacity:1} #ppl-garden .pl-sentence{font-size:22px;font-weight:800;line-height:1.35;text-align:center;margin:5px 0 12px;color:var(--ink);min-height:34px} #ppl-garden mark{background:light-dark(#ffec9c,#766226);color:var(--ink);padding:2px 9px;border-radius:8px} #ppl-garden .pl-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:5px;min-height:50px} #ppl-garden .pl-feedback{font-size:15px;line-height:1.3;color:var(--muted);margin:0;max-width:75%} #ppl-garden .pl-feedback.success{color:var(--green)} #ppl-garden .pl-feedback.error{color:var(--orange)} #ppl-garden .pl-next{background:linear-gradient(light-dark(#a165ef,#d6afff),light-dark(#7941d5,#ae7ae8));color:var(--purple-ink);border:1px solid light-dark(#7543c5,#e5c9ff);border-bottom:4px solid light-dark(#5931a0,#754ca6);border-radius:15px;padding:10px 17px;min-height:47px;white-space:nowrap;font-size:16px;font-weight:900;flex:none} #ppl-garden .pl-next:disabled{background:light-dark(#e8e6ef,#3e4d67);color:var(--muted);border:1px solid var(--line)} #ppl-garden .pl-clue{position:absolute;left:23px;top:99px;width:204px;height:180px;border:3px solid #fff;border-radius:22px;background:linear-gradient(#fff4d2,#f7deb1);box-shadow:0 7px 0 #224a741e;z-index:8;overflow:hidden} #ppl-garden .pl-clue .pl-art{bottom:-1px;left:calc(50% - 160px);transform:scale(.6);transform-origin:center bottom} #ppl-garden .pl-clue .pl-platform{bottom:0;width:200px;height:40px;left:calc(50% - 100px);border:0;background:#e9c58a;box-shadow:none} #ppl-garden .pl-clue .pl-platform:before{display:none} #ppl-garden .pl-clue .pl-noun{display:none} #ppl-garden .pl-looklabel{position:absolute;top:8px;left:10px;right:10px;z-index:9;font-size:12px;letter-spacing:.5px;color:#6e5531;text-transform:uppercase;font-weight:900} #ppl-garden .pl-pond,#ppl-garden .pl-bubbles{position:absolute;inset:0} #ppl-garden .pl-fish{position:absolute;top:157px;right:19%;width:158px;height:77px;border:3px solid #8b6236;border-bottom-width:5px;border-radius:50%;background:radial-gradient(ellipse at 40% 22%,#fff4bd,#ffd274 55%,#eba84a);box-shadow:inset 0 4px 0 #fff7d6,inset 0 -8px 0 #e29f3650,0 8px 0 #076f8524;z-index:10;color:#433256;font-size:29px;font-weight:900;transform:rotate(-5deg);transition:transform .45s ease} #ppl-garden .pl-fish:before{content:'';position:absolute;width:37px;height:43px;left:-31px;top:15px;background:linear-gradient(#ffe0a3,#edb058);border:3px solid #8b6236;border-radius:7px;clip-path:polygon(0 0,100% 32%,100% 70%,0 100%);z-index:-1} #ppl-garden .pl-fish:after{content:'';position:absolute;right:13px;top:16px;width:10px;height:13px;background:#343553;border-radius:50%;box-shadow:0 -1px 0 4px #fff8e8} #ppl-garden .pl-fish:nth-of-type(2){top:282px;right:8%;background:radial-gradient(ellipse at 40% 20%,#ffe7f5,#f4a2cb 55%,#d77ca8);border-color:#8b577d;transform:rotate(5deg)} #ppl-garden .pl-fish:nth-of-type(3){top:337px;right:37%;background:radial-gradient(ellipse at 40% 20%,#e2fff3,#95e0c0 55%,#61bb9f);border-color:#417d79;transform:rotate(-4deg)} #ppl-garden .pl-fish.caught{transform:translateY(-65px) rotate(-16deg);box-shadow:0 0 0 5px #fff8ba,0 14px 12px #07667e33} #ppl-garden .pl-fish:disabled{opacity:.62} #ppl-garden .pl-fish.caught:disabled{opacity:1} #ppl-garden .pl-hook{position:absolute;top:127px;left:34%;width:2px;height:110px;background:#715441;z-index:9;transition:left .4s ease,height .4s ease;pointer-events:none} #ppl-garden .pl-hook:after{content:'';position:absolute;width:14px;height:17px;border:3px solid #715441;border-top:0;border-radius:0 0 10px 10px;bottom:-13px;left:-2px} #ppl-garden .pl-basket{position:absolute;left:40px;bottom:35px;font-size:50px;filter:drop-shadow(0 5px 2px #7c583833);z-index:7;user-select:none} #ppl-garden [data-engine=bubbles] .pl-world:after{content:'';position:absolute;inset:0;background:linear-gradient(#f4e1ff1c,#ad9aef24);pointer-events:none;z-index:-1} #ppl-garden .pl-target{position:absolute;top:113px;right:18%;width:122px;height:122px;border:3px solid #ffffffd9;border-radius:50%;background:radial-gradient(circle at 31% 22%,#fffffff5,#edd9ff8a 25%,#bd8dedcc 72%,#8954b4e0);box-shadow:inset -8px -10px 9px #7c49c34d,inset 4px 5px 5px #ffffffa1,0 8px 12px #25426830;z-index:9;color:#422a77;font-size:29px;font-weight:900;transition:transform .25s ease,opacity .25s ease;backdrop-filter:blur(2px)} #ppl-garden .pl-target:before{content:'';position:absolute;width:35px;height:16px;border-radius:50%;background:#ffffffe0;top:17px;left:15px;transform:rotate(-35deg)} #ppl-garden .pl-target:nth-of-type(2){top:265px;right:7%;background:radial-gradient(circle at 31% 22%,#fffffff5,#d2faff8a 25%,#7fe0edcc 72%,#4aa4c5e0);color:#225873} #ppl-garden .pl-target:nth-of-type(3){top:306px;right:37%;background:radial-gradient(circle at 31% 22%,#fffffff5,#fff6d18a 25%,#f6cd71cc 72%,#dfa93fe0);color:#6d4624} #ppl-garden .pl-target.popped{transform:scale(1.45);opacity:0;pointer-events:none} #ppl-garden .pl-launcher{position:absolute;bottom:14px;left:44%;width:79px;height:38px;border-radius:22px 22px 12px 12px;background:linear-gradient(#9671e6,#7044b4);border:3px solid #5b3d98;box-shadow:inset 0 3px #c7afff,0 6px 0 #4c437f38;z-index:6} #ppl-garden .pl-launcher:before{content:'';position:absolute;width:29px;height:48px;left:23px;top:-35px;border:3px solid #5b3d98;border-radius:14px 14px 5px 5px;background:linear-gradient(90deg,#a481ea,#d1b4ff,#8559c6);transform:rotate(13deg);transform-origin:bottom center} #ppl-garden .pl-launcher:after{content:'';position:absolute;width:26px;height:13px;left:31px;top:-35px;border:4px solid #d8c2ff;border-radius:50%;background:#685090;transform:rotate(13deg)} #ppl-garden .pl-projectile{position:absolute;left:calc(44% + 30px);bottom:70px;width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#c8a5f099);z-index:10;pointer-events:none;box-shadow:0 0 12px #ffffffa0} #ppl-garden.pl-reduced *{animation:none!important;transition:none!important} @media(max-width:570px){#ppl-garden .pl-variant{padding:8px 1px 14px;min-height:745px}#ppl-garden .pl-app{border-radius:24px;border-width:2px}#ppl-garden .pl-header{height:64px;padding:9px 13px;gap:7px}#ppl-garden .pl-avatar{width:39px;height:43px;background-size:35px}#ppl-garden h2{font-size:21px}#ppl-garden .pl-brand{gap:8px}#ppl-garden .pl-brand small{font-size:10px;letter-spacing:1px}#ppl-garden .pl-counter{font-size:12px;padding:7px 9px}#ppl-garden .pl-world{height:423px;background-position:47% 60%}#ppl-garden .pl-task{top:13px;left:11px;right:11px;padding:10px 8px;min-height:59px;border-radius:16px}#ppl-garden .pl-question{font-size:23px}#ppl-garden .pl-mode{top:84px;right:13px;padding:1px 5px}#ppl-garden .pl-mode select{font-size:12px;max-width:90px;min-height:36px}#ppl-garden .pl-art{transform:scale(.9);transform-origin:center bottom;bottom:17px}#ppl-garden .pl-platform{width:280px;left:calc(50% - 140px);bottom:10px}#ppl-garden .pl-clue{left:12px;top:88px;width:143px;height:154px;border-radius:16px}#ppl-garden .pl-clue .pl-art{transform:scale(.47);bottom:-1px}#ppl-garden .pl-clue .pl-platform{width:145px;left:calc(50% - 72.5px);height:33px;bottom:0}#ppl-garden .pl-looklabel{font-size:10px;top:6px;left:8px}#ppl-garden .pl-fish{width:125px;height:67px;top:156px;right:5%;font-size:24px}#ppl-garden .pl-fish:nth-of-type(2){top:274px;right:6%}#ppl-garden .pl-fish:nth-of-type(3){top:341px;right:42%}#ppl-garden .pl-fish:after{right:11px;width:7px;height:10px}#ppl-garden .pl-fish:before{width:29px;height:36px;left:-23px;top:13px}#ppl-garden .pl-hook{top:254px;left:21%}#ppl-garden .pl-basket{bottom:104px;left:17px;font-size:43px}#ppl-garden .pl-target{width:98px;height:98px;top:130px;right:7%;font-size:24px}#ppl-garden .pl-target:nth-of-type(2){top:269px;right:5%}#ppl-garden .pl-target:nth-of-type(3){top:309px;right:49%}#ppl-garden .pl-target:before{top:14px;left:11px;width:25px;height:11px}#ppl-garden .pl-launcher{left:43%;bottom:13px;transform:scale(.84);transform-origin:bottom center}#ppl-garden .pl-answerdeck{padding:10px 13px 13px}#ppl-garden .pl-word{font-size:25px;min-height:57px;border-radius:14px}#ppl-garden .pl-choices{gap:8px}#ppl-garden .pl-sentence{font-size:20px;margin:5px 0 9px;min-height:54px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:4px}#ppl-garden .pl-feedback{font-size:13px;max-width:68%}#ppl-garden .pl-next{padding:10px 13px;font-size:14px}#ppl-garden .pl-placement[data-place=in]{right:-5px}#ppl-garden .pl-scene[data-relation=waiting] .pl-cat,#ppl-garden .pl-pickcat{left:-12px;width:124px}#ppl-garden .pl-placement[data-place=on]{left:136px}#ppl-garden .pl-placement[data-place=under]{left:120px}} #ppl-garden .pl-noun{display:none} #ppl-garden .pl-clue .pl-art{transform:scale(.53)} #ppl-garden .pl-fish{top:218px} #ppl-garden .pl-fish:nth-of-type(2){top:303px} #ppl-garden .pl-fish:nth-of-type(3){top:352px} #ppl-garden .pl-rod{position:absolute;left:23%;top:247px;width:154px;height:6px;border:1px solid #80532c;background:linear-gradient(#f1c58d,#9d6635);border-radius:6px;transform:rotate(-54deg);transform-origin:left center;z-index:9;pointer-events:none} @media(max-width:570px){#ppl-garden .pl-clue .pl-art{transform:scale(.43)}#ppl-garden .pl-looklabel{font-size:11px}#ppl-garden .pl-fish{top:220px}#ppl-garden .pl-fish:nth-of-type(2){top:292px}#ppl-garden .pl-fish:nth-of-type(3){top:341px}#ppl-garden .pl-rod{left:25%;top:302px;width:60px;transform:rotate(-56deg)}} @media(prefers-reduced-motion:reduce){#ppl-garden *{animation:none!important;transition:none!important}} #ppl-garden{padding:14px 12px 24px;font-family:inherit;box-sizing:border-box} #ppl-garden .pl-variant{padding:0;min-height:0} #ppl-garden .pl-app{max-width:960px} #ppl-garden .garden-return{width:44px;height:44px;border:1px solid #ffffffa0;border-radius:13px;background:#ffffffed;color:#263a7a;font:800 23px/1 system-ui;flex:none} #ppl-garden .pl-brand{flex:1} #ppl-garden .pl-header{height:auto;min-height:73px} #ppl-garden .garden-retry{background:var(--panel);color:var(--ink);border:2px solid var(--line);border-radius:12px;padding:9px 12px;min-height:44px;margin-top:7px;font-size:15px} #ppl-garden .pl-noun{display:none} #ppl-garden .pl-clue .pl-art{transform:scale(.53)} #ppl-garden .pl-fish{top:218px} #ppl-garden .pl-fish:nth-of-type(2){top:303px} #ppl-garden .pl-fish:nth-of-type(3){top:352px} #ppl-garden h2{font-family:inherit} #ppl-garden .pl-world{height:clamp(340px,calc(100dvh - 430px),448px)} #ppl-garden .pl-art{transform:scale(.82);transform-origin:center bottom;bottom:12px} #ppl-garden .pl-clue{height:150px} #ppl-garden .pl-clue .pl-art{transform:scale(.44);bottom:-1px} #ppl-garden .pl-fish{top:calc(100% - 220px);height:68px;width:145px} #ppl-garden .pl-fish:nth-of-type(2){top:calc(100% - 135px)} #ppl-garden .pl-fish:nth-of-type(3){top:calc(100% - 75px)} #ppl-garden .pl-target{top:90px} #ppl-garden .pl-target:nth-of-type(2){top:calc(100% - 145px)} #ppl-garden .pl-target:nth-of-type(3){top:calc(100% - 130px)} .ppl-premium-gamepicture.garden-menu-art{background:#a8dce7 url('../images/garden-v225/garden-v2.webp') center/cover!important;position:relative} .ppl-premium-gamepicture.garden-menu-art .ppl-v210-gameart{object-fit:contain!important;object-position:center bottom!important;height:90%!important;width:70%!important;margin:0 auto!important;position:absolute!important;bottom:0!important;left:15%!important;filter:drop-shadow(0 6px 5px #26366536)} .garden-menu-label{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;color:#263a7a;background:#fff9dfeb;border:2px solid white;border-radius:12px;padding:5px;font-size:18px;font-weight:800;z-index:3} .ppl-premium-game9 .garden-menu-art .ppl-v210-gameart,.ppl-premium-game10 .garden-menu-art .ppl-v210-gameart{width:48%!important;left:0!important} .ppl-premium-game9 .garden-menu-art:before{content:'under';position:absolute;top:34%;right:6%;width:48%;height:27%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 20%,#ffe7f5,#f4a2cb 60%,#d77ca8);color:#58375f;border:3px solid #8b577d;border-radius:50%;font-size:22px;font-weight:800;z-index:2;transform:rotate(-8deg)} .ppl-premium-game10 .garden-menu-art:before{content:'on';position:absolute;top:17%;right:9%;width:84px;height:84px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,white,#d6bdff99,#b983e6aa);color:#4a317e;border:3px solid #ffffffe0;border-radius:50%;box-shadow:inset -5px -6px 3px #925cca66;font-size:25px;font-weight:800;z-index:2} @media(max-width:570px){#ppl-garden{padding:8px 4px 18px}#ppl-garden .pl-header{gap:7px;padding-inline:9px}#ppl-garden .pl-avatar{display:none}#ppl-garden .pl-clue .pl-art{transform:scale(.43)}#ppl-garden .pl-fish{top:220px}#ppl-garden .pl-fish:nth-of-type(2){top:292px}#ppl-garden .pl-fish:nth-of-type(3){top:341px}#ppl-garden h2{font-size:21px}} @media(max-width:570px){#ppl-garden .pl-clue{height:132px;top:86px}#ppl-garden .pl-clue .pl-art{transform:scale(.39)}#ppl-garden .pl-fish{top:calc(100% - 220px);width:125px;height:67px}#ppl-garden .pl-fish:nth-of-type(2){top:calc(100% - 135px)}#ppl-garden .pl-fish:nth-of-type(3){top:calc(100% - 75px)}#ppl-garden .pl-target{top:90px}#ppl-garden .pl-target:nth-of-type(2){top:calc(100% - 145px)}#ppl-garden .pl-target:nth-of-type(3){top:calc(100% - 115px)}} /* v2.0.26: complete educational illustrations make containment and support explicit. */ #ppl-garden .pl-in-box-art,#ppl-garden .pl-on-box-art{display:none;position:absolute;inset:0;background-position:center bottom;background-size:contain;background-repeat:no-repeat;z-index:7} #ppl-garden .pl-in-box-art{background-image:url('../images/garden-v225/cat-in-box-v226.webp')} #ppl-garden .pl-on-box-art{background-image:url('../images/garden-v225/cat-on-box-v226.webp')} #ppl-garden .pl-scene[data-relation=in] .pl-in-box-art,#ppl-garden .pl-scene[data-relation=on] .pl-on-box-art{display:block} #ppl-garden .pl-scene[data-relation=in] .pl-cat,#ppl-garden .pl-scene[data-relation=in] .pl-box,#ppl-garden .pl-scene[data-relation=on] .pl-cat,#ppl-garden .pl-scene[data-relation=on] .pl-box{display:none} /* Empty target in Place mode is a carton with straight faces, never an oval container. */ #ppl-garden .pl-scene[data-relation=waiting][data-object=box] .pl-box{top:143px;width:176px;height:122px;left:72px;filter:drop-shadow(3px 5px 2px #79522330)} #ppl-garden .pl-scene[data-relation=waiting][data-object=box] .pl-box-top{left:0;right:0;top:-15px;height:45px;border:3px solid #8d613c;border-radius:2px;background:#79583e;transform:skewY(-6deg);box-shadow:inset 0 5px #c99b6b;z-index:2} #ppl-garden .pl-scene[data-relation=waiting][data-object=box] .pl-box-front{inset:19px 0 0;border-radius:1px 1px 4px 4px;background:linear-gradient(100deg,#d9ad7b,#c59562);border-color:#8d613c;box-shadow:inset 3px 0 #edcba1,inset -16px 0 #a4774855} #ppl-garden .pl-scene[data-relation=waiting][data-object=box] .pl-box-front:before{left:68px;width:23px;background:#e6ca9b;border-color:#bc9664} #ppl-garden .pl-scene[data-relation=waiting][data-object=box] .pl-box-front:after{left:-22px;top:-31px;width:59px;height:31px;border:2px solid #9b7046;border-radius:1px;background:#d6ab78;transform:rotate(-24deg);opacity:1;clip-path:polygon(0 10%,100% 0,93% 100%,18% 96%)} #ppl-garden .pl-scene[data-relation=waiting][data-target=on] .pl-box-top{background:linear-gradient(110deg,#ebcd9e,#d9b180);box-shadow:inset 0 3px #f5dfbb} #ppl-garden .pl-scene[data-relation=waiting][data-target=on] .pl-box-front:after{display:none} /* v2.0.27: match the third relationship and empty targets to the illustrated set. */ #ppl-garden .pl-under-art{display:none;position:absolute;inset:0;background:url('../images/garden-v225/cat-under-table-v227.webp') center bottom/contain no-repeat;z-index:7} #ppl-garden .pl-scene[data-relation=under] .pl-under-art{display:block} #ppl-garden .pl-scene[data-relation=under] .pl-cat,#ppl-garden .pl-scene[data-relation=under] .pl-box{display:none} #ppl-garden .pl-empty-box-art{display:none;position:absolute;left:104px;top:105px;width:202px;height:160px;background-position:center bottom;background-repeat:no-repeat;background-size:contain;z-index:4} #ppl-garden .pl-scene[data-relation=waiting][data-object=box] .pl-box{display:none} #ppl-garden .pl-scene[data-relation=waiting][data-target=in] .pl-empty-box-art{display:block;background-image:url('../images/garden-v225/empty-open-box-v227.webp')} #ppl-garden .pl-scene[data-relation=waiting][data-target=on] .pl-empty-box-art{display:block;background-image:url('../images/garden-v225/empty-closed-box-v227.webp')}