.ColorBasket-module__q8uRXG__page{min-height:100svh;max-height:100svh;padding:clamp(10px,2.4vmin,28px);padding-top:calc(clamp(10px, 2.4vmin, 28px) + env(safe-area-inset-top,0px));padding-bottom:calc(clamp(10px, 2.4vmin, 28px) + env(safe-area-inset-bottom,0px));padding-left:calc(clamp(10px, 2.4vmin, 28px) + env(safe-area-inset-left,0px));padding-right:calc(clamp(10px, 2.4vmin, 28px) + env(safe-area-inset-right,0px));color:#1c332a;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='190.0,60.0 222.4,135.3 304.1,142.9 242.5,197.1 260.5,277.1 190.0,235.2 119.5,277.1 137.5,197.1 75.9,142.9 157.6,135.3' fill='%23f4c63c' fill-opacity='0.5' filter='url(%23b)'/%3E%3Cpath d='M 1010 274.375 C 944.375 208.75 935 152.5 935 129.0625 C 935 86.875 981.875 77.5 1010 124.375 C 1038.125 77.5 1085 86.875 1085 129.0625 C 1085 152.5 1075.625 208.75 1010 274.375 Z' fill='%23ec6a8f' fill-opacity='0.5' filter='url(%23b)'/%3E%3Crect x='155' y='545' width='190' height='190' transform='rotate(-12 250 640)' fill='%235aa9e6' fill-opacity='0.48' filter='url(%23b)'/%3E%3Cpolygon points='980,520.0 1090.0,718.0 870.0,718.0' fill='%235cbb7f' fill-opacity='0.48' filter='url(%23b)'/%3E%3Ccircle cx='610' cy='140' r='120' fill='%2363c295' fill-opacity='0.46' filter='url(%23b)'/%3E%3Cpolygon points='1120.0,354.0 1143.3,408.0 1201.8,413.4 1157.6,452.2 1170.5,509.6 1120.0,479.6 1069.5,509.6 1082.4,452.2 1038.2,413.4 1096.7,408.0' fill='%2354c9bf' fill-opacity='0.44' filter='url(%23b)'/%3E%3Cpath d='M 120 511.875 C 71.875 463.75 65 422.5 65 405.3125 C 65 374.375 99.375 367.5 120 401.875 C 140.625 367.5 175 374.375 175 405.3125 C 175 422.5 168.125 463.75 120 511.875 Z' fill='%23b79ce6' fill-opacity='0.44' filter='url(%23b)'/%3E%3Cpolygon points='630,624.0 696.0,742.8 564.0,742.8' fill='%23f2c05a' fill-opacity='0.4' filter='url(%23b)'/%3E%3Crect x='600' y='320' width='120' height='120' transform='rotate(18 660 380)' fill='%237fb2e6' fill-opacity='0.3' filter='url(%23b)'/%3E%3Ccircle cx='380' cy='180' r='55' fill='%23f0a05a' fill-opacity='0.34' filter='url(%23b)'/%3E%3Cpolygon points='800,105.5 849.5,194.6 750.5,194.6' fill='%237fc9a0' fill-opacity='0.32' filter='url(%23b)'/%3E%3Cpolygon points='340.0,292.0 355.7,328.4 395.2,332.1 365.4,358.2 374.1,396.9 340.0,376.7 305.9,396.9 314.6,358.2 284.8,332.1 324.3,328.4' fill='%23e0a3d0' fill-opacity='0.34' filter='url(%23b)'/%3E%3Cpath d='M 485 521.125 C 449.125 485.25 444 454.5 444 441.6875 C 444 418.625 469.625 413.5 485 439.125 C 500.375 413.5 526 418.625 526 441.6875 C 526 454.5 520.875 485.25 485 521.125 Z' fill='%238fb8e6' fill-opacity='0.3' filter='url(%23b)'/%3E%3Crect x='819' y='389' width='82' height='82' transform='rotate(-14 860 430)' fill='%23c9a866' fill-opacity='0.3' filter='url(%23b)'/%3E%3Ccircle cx='500' cy='650' r='52' fill='%239ccf8a' fill-opacity='0.32' filter='url(%23b)'/%3E%3C/svg%3E") 50%/cover no-repeat,linear-gradient(#eaf5ee 0%,#f6faf1 55%,#edf4e6 100%);grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:clamp(8px,2vmin,16px);transition:box-shadow .22s;display:grid;position:relative;overflow:hidden}.ColorBasket-module__q8uRXG__flashCorrect{box-shadow:inset 0 0 0 9999px #1b9e6f38}.ColorBasket-module__q8uRXG__flashWrong{box-shadow:inset 0 0 0 9999px #d23c3c38}.ColorBasket-module__q8uRXG__stageArea{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.ColorBasket-module__q8uRXG__stage{grid-template-rows:minmax(0,1fr);justify-items:center;gap:clamp(10px,2vh,20px);width:min(100%,900px);height:100%;padding-top:clamp(40px,7vw,64px);display:grid}.ColorBasket-module__q8uRXG__field{width:100%;height:100%;position:relative}.ColorBasket-module__q8uRXG__objectButton{aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 5px #ffffffe6)drop-shadow(0 0 10px #fff9)drop-shadow(0 2px 3px #00000038);width:clamp(46px,11cqmin,84px);animation:ColorBasket-module__q8uRXG__objectPop .32s ease backwards, ColorBasket-module__q8uRXG__objectFloat 2.6s ease-in-out var(--float-delay,0s) infinite;background:0 0;border:0;border-radius:14px;padding:0;transition:left .62s ease-in,top .62s ease-in,transform .62s ease-in,opacity .62s ease-in,filter .16s;position:absolute;transform:translate(-50%,-50%)}.ColorBasket-module__q8uRXG__objectButton:nth-child(4n+1){--float-delay:-.4s}.ColorBasket-module__q8uRXG__objectButton:nth-child(4n+2){--float-delay:-1.1s}.ColorBasket-module__q8uRXG__objectButton:nth-child(4n+3){--float-delay:-1.7s}.ColorBasket-module__q8uRXG__objectButton:nth-child(4n){--float-delay:-2.3s}.ColorBasket-module__q8uRXG__objectButton:disabled{cursor:default}@media (hover:hover){.ColorBasket-module__q8uRXG__objectButton:not(:disabled):hover{filter:brightness(1.06)drop-shadow(0 0 2px #fff)drop-shadow(0 0 7px #fffffff2)drop-shadow(0 0 13px #ffffffb3)drop-shadow(0 4px 6px #0003)}}.ColorBasket-module__q8uRXG__objectButton:not(:disabled):active{filter:brightness(.96)}.ColorBasket-module__q8uRXG__objectButton:focus-visible{outline-offset:4px;outline:3px solid #0a7269}.ColorBasket-module__q8uRXG__objectCollected{opacity:0;z-index:3;pointer-events:none;transform:translate(-50%,-50%)scale(.25)}.ColorBasket-module__q8uRXG__objectWrong{animation:.42s ColorBasket-module__q8uRXG__shake}.ColorBasket-module__q8uRXG__objectWrong:after{content:"";pointer-events:none;border:3px solid #d23c3c;border-radius:16px;position:absolute;inset:-4px}.ColorBasket-module__q8uRXG__basket{z-index:2;pointer-events:none;width:clamp(120px,26cqmin,220px);animation:.36s ColorBasket-module__q8uRXG__basketPop;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ColorBasket-module__q8uRXG__basketSvg{aspect-ratio:1;background-image:url(/images/props/games/color-basket-basket.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;display:block}.ColorBasket-module__q8uRXG__basketGlow{background:radial-gradient(circle at 50% 60%, var(--target) 0%, transparent 68%);opacity:.75;filter:blur(6px);pointer-events:none;border-radius:50%;animation:1.5s ease-in-out infinite ColorBasket-module__q8uRXG__glowBreathe;position:absolute;inset:-18% -22% -6%}.ColorBasket-module__q8uRXG__basketGlowQuiet{opacity:.6;animation:none}@keyframes ColorBasket-module__q8uRXG__glowBreathe{0%,to{opacity:.55;scale:1}50%{opacity:.9;scale:1.08}}.ColorBasket-module__q8uRXG__basketSwatch{aspect-ratio:1;pointer-events:none;border:3px solid #fff;border-radius:50%;width:26%;animation:1.5s ease-in-out infinite ColorBasket-module__q8uRXG__swatchPulse;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0003}.ColorBasket-module__q8uRXG__basketSwatch:after{content:"";pointer-events:none;border:3px solid #fff;border-radius:50%;animation:1.5s ease-out infinite ColorBasket-module__q8uRXG__swatchRing;position:absolute;inset:-3px}.ColorBasket-module__q8uRXG__basketSwatchQuiet,.ColorBasket-module__q8uRXG__basketSwatchQuiet:after{animation:none}@keyframes ColorBasket-module__q8uRXG__swatchPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.16)}}@keyframes ColorBasket-module__q8uRXG__swatchRing{0%{opacity:.85;scale:1}70%,to{opacity:0;scale:2.1}}@keyframes ColorBasket-module__q8uRXG__objectPop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes ColorBasket-module__q8uRXG__objectFloat{0%{translate:0;rotate:-2deg}50%{translate:0 -6px;rotate:2deg}to{translate:0;rotate:-2deg}}@keyframes ColorBasket-module__q8uRXG__basketPop{0%,to{transform:translate(-50%)scale(1)}40%{transform:translate(-50%)scale(1.08)}}@keyframes ColorBasket-module__q8uRXG__shake{0%,to{transform:translate(-50%,-50%)translate(0)}20%{transform:translate(-50%,-50%)translate(-6px)}40%{transform:translate(-50%,-50%)translate(6px)}60%{transform:translate(-50%,-50%)translate(-4px)}80%{transform:translate(-50%,-50%)translate(4px)}}@keyframes ColorBasket-module__q8uRXG__winBounce{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@keyframes ColorBasket-module__q8uRXG__fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ColorBasket-module__q8uRXG__objectButton,.ColorBasket-module__q8uRXG__basket,.ColorBasket-module__q8uRXG__basketSwatch,.ColorBasket-module__q8uRXG__basketGlow,.ColorBasket-module__q8uRXG__objectWrong{transition:none;animation:none}.ColorBasket-module__q8uRXG__basketSwatch:after{display:none}}