html{overscroll-behavior-x:none}body,html{max-width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{max-width:100%;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}#top_heading{margin:5vh auto;padding:1vh;width:30vw}#top_heading span{animation:wave 2s ease-in-out infinite;display:inline-block}#top_headingspan:first-child{animation-delay:0s}#top_heading span:nth-child(2){animation-delay:.2s}#top_heading span:nth-child(3){animation-delay:.4s}#top_heading span:nth-child(4){animation-delay:.6s}#trash_img{border-radius:50%;margin:1vh}#trash_img,#trash_img img{height:14vh;object-fit:contain;width:14vw}#trash_img img{border-radius:30%}#trash_img img:hover{transform:scale(1.15);transition:transform .2s}#compost_zone,#recycle_zone,#trash_zone{float:left;height:20vh;margin-right:10vw;padding-right:2vw;width:20vw}#drop_zone_1{border-color:#8c5747;height:12vh;width:12vw}#drop_zone_1 img{border-color:#04aa6d;height:10vh;object-fit:contain;width:10vw}#drop_zone_2{border-color:#ed8c76;height:12vh;width:12vw}#drop_zone_2 img{border-color:#c8f0e1;height:10vh;object-fit:contain;width:10vw}#drop_zone_3{border-color:#8c5747;height:12vh;width:12vw}#drop_zone_3 img{border-color:#04aa6d;height:10vh;object-fit:contain;width:10vw}.drop_zones{display:flex;justify-content:center;margin-left:16vw;margin-top:5vh;position:relative}.drop_zones h2{font-size:medium;object-fit:contain}#logout_button{background-color:#04aa6d;border:none;color:#fff;display:inline-block;font-size:16px;margin-left:86%;padding:15px 32px;text-align:center;text-decoration:none}.game{font-size:1rem;height:80vh;margin-left:10vw;margin-top:10vh;text-align:center;width:80vw}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.game-panel{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:40vh}.game-panel-title{font-size:1.5rem;margin:0}.game-loading{font-size:1.1rem;margin:0}.game-spinner{animation:game-spin .8s linear infinite;border:3px solid #0000001f;border-radius:50%;border-top-color:#04aa6d;height:2.5rem;width:2.5rem}@keyframes game-spin{to{transform:rotate(1turn)}}.game-error-text{color:#8b2942;margin:0;max-width:24rem;text-align:center}.game-muted{color:#555;margin:0}.game-btn-primary{background-color:#04aa6d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.65rem 1.5rem}.game-btn-primary:hover{filter:brightness(1.05)}.game-btn-primary:focus-visible{outline:2px solid #026842;outline-offset:2px}.game-header{margin-bottom:.5rem}.game-hint-touch{color:#555;font-size:.9rem;line-height:1.35;margin:0 auto .35rem;max-width:22rem}@media (hover:hover) and (pointer:fine){.game-hint-touch{display:none}}.game-draggable-wrap{margin:.25rem auto .5rem;min-width:min(88vw,220px)}.game-draggable-wrap,.game-draggable-wrap img{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}button.game-draggable-wrap{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;background:#0000!important;box-shadow:none!important}button.game-draggable-wrap:active,button.game-draggable-wrap:hover{background:#0000!important}button.game-draggable-wrap:focus:not(:focus-visible){outline:none}button.game-draggable-wrap:focus-visible{outline:2px solid #04aa6d;outline-offset:3px}.game-drag-overlay{-webkit-touch-callout:none;background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;cursor:grabbing;height:100%;margin:0;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.game #trash_img,.game #trash_img_overlay{background:#0000!important;border-radius:0!important;box-shadow:none!important}.game #trash_img img,.game #trash_img_overlay img{border-radius:30%}.game-drag-overlay #trash_img_overlay img{border-radius:30%;box-shadow:0 4px 16px #00000029;display:block;height:min(10vw,120px);max-height:min(120px,14vw);max-width:min(120px,14vw);object-fit:contain;width:min(10vw,120px)}.game-drop-zones.drop_zones{box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:0;justify-content:center;margin-left:16vw;margin-top:5vh;max-width:none;padding:0;position:relative;width:auto}.game-drop-zone-inner{align-items:center;display:flex;justify-content:center}@media (max-width:700px){.game{box-sizing:border-box;height:auto;margin-left:0;margin-right:0;margin-top:0;max-width:100%;min-height:0;min-height:auto;overflow-x:hidden;padding:max(.35rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(1.25rem,calc(env(safe-area-inset-bottom) + .85rem)) max(.75rem,env(safe-area-inset-left));width:100%}.game-header{margin-bottom:.35rem}.game #top_heading{font-size:clamp(1.05rem,5.2vw,1.45rem);line-height:1.25;margin:.25rem auto .15rem;max-width:100%;padding:.15rem .35rem;width:auto}.game-hint-touch{font-size:.82rem;margin-bottom:.25rem;max-width:100%;padding:0 .25rem}.game-progress-label{font-size:.88rem;margin:.15rem 0}.game-progress-track{max-width:20rem;width:100%}.game-ai-tip,.game-round-feedback{font-size:.88rem;margin-left:auto;margin-right:auto;padding:.4rem .65rem}.game-score{font-size:1rem;margin:.35rem 0 .25rem}.game #trash_img,.game #trash_img_overlay{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:.35rem auto;min-height:0;min-height:auto;width:min(32vw,124px)}.game #trash_img img,.game #trash_img_overlay img{height:min(28vw,112px);max-width:100%;object-fit:contain;width:min(28vw,112px)}.game #trash_img h2,.game #trash_img_overlay h2{font-size:clamp(.82rem,3.5vw,.98rem);line-height:1.2;margin:.3rem 0 0;padding:0 .25rem}.game-draggable-wrap{display:flex;justify-content:center;margin:.1rem auto .25rem;max-width:100%;min-width:0;min-width:auto;width:100%}.game-drag-overlay #trash_img_overlay img{box-shadow:0 4px 14px #0000002e;height:min(22vw,76px);max-width:100%;width:min(22vw,76px)}.game-drop-zones.drop_zones{grid-gap:.6rem;align-items:stretch;box-sizing:border-box;display:grid;flex-wrap:nowrap;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;margin-bottom:.5rem;margin-left:0;margin-top:.35rem;max-width:100%;padding:.25rem 0 0;width:100%}.game-drop-zone-inner{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:64px;min-width:0}.game-drop-zones.drop_zones #compost_zone,.game-drop-zones.drop_zones #recycle_zone,.game-drop-zones.drop_zones #trash_zone{align-items:center;background:#ffffffb8;border:2px solid #00000012;border-radius:14px;box-shadow:0 2px 10px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:auto!important;justify-content:space-between;margin-right:0!important;min-height:118px;padding:.5rem .25rem .45rem!important;width:100%!important}.game-drop-zones.drop_zones #drop_zone_1,.game-drop-zones.drop_zones #drop_zone_2,.game-drop-zones.drop_zones #drop_zone_3{align-items:center;display:flex;height:auto!important;justify-content:center;min-height:56px;width:100%!important}.game-drop-zones.drop_zones #drop_zone_1 img,.game-drop-zones.drop_zones #drop_zone_2 img,.game-drop-zones.drop_zones #drop_zone_3 img{height:min(48px,14vw)!important;object-fit:contain!important;width:min(48px,14vw)!important}.game-drop-zones.drop_zones h2{font-size:clamp(.68rem,2.8vw,.82rem);font-weight:600;line-height:1.15;margin:.2rem 0 0;padding:0 .1rem}.game-over-panel{box-sizing:border-box;margin:1rem auto;max-width:calc(100% - 1.25rem);width:100%}}.game-progress-label{color:#444;font-size:.95rem;margin:.25rem 0 .35rem}.game-progress-track{background:#00000014;border-radius:999px;height:6px;margin:0 auto .75rem;overflow:hidden;width:min(90vw,28rem)}.game-progress-fill{background:linear-gradient(90deg,#04aa6d,#2dd4a8);border-radius:999px;height:100%;transition:width .25s ease}.game-round-feedback{border-radius:6px;display:inline-block;font-weight:600;margin:.35rem auto;padding:.4rem .9rem}.game-round-feedback.is-correct{background-color:#9acd32;color:#1a2e05}.game-round-feedback.is-wrong{background-color:#f08080;color:#3d0a0a}.game-ai-tip{border-radius:6px;font-size:.95rem;line-height:1.35;margin:.35rem auto;max-width:min(90vw,36rem);padding:.5rem .85rem}.game-ai-tip.is-correct{background-color:#9acd3259}.game-ai-tip.is-wrong{background-color:#f0808073}.game-ai-tip-name{font-weight:600}.game-score{margin:.5rem 0 0}.game-over-panel{background:#0000000a;border:1px solid #00000014;border-radius:10px;margin:1.5rem auto;max-width:22rem;padding:1.25rem 1.5rem}.game-over-panel h2{font-size:1.35rem;margin:0 0 .75rem}.game-over-score{margin:0 0 .35rem}.game-over-accuracy{color:#444;font-size:1rem;margin:0 0 1rem}.auth{background-color:#282c34;border:3px solid green;height:50%;margin-left:25%;margin-top:10%;padding:10px;width:50%}#login_button,.auth{color:#fff;font-size:20px;text-align:center}#login_button{border:none;display:inline-block;text-decoration:none}