.menu-button-icon{position:absolute;top:20px;right:20px;width:54px;height:54px;border:none;background:transparent;cursor:pointer;padding:0;z-index:1000;transition:all .2s ease;outline:none}.menu-button-icon:hover{transform:scale(1.05)}.menu-button-icon:active{transform:scale(.95)}.menu-button-icon svg{width:100%;height:100%;display:block}@media (max-width: 768px){.menu-button-icon{top:15px;right:15px;width:50px;height:50px}}@media (hover: none) and (pointer: coarse){.menu-button-icon:hover{transform:none}}.menu-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:100}.menu-buttons{display:flex;flex-direction:column;gap:16px;pointer-events:auto;height:95%;justify-content:flex-end}.menu-button{width:250px;height:50px;border:3px solid #052d44;border-radius:12px;font-family:Lilita One,Arial,sans-serif;font-size:22px;cursor:pointer;transition:all .2s ease;position:relative;outline:none;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-button:before{content:"";position:absolute;top:8px;left:12px;width:8px;height:3px;background:#ffffffe6;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.start-button{background-color:#ffc90b;color:#052d44;box-shadow:0 2px #052d44,0 4px 8px #052d444d}.start-button:hover{background-color:#ffb800;transform:translateY(-1px);box-shadow:0 3px #052d44,0 6px 12px #052d4466}.start-button:active{transform:translateY(1px);box-shadow:0 1px #052d44,0 2px 4px #052d444d}.how-to-play-button{background-color:#fff;color:#052d44;box-shadow:0 2px #052d44,0 4px 8px #052d444d;font-size:20px}.how-to-play-button:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 3px #052d44,0 6px 12px #052d4466}.how-to-play-button:active{transform:translateY(1px);box-shadow:0 1px #052d44,0 2px 4px #052d444d}.how-to-play-screen{background:url('data:image/svg+xml;utf8,<svg width="1180" height="425" viewBox="0 0 1180 425" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.3194 71.66C61.4608 29.474 36.8239 -7.74242 0 1.39278V338.126C36.4653 346.572 52.0347 322.841 54.4931 299.945C54.4931 299.945 216.333 346.755 206.5 364.884C196.667 383.013 396.838 420.628 521.167 424.827C650.797 429.205 724.711 348.619 851.403 382.367C900.16 395.355 958.065 353.796 1018.98 369.879C1073.98 384.401 1088.82 308.684 1112.81 315.43C1135.96 321.944 1173.91 346.837 1180 335.911V59.6713C1153 56.5 1101 110.5 1118 150.086C1126.39 169.618 1103.5 128.5 1066.51 150.086C1042.5 164.095 1055.31 205.054 1046.43 188.55C1020.62 140.595 968.174 220.52 894.833 198.041C835.743 179.93 810.111 232.021 749.382 226.015C683.44 219.493 663.943 149.587 597.785 149.587C546.569 149.587 548.709 182.107 521.576 163.573C463.806 124.111 412.554 130.236 351.542 149.587C299.531 166.082 237.229 242.999 237.229 242.999C206.5 163.573 126.194 149.087 86.8611 168.069C103.25 83.1492 79.8958 57.1737 30.3194 71.66Z" fill="%23A0C8E9"/></svg>') no-repeat center center;background-size:cover;background-color:#80b5e2;flex-direction:column;padding:20px;overflow-y:auto}@media (max-width: 768px){.how-to-play-screen{background:url('data:image/svg+xml;utf8,<svg width="375" height="518" viewBox="0 0 375 518" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.9408 84.6525C80.9438 29.0498 44.9377 -9.84568 0 2.19482V446.021C44.5 457.152 70.5 446.021 73.5 415.843C73.5 415.843 331.5 457.864 319.5 481.758C307.5 505.652 376 517.5 376 517.5V266.5C376 255.5 345 238.5 336 280.5C254.335 165.833 219.394 199.468 126.368 229.152C159.684 94.7031 119.372 89.1645 42.9408 84.6525Z" fill="%2380B5E2"/></svg>') no-repeat center top;background-size:100% auto;background-color:#80b5e2}}.instructions-content{display:flex;flex-direction:column;align-items:center;gap:15px;margin:70px 0 30px;flex:1;padding:0;width:100%}.how-to-play-footer{display:flex;justify-content:center;margin-bottom:30px;padding:0 20px}@media (min-width: 769px){.instructions-content{flex-direction:row;justify-content:center;align-items:flex-start;gap:60px;max-width:1200px;margin:80px auto 40px;padding:0 40px}.how-to-play-footer{padding:0}}.close-button{position:absolute;top:20px;right:20px;width:50px;height:50px;border:3px solid #052d44;border-radius:50%;background-color:#ffc90b;color:#052d44;font-family:Lilita One,Arial,sans-serif;font-size:24px;font-weight:700;cursor:pointer;transition:all .2s ease;outline:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #052d44,0 4px 8px #052d444d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.close-button:hover{background-color:#ffb800;transform:translateY(-1px);box-shadow:0 3px #052d44,0 6px 12px #052d4466}.close-button:active{transform:translateY(1px);box-shadow:0 1px #052d44,0 2px 4px #052d444d}.how-to-play-content{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.start-button-howto{width:200px;height:50px;border:3px solid #052d44;border-radius:12px;background-color:#ffc90b;color:#052d44;font-family:Lilita One,Arial,sans-serif;font-size:22px;cursor:pointer;transition:all .2s ease;position:relative;outline:none;overflow:hidden;box-shadow:0 2px #052d44,0 4px 8px #052d444d;text-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.start-button-howto:before{content:"";position:absolute;top:8px;left:12px;width:8px;height:3px;background:#ffffffe6;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.start-button-howto:hover{background-color:#ffb800;transform:translateY(-1px);box-shadow:0 3px #052d44,0 6px 12px #052d4466}.start-button-howto:active{transform:translateY(1px);box-shadow:0 1px #052d44,0 2px 4px #052d444d}@media (max-width: 768px){.menu-button{width:280px;height:55px;font-size:24px}.how-to-play-button{font-size:22px}.close-button{top:15px;right:15px;width:45px;height:45px;font-size:20px}.how-to-play-content{margin-bottom:30px}.start-button-howto{width:220px;height:55px;font-size:24px}}.game-over-screen{background:url('data:image/svg+xml;utf8,<svg width="375" height="518" viewBox="0 0 375 518" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.9408 84.6525C80.9438 29.0498 44.9377 -9.84568 0 2.19482V446.021C44.5 457.152 70.5 446.021 73.5 415.843C73.5 415.843 331.5 457.864 319.5 481.758C307.5 505.652 376 517.5 376 517.5V266.5C376 255.5 345 238.5 336 280.5C254.335 165.833 219.394 199.468 126.368 229.152C159.684 94.7031 119.372 89.1645 42.9408 84.6525Z" fill="%23A0C8E9"/></svg>') no-repeat center top;background-size:100% auto;background-color:#80b5e2!important;flex-direction:column;padding:20px;overflow-y:auto}@media (min-width: 769px){.game-over-screen{background:url('data:image/svg+xml;utf8,<svg width="1180" height="425" viewBox="0 0 1180 425" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.3194 71.66C61.4608 29.474 36.8239 -7.74242 0 1.39278V338.126C36.4653 346.572 52.0347 322.841 54.4931 299.945C54.4931 299.945 216.333 346.755 206.5 364.884C196.667 383.013 396.838 420.628 521.167 424.827C650.797 429.205 724.711 348.619 851.403 382.367C900.16 395.355 958.065 353.796 1018.98 369.879C1073.98 384.401 1088.82 308.684 1112.81 315.43C1135.96 321.944 1173.91 346.837 1180 335.911V59.6713C1153 56.5 1101 110.5 1118 150.086C1126.39 169.618 1103.5 128.5 1066.51 150.086C1042.5 164.095 1055.31 205.054 1046.43 188.55C1020.62 140.595 968.174 220.52 894.833 198.041C835.743 179.93 810.111 232.021 749.382 226.015C683.44 219.493 663.943 149.587 597.785 149.587C546.569 149.587 548.709 182.107 521.576 163.573C463.806 124.111 412.554 130.236 351.542 149.587C299.531 166.082 237.229 242.999 237.229 242.999C206.5 163.573 126.194 149.087 86.8611 168.069C103.25 83.1492 79.8958 57.1737 30.3194 71.66Z" fill="%23A0C8E9"/></svg>') no-repeat center center!important;background-size:cover!important;background-color:#80b5e2!important;padding:40px 20px}}.game-over-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:0 auto;padding:40px 0}.game-over-title{font-family:Lilita One,Arial,sans-serif;font-size:48px;color:#052d44;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.score-display{background-color:#052d44;border-radius:15px;padding:20px 10px 10px;margin-bottom:40px;width:100%;max-width:90%;box-shadow:0 4px 8px #0003}.score-label{font-family:Lilita One,Arial,sans-serif;color:#fff;font-size:30px;text-align:center;margin-bottom:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.score-value{background:linear-gradient(135deg,#b19cd9,#9b7bc7);border-radius:10px;padding:30px 5px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.score-value-inner{background:url('data:image/svg+xml;utf8,<svg width="161" height="53" viewBox="0 0 161 53" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M160.5 8C160.5 3.58172 156.918 0 152.5 0H34.5L48.5 53H152.5C156.918 53 160.5 49.4183 160.5 45L160.5 8Z" fill="white"/><path d="M67.2692 0H8.49999C4.08172 0 0.499992 3.58172 0.499992 8V45C0.499992 49.4183 4.08172 53 8.49999 53H84.5L67.2692 0Z" fill="%23052D44"/></svg>') no-repeat center center;background-size:contain;display:flex;align-items:center;width:200px;height:53px;position:relative}.score-number{font-family:Lilita One,Arial,sans-serif;font-size:24px;font-weight:700;color:#ffc90b;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:25px;top:50%;transform:translateY(-50%);width:60px}.score-text{font-family:Lilita One,Arial,sans-serif;font-size:24px;color:#052d44;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:80px}.game-over-buttons{display:flex;flex-direction:column;gap:15px;width:100%;max-width:250px}.game-over-button{width:100%;height:50px;border:3px solid #052d44;border-radius:12px;font-family:Lilita One,Arial,sans-serif;font-size:20px;cursor:pointer;transition:all .2s ease;outline:none;position:relative;overflow:hidden;box-shadow:0 2px #052d44,0 4px 8px #052d444d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-over-button:before{content:"";position:absolute;top:8px;left:12px;width:8px;height:3px;background:#ffffffe6;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.restart-button{background-color:#ffc90b;color:#052d44}.restart-button:hover{background-color:#ffb800;transform:translateY(-1px);box-shadow:0 3px #052d44,0 6px 12px #052d4466}.restart-button:active{transform:translateY(1px);box-shadow:0 1px #052d44,0 2px 4px #052d444d}.exit-button{background-color:#fff;color:#052d44}.exit-button:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 3px #052d44,0 6px 12px #052d4466}.exit-button:active{transform:translateY(1px);box-shadow:0 1px #052d44,0 2px 4px #052d444d}@media (max-width: 768px){.game-over-title{font-size:64px;margin:0 0 30px}.score-display{padding:20px 10px 10px;margin-bottom:30px}.score-number,.score-text{font-size:26px}.game-over-button{height:55px;font-size:22px}}.game-menu-screen{background:url('data:image/svg+xml;utf8,<svg width="1180" height="425" viewBox="0 0 1180 425" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.3194 71.66C61.4608 29.474 36.8239 -7.74242 0 1.39278V338.126C36.4653 346.572 52.0347 322.841 54.4931 299.945C54.4931 299.945 216.333 346.755 206.5 364.884C196.667 383.013 396.838 420.628 521.167 424.827C650.797 429.205 724.711 348.619 851.403 382.367C900.16 395.355 958.065 353.796 1018.98 369.879C1073.98 384.401 1088.82 308.684 1112.81 315.43C1135.96 321.944 1173.91 346.837 1180 335.911V59.6713C1153 56.5 1101 110.5 1118 150.086C1126.39 169.618 1103.5 128.5 1066.51 150.086C1042.5 164.095 1055.31 205.054 1046.43 188.55C1020.62 140.595 968.174 220.52 894.833 198.041C835.743 179.93 810.111 232.021 749.382 226.015C683.44 219.493 663.943 149.587 597.785 149.587C546.569 149.587 548.709 182.107 521.576 163.573C463.806 124.111 412.554 130.236 351.542 149.587C299.531 166.082 237.229 242.999 237.229 242.999C206.5 163.573 126.194 149.087 86.8611 168.069C103.25 83.1492 79.8958 57.1737 30.3194 71.66Z" fill="%23A0C8E9"/></svg>') no-repeat center center;background-size:cover;background-color:#80b5e2;flex-direction:column;padding:20px;overflow-y:auto}@media (max-width: 768px){.game-menu-screen{background:url('data:image/svg+xml;utf8,<svg width="375" height="518" viewBox="0 0 375 518" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.9408 84.6525C80.9438 29.0498 44.9377 -9.84568 0 2.19482V446.021C44.5 457.152 70.5 446.021 73.5 415.843C73.5 415.843 331.5 457.864 319.5 481.758C307.5 505.652 376 517.5 376 517.5V266.5C376 255.5 345 238.5 336 280.5C254.335 165.833 219.394 199.468 126.368 229.152C159.684 94.7031 119.372 89.1645 42.9408 84.6525Z" fill="%23A0C8E9"/></svg>') no-repeat center top;background-size:100% auto;background-color:#80b5e2}}.game-menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:0;background-color:#052d44;border-radius:20px;box-shadow:0 8px 16px #0000004d;position:relative;overflow:hidden}.game-menu-title{font-family:Lilita One,Arial,sans-serif;font-size:32px;color:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-menu-buttons{display:flex;flex-direction:column;gap:15px;width:100%;max-width:280px}.game-menu-button{width:100%;height:50px;border:3px solid #052d44;border-radius:12px;font-family:Lilita One,Arial,sans-serif;font-size:18px;cursor:pointer;transition:all .2s ease;outline:none;position:relative;overflow:hidden;box-shadow:0 2px #052d44,0 4px 8px #052d444d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-menu-body{background-color:#9d86bb;width:99%;padding:30px;display:flex;justify-content:center;border-radius:8px;margin:8px;max-height:100%;overflow:auto}.game-menu-button:before{content:"";position:absolute;top:8px;left:12px;width:8px;height:3px;background:#ffffffe6;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.start-menu-button{background-color:#ffc90b;color:#052d44}.start-menu-button:hover{background-color:#ffb800;transform:translateY(-1px);box-shadow:0 3px #052d44,0 6px 12px #052d4466}.start-menu-button:active{transform:translateY(1px);box-shadow:0 1px #052d44,0 2px 4px #052d444d}.how-to-play-menu-button,.rating-menu-button,.exit-menu-button{background-color:#fff;color:#052d44}.how-to-play-menu-button:hover,.rating-menu-button:hover,.exit-menu-button:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 3px #052d44,0 6px 12px #052d4466}.how-to-play-menu-button:active,.rating-menu-button:active,.exit-menu-button:active{transform:translateY(1px);box-shadow:0 1px #052d44,0 2px 4px #052d444d}@media (max-width: 768px){.game-menu-content{padding:50px 15px;max-width:90%}.game-menu-title{font-size:28px;margin:0 0 30px}.game-menu-buttons{max-width:100%}.game-menu-button{height:55px;font-size:20px}}@media (hover: none) and (pointer: coarse){.menu-button:hover{transform:none;box-shadow:0 2px #052d44,0 4px 8px #052d444d}.start-button:hover{background-color:#ffc90b}.how-to-play-button:hover{background-color:#fff}.close-button:hover,.start-button-howto:hover,.restart-button:hover{background-color:#ffc90b;transform:none;box-shadow:0 2px #052d44,0 4px 8px #052d444d}.exit-button:hover{background-color:#fff;transform:none;box-shadow:0 2px #052d44,0 4px 8px #052d444d}.start-menu-button:hover{background-color:#ffc90b;transform:none;box-shadow:0 2px #052d44,0 4px 8px #052d444d}.how-to-play-menu-button:hover,.rating-menu-button:hover,.exit-menu-button:hover{background-color:#fff;transform:none;box-shadow:0 2px #052d44,0 4px 8px #052d444d}}::-webkit-scrollbar{width:20px;margin-right:5px;left:-100px}::-webkit-scrollbar-track{border:2px solid #052d44;border-radius:4px;background-color:#004d79}::-webkit-scrollbar-thumb{background:#f7e156;border-radius:4px}.rating-menu-body{background-color:#9d86bb;width:99%;display:flex;justify-content:center;border-radius:8px;margin:8px;max-height:100%;overflow:auto}.rating-menu-items{display:flex;flex-direction:column;gap:15px;padding-top:20px;width:100%;max-width:90%}.rating-item{display:flex;align-items:center;justify-content:space-around}.rating-item-number{min-width:40px;font-size:24px;color:#fff;text-align:center;text-shadow:-2px -2px #052d44,2px -2px #052d44,-2px 2px #052d44,2px 2px #052d44,0px -2px #052d44,0px 2px #052d44,-2px 0px #052d44,2px 0px #052d44}.rating-description{background-image:url("data:image/svg+xml,%3Csvg width='238' height='53' viewBox='0 0 238 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H185.968L165.305 53H7.99999C3.58171 53 0 49.4183 0 45L0 8Z' fill='white'/%3E%3Cpath d='M178.259 0H230C234.418 0 238 3.58172 238 8V45C238 49.4183 234.418 53 230 53H162.842L178.259 0Z' fill='%23052D44'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:238px;height:53px;display:flex;justify-content:space-between;align-items:center;padding:10px}.rating-description-name{font-size:24px;font-family:Lilita One;color:#000}.rating-description-rating{color:#ffc90b;font-family:Lilita One;font-size:24px}.mute-button-icon{position:absolute;top:20px;right:80px;width:54px;height:54px;border:none;background:transparent;cursor:pointer;padding:0;z-index:1000;transition:all .2s ease;outline:none}.mute-button-icon.on-game{width:50px;height:50px;right:5px;top:5px}.mute-button-icon:hover{transform:scale(1.05)}.mute-button-icon:active{transform:scale(.95)}.mute-button-icon img{width:100%;height:100%;display:block}@media (max-width: 768px){.mute-button-icon{top:15px;right:20px;width:50px;height:50px}.mute-button-icon.on-game{right:70px}}@media (hover: none) and (pointer: coarse){.mute-button-icon:hover{transform:none}}.instruction-section{padding:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000004d;border:3px solid #052D44;width:100%;max-width:500px}.section-header{padding:25px 20px;text-align:center}.section-title{font-family:Lilita One,Arial,sans-serif;font-size:28px;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.section-content{padding:40px 20px}.fruit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;justify-items:center}.fruit-item{display:flex;flex-direction:column;align-items:center;gap:12px}.fruit-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center}.fruit-image{width:70px;height:70px;object-fit:contain;object-position:center}.collect-section .section-header{background-color:#052d44}.collect-section .section-content{background-color:orange}.collect-section .fruit-item.good-fruit .fruit-icon:hover{transform:scale(1.1);transition:all .2s ease}.avoid-section .section-header{background-color:#052d44}.avoid-section .section-content{background-color:#9370db}.avoid-section .fruit-item.bad-fruit .fruit-icon:hover{transform:scale(1.1);transition:all .2s ease}@media (max-width: 768px){.instruction-section{margin:0 5px;padding:0;max-width:none;width:calc(100% - 10px)}.section-header{padding:20px}.section-title{font-size:24px}.section-content{padding:30px 20px}.fruit-grid{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;padding:0 10px}.fruit-icon{width:75px;height:75px}.fruit-image{width:55px;height:55px;object-fit:contain;object-position:center}}@media (max-width: 480px){.fruit-grid{grid-template-columns:repeat(2,1fr);max-width:200px;margin:0 auto}}