.pop-game{max-width:560px;margin-inline:auto}.pop-game .pop-topline{justify-content:space-between;align-items:center;gap:8px;min-height:60px;display:flex}.pop-game .pop-topline .game-toolbar,.pop-game .pop-topline .game-stats{flex-wrap:nowrap;gap:8px;margin:0}.pop-game .pop-topline .game-button{min-height:44px}.pop-game .pop-play{flex:0 0 100px;width:100px}.pop-game .pop-restart{flex:0 0 76px;width:76px}.pop-game .game-stats{min-width:108px;padding-bottom:18px;position:relative}.pop-game .pop-combo{color:#52644e;text-align:center;white-space:nowrap;width:100%;font-size:11px;font-weight:800;line-height:16px;position:absolute;bottom:0;left:0}.pop-game .pop-board{aspect-ratio:1;width:100%;max-width:min(540px, 100%, max(240px, calc(var(--play-height,100vh) - 218px)));isolation:isolate;background-color:#d2a269;background-image:radial-gradient(at 86% 12%,#ecc89780 0 8%,#0000 9%),radial-gradient(at 14% 82%,#0000 0 28%,#9d6a3940 29% 30%,#0000 31% 35%,#efd0a34d 36% 38%,#0000 39%),linear-gradient(154deg,#eac48e 0%,#cf995c 43%,#bf854e 100%);border:2px solid #76502e;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4%;padding:3%;display:grid;position:relative;box-shadow:inset 0 2px #ffdfaa,inset 0 -7px #9a653e,0 4px #67492f}.pop-game .pop-board:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(174deg,#0000 0 18%,#81522b10 19% 20%,#0000 21% 28%);border-radius:40% 45% 44% 28%;position:absolute;inset:2% 4%}.pop-game .pop-burrow{isolation:isolate;aspect-ratio:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:13px;width:100%;min-width:44px;min-height:44px;padding:0;position:relative}.pop-game .pop-burrow[aria-disabled=true]{cursor:default}.pop-game .pop-opening{aspect-ratio:320/135;pointer-events:none;background:radial-gradient(#46301d 0 56%,#a87540 58% 70%,#f4cc8c 72% 80%,#966336 82%);border-radius:50%;width:96%;position:absolute;bottom:8%;left:2%}.pop-game[data-opening-art=ready] .pop-opening{background:var(--pop-opening) center / contain no-repeat;border-radius:0}.pop-game .pop-mouth{pointer-events:none;position:absolute;inset:0 8% 20%;overflow:hidden}.pop-game .pop-actor{aspect-ratio:1;opacity:0;transition:transform .13s ease-out;position:absolute;bottom:-30%;left:0;right:0;transform:translateY(58%)}.pop-game .is-active .pop-actor,.pop-game .is-preview .pop-actor{opacity:1;transform:translateY(0)}.pop-game .pop-visitor{object-fit:contain;pointer-events:none;width:100%;height:100%}.pop-game:not([data-frog-art=ready]) .pop-visitor{visibility:hidden}.pop-game .pop-fallback{background:#96c93f;border:2px solid #31472d;border-radius:43% 43% 48% 48%;display:none;position:absolute;inset:24% 14% 10%;box-shadow:inset 0 -14px #e7e7a4}.pop-game:not([data-frog-art=ready]) .pop-fallback{display:block}.pop-game .pop-fallback i{background:#fff6d8;border:2px solid #31472d;border-radius:50%;width:28%;height:42%;position:absolute;top:-16%;left:7%}.pop-game .pop-fallback i:nth-child(2){left:auto;right:7%}.pop-game .pop-fallback i:after{content:"";background:#223144;border-radius:50%;width:42%;height:60%;position:absolute;top:15%;right:10%}.pop-game .pop-fallback b{border-bottom:2px solid #31472d;border-radius:50%;height:14%;position:absolute;top:42%;left:22%;right:22%}.pop-game .pop-lip{aspect-ratio:320/77;z-index:2;clip-path:polygon(0 0,15% 32%,50% 60%,85% 32%,100% 0,99% 75%,82% 93%,50% 100%,18% 93%,1% 75%);pointer-events:none;background:linear-gradient(#f1c183,#b37b40);border-radius:10% 10% 50% 50%;width:96%;position:absolute;bottom:8%;left:2%}.pop-game[data-lip-art=ready] .pop-lip{background:var(--pop-lip) center / contain no-repeat;clip-path:none;border-radius:0}.pop-game .pop-number{color:#483721;z-index:3;pointer-events:none;background:#ffe6b7;border:1px solid #88613a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid;position:absolute;top:3%;left:2%;box-shadow:inset 0 1px #fff3d6}.pop-game .pop-response{color:#223144;z-index:4;pointer-events:none;background:#fff2d5;border-radius:8px;min-width:32px;padding:1px 5px;font-size:15px;font-weight:900;line-height:22px;position:absolute;top:35%;left:50%;transform:translate(-50%)}.pop-game .pop-response:empty{display:none}.pop-game .is-greeted .pop-actor{opacity:1;animation:.35s ease-out both pop-caught}.pop-game .is-greeted .pop-opening{filter:brightness(1.12)}.pop-game .is-greeted .pop-response{top:-8%;left:78%}.pop-game .is-missed .pop-opening{outline-offset:1px;border-radius:50%;outline:2px solid #aa6345}.pop-game .is-missed .pop-response{color:#87492f;font-size:12px}@keyframes pop-caught{0%{transform:translateY(0)}35%{transform:translateY(-4%)}to{opacity:0;transform:translateY(58%)}}.pop-game .pop-burrow:focus-visible{outline-offset:-2px;outline:3px dashed #263a31}.pop-game .pop-board[data-phase=paused] .pop-actor{transition:none;animation:none}.pop-game .pop-board[data-phase=paused] .pop-number{opacity:.65}@media (max-width:380px){.pop-game .pop-play{flex-basis:86px;width:86px;padding-inline:7px}.pop-game .pop-restart{flex-basis:64px;width:64px;padding-inline:6px;font-size:12px}.pop-game .pop-topline .game-toolbar{gap:6px}.pop-game .pop-topline .game-stats{gap:6px;min-width:108px}.pop-game .pop-number{width:20px;height:20px;font-size:11px}.pop-game .pop-board{border-radius:19px}}@media (prefers-reduced-motion:reduce){.pop-game .pop-actor{transition:none}.pop-game .is-greeted .pop-actor{opacity:0;animation:none}}